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

/* 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;}

/* 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;}

/* 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;}

/* 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);}