/* Componentes reutilizados em mais de uma família de páginas: entrada suave, formulários, contato, fechamento, depoimentos, passos, barra fixa, lightbox de vídeo e consentimento de cookies. */

/* fechamento */
.cta-final{background:var(--noite);color:rgba(255,255,255,.78);padding:96px 0;}
.cta-final h2{color:var(--branco);max-width:22ch;}
.cta-final p{margin-top:16px;max-width:46ch;}
.cta-final .canais{margin-top:30px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;}
.cta-final .btn-linha{border-color:rgba(255,255,255,.35);color:#fff;}
.cta-final .btn-linha:hover{border-color:#fff;color:#fff;}
.btn-block{width:100%;}

/* como funciona */
.passos{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;}
.passo{border-top:1px solid var(--linha);padding-top:22px;}
.passo .num{font-size:13.5px;font-weight:700;color:var(--ciano-escuro);}
.passo h3{margin-top:10px;}
.passo p{font-size:14.5px;color:var(--tinta-2);margin-top:8px;text-wrap:pretty;}

/* agendamento */
.form-section{background:var(--nevoa);padding:96px 0;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:flex-start;}
.form-card{background:var(--branco);border-radius:28px;padding:38px;}
.field{margin-bottom:16px;}
.field label{display:block;font-size:13.5px;font-weight:600;color:var(--tinta);margin-bottom:6px;}
.field input,.field select{width:100%;padding:13px 15px;border-radius:12px;border:1.5px solid var(--linha);font-size:15px;font-family:inherit;background:var(--papel);color:var(--tinta);}
.field input:focus,.field select:focus{outline:2.5px solid var(--ciano);outline-offset:1px;}
.form-disclaimer{font-size:12.5px;color:var(--tinta-2);margin-top:14px;text-align:center;}

/* depoimentos */
.depoimentos{padding:88px 0;}
.dep-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:start;}
.dep-destaque blockquote{font-family:'Newsreader',serif;font-style:italic;font-weight:500;font-size:clamp(1.4rem,2.3vw,1.85rem);line-height:1.42;color:var(--noite);margin:0;}
.dep-destaque .quem{margin-top:20px;font-size:14.5px;font-weight:700;}
.dep-mini{border-top:1px solid var(--linha);padding-top:20px;}
.dep-mini + .dep-mini{margin-top:30px;}
.dep-mini p{font-family:'Newsreader',serif;font-style:italic;font-size:1.05rem;line-height:1.5;color:var(--tinta);}
.dep-mini .quem{margin-top:10px;font-size:13.5px;font-weight:700;}

/* contato final */
.contato{background:var(--noite);color:rgba(255,255,255,.78);padding:96px 0;}
.contato-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;}
.contato h2{color:var(--branco);}
.contato p{margin-top:16px;max-width:44ch;}
.contato .canais{margin-top:30px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;}
.mapa{height:300px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.18);}
.mapa iframe{width:100%;height:100%;border:0;display:block;}

/* selo de projeto em pausa e aviso na página do projeto */
.selo-pausa{display:inline-block;margin-left:9px;padding:3px 10px;border-radius:999px;background:var(--nevoa);color:var(--ciano-escuro);font-size:11.5px;font-weight:700;letter-spacing:.04em;vertical-align:middle;white-space:nowrap;}
.aviso-pausa{margin-top:20px;padding:14px 18px;border-radius:16px;background:var(--nevoa);color:var(--tinta);font-size:15px;line-height:1.6;max-width:52ch;}
.aviso-pausa strong{color:var(--ciano-escuro);}

/* barra fixa de conversão no celular */
.sticky-cta{display:none;}
.field textarea{width:100%;padding:13px 15px;border-radius:12px;border:1.5px solid var(--linha);font-size:15px;font-family:inherit;background:var(--papel);color:var(--tinta);min-height:110px;resize:vertical;}
.field textarea:focus{outline:2.5px solid var(--ciano);outline-offset:1px;}
.field .msg-erro{display:none;font-size:12.5px;color:#B3261E;margin-top:6px;}
.field.invalido input,.field.invalido select,.field.invalido textarea{border-color:#B3261E;}
.field.invalido .msg-erro{display:block;}
.form-disclaimer a{color:var(--ciano-escuro);font-weight:600;text-decoration:underline;text-underline-offset:2px;}
.form-aviso{border-radius:14px;padding:18px 20px;font-size:15px;line-height:1.55;}
.form-aviso strong{display:block;margin-bottom:4px;}
.form-whats{margin-top:26px;}
.field .opcional{font-weight:400;color:var(--tinta-2);}
.form-aviso a{font-weight:600;text-decoration:underline;text-underline-offset:2px;}
.campo-site{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
#form-sucesso{background:var(--nevoa);color:var(--noite);}
#form-erro{background:#FBEAE8;color:#7A1C12;margin-top:14px;}

/* lightbox do vídeo institucional */
.video-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:28px;}
.video-modal[hidden]{display:none;}
.video-modal-veu{position:absolute;inset:0;background:rgba(10,15,35,.86);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .28s ease;}
.video-modal-caixa{position:relative;width:min(1140px,100%);max-width:calc((100vh - 140px)*16/9);aspect-ratio:16/9;opacity:0;transform:scale(.97);transition:opacity .28s ease,transform .28s ease;}
.video-modal.aberto .video-modal-veu{opacity:1;}
.video-modal.aberto .video-modal-caixa{opacity:1;transform:none;}
.video-modal-player{width:100%;height:100%;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 30px 80px rgba(5,8,25,.5);}
.video-modal-player iframe{width:100%;height:100%;border:0;display:block;}
.video-modal-fechar{position:absolute;top:-48px;right:0;width:38px;height:38px;border-radius:50%;border:1.5px solid rgba(255,255,255,.45);background:transparent;color:#fff;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .18s ease,background-color .18s ease;}
.video-modal-fechar:hover{border-color:#fff;background:rgba(255,255,255,.12);}

/* consentimento de cookies: aviso na base da tela */
.cookies-aviso{position:fixed;left:0;right:0;bottom:0;z-index:110;padding:0 16px calc(16px + env(safe-area-inset-bottom));pointer-events:none;}
.cookies-aviso-caixa{pointer-events:auto;max-width:1084px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"texto acoes" "texto links";column-gap:40px;row-gap:12px;padding:22px 24px 22px 28px;background:var(--branco);border:1px solid var(--linha-leve);border-radius:22px;box-shadow:0 20px 56px rgba(27,32,80,.16),0 2px 8px rgba(27,32,80,.06);opacity:0;transform:translateY(16px);transition:opacity .32s ease,transform .32s ease;}
.cookies-aviso.visivel .cookies-aviso-caixa{opacity:1;transform:none;}
.cookies-aviso-texto{grid-area:texto;align-self:center;min-width:0;font-size:14.5px;line-height:1.55;color:var(--tinta);}
.cookies-aviso-titulo{display:flex;align-items:center;gap:9px;margin-bottom:4px;font-size:15px;font-weight:700;color:var(--noite);}
.cookies-aviso-titulo::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--ciano);}
.cookies-aviso-secundario{margin-top:6px;font-size:13.5px;color:var(--tinta-2);}
.cookies-aviso-links{grid-area:links;align-self:start;justify-self:end;display:flex;flex-wrap:wrap;gap:2px 18px;font-size:13.5px;line-height:1.5;}
.cookies-aviso-links a{color:var(--indigo);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(69,81,158,.35);transition:text-decoration-color .2s ease;}
.cookies-aviso-links a:hover{text-decoration-color:currentColor;}
.cookies-aviso-acoes{grid-area:acoes;align-self:end;display:flex;gap:10px;}
.cookies-aviso-acoes .btn,.cookies-painel-acoes .btn{padding:12px 22px;font-size:14.5px;white-space:nowrap;}
.cookies-aviso .btn-linha,.cookies-painel .btn-linha{border-color:rgba(69,81,158,.4);color:var(--indigo);}
.cookies-aviso .btn-linha:hover,.cookies-painel .btn-linha:hover{border-color:var(--indigo);background:var(--nevoa);}

/* consentimento de cookies: painel de preferências */
.cookies-painel{width:min(640px,calc(100% - 32px));max-width:none;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);margin:auto;padding:0;border:0;border-radius:24px;background:var(--branco);color:var(--tinta);box-shadow:0 30px 80px rgba(10,15,35,.35);overflow:hidden;}
.cookies-painel[open]{display:flex;}
.cookies-painel::backdrop{background:rgba(10,15,35,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);}
.cookies-painel-caixa{display:flex;flex-direction:column;width:100%;min-height:0;}
.cookies-painel-topo{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px 16px;border-bottom:1px solid var(--linha-leve);}
.cookies-painel-topo h2{font-size:1.35rem;}
.cookies-painel-topo h2:focus{outline:none;}
.cookies-fechar{flex:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid var(--linha);background:transparent;color:var(--tinta);cursor:pointer;transition:border-color .2s ease,color .2s ease;}
.cookies-fechar:hover{border-color:var(--indigo);color:var(--indigo);}
.cookies-fechar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;}
.cookies-painel-corpo{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 26px 6px;}
.cookies-painel-intro{font-size:15px;line-height:1.55;color:var(--tinta-2);}
.cookies-categorias{list-style:none;margin:14px 0 0;padding:0;}
.cookies-categoria{padding:16px 0;border-top:1px solid var(--linha-leve);}
.cookies-categoria-topo{display:flex;align-items:center;gap:12px;}
.cookies-categoria-nome{flex:1;font-size:16px;font-weight:700;color:var(--noite);cursor:pointer;}
.cookies-sempre{padding:4px 11px;border-radius:999px;background:var(--nevoa);color:var(--indigo);font-size:12.5px;font-weight:600;white-space:nowrap;}
.cookies-chave{-webkit-appearance:none;appearance:none;flex:none;position:relative;width:46px;height:26px;margin:0;border-radius:999px;background:#8C90A3;cursor:pointer;transition:background-color .2s ease;}
.cookies-chave::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--branco);box-shadow:0 1px 3px rgba(10,15,35,.25);transition:transform .2s ease;}
.cookies-chave:checked{background:var(--indigo);}
.cookies-chave:checked::after{transform:translateX(20px);}
.cookies-chave:disabled{opacity:.5;cursor:not-allowed;}
.cookies-categoria-texto{margin-top:6px;font-size:14.5px;line-height:1.55;color:var(--tinta-2);}
.cookies-neste{margin-top:6px;font-size:13.5px;line-height:1.5;color:var(--tinta-2);}
.cookies-neste strong{font-weight:600;color:var(--tinta);}
.cookies-painel-acoes{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding:16px 26px 22px;border-top:1px solid var(--linha-leve);}

/* conteúdo de terceiros aguardando permissão (mapa) */
.embed-relativo{position:relative;}
.embed-aviso{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:20px;text-align:center;background:var(--nevoa);}
.embed-aviso .embed-aviso-icone{width:30px;height:30px;margin-bottom:6px;fill:none;stroke:var(--ciano-escuro);stroke-width:1.7;}
.embed-aviso .embed-aviso-titulo{margin:0;max-width:none;font-size:16px;font-weight:700;color:var(--noite);}
.embed-aviso .embed-aviso-texto{margin:0;max-width:34ch;font-size:14px;line-height:1.5;color:var(--tinta-2);}
.embed-aviso .embed-aviso-acoes{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 20px;}
.embed-aviso .btn{padding:11px 22px;font-size:14.5px;}
.embed-aviso .embed-aviso-link{font-size:14px;font-weight:600;color:var(--indigo);text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(69,81,158,.35);}
.embed-aviso .embed-aviso-link:hover{text-decoration-color:currentColor;}