@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/inter-latin-var.woff2) format('woff2')}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:600 800;font-display:swap;src:url(../fonts/playfair-latin-var.woff2) format('woff2')}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:600;font-display:swap;src:url(../fonts/playfair-italic-latin-var.woff2) format('woff2')}

:root{
  --cor-marca:#00504F;
  --cor-marca-escura:#00403F;
  --cor-acento:#E08A45;
  --acento-texto:#A8571F;
  --aqua:#8FE3D6;
  --texto:#1D2A2A;
  --tinta-suave:#3E4B4B;
  --fundo:#FBFBF5;
  --fundo-alt:#EAF3F0;
  --pessego:#FDDDBB;
  --amarelo:#FEF8B4;
  --cartao:#ffffff;
  --borda:#DDE5E0;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',system-ui,sans-serif;background:var(--fundo);color:var(--texto);line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased}
h1,h2,h3,.serif{font-family:'Playfair Display',Georgia,serif;color:var(--cor-marca)}
.wrap{max-width:640px;margin:0 auto;padding:0 20px}


header.topo{padding:22px 0;text-align:center}
header.topo .logo{display:inline-block;line-height:0}
header.topo .logo img{display:block;height:42px;width:auto;margin:0 auto}

.tela{display:none;padding:28px 0 80px}
.tela.ativa{display:block}

.progresso{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--acento-texto);margin-bottom:10px;text-align:center}
.barra{height:6px;background:var(--borda);border-radius:99px;overflow:hidden;margin:0 0 34px}
.barra i{display:block;height:100%;background:var(--cor-acento);border-radius:99px;transition:width .25s ease}

h1.titulo{font-size:clamp(27px,5.4vw,38px);text-align:center;line-height:1.2;margin-bottom:14px}
p.sub{color:var(--tinta-suave);text-align:center;max-width:52ch;margin:0 auto 10px}
p.lead{color:var(--texto);text-align:center;max-width:52ch;margin:0 auto 22px;font-size:18px}

h2.pergunta{font-size:clamp(21px,3.6vw,27px);text-align:center;line-height:1.3;margin-bottom:26px}

.opcoes{display:grid;gap:12px;margin-bottom:28px}
.opcao{display:block;width:100%;text-align:left;background:var(--cartao);border:1.5px solid var(--borda);border-radius:14px;padding:16px 20px;font-size:16px;font-weight:500;color:var(--texto);cursor:pointer;transition:border-color .12s,background .12s}
.opcao:hover{border-color:var(--cor-acento)}
.opcao.selecionada{border-color:var(--cor-marca);background:var(--fundo-alt);font-weight:700;color:var(--cor-marca)}
.opcao input{margin-right:12px;accent-color:var(--cor-marca)}

.botoes-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px}
.voltar{background:none;border:none;color:var(--tinta-suave);font-size:14.5px;font-weight:600;cursor:pointer;padding:8px}
.voltar:hover{color:var(--cor-marca)}

.cta{display:inline-block;background:var(--cor-marca);color:#fff;text-decoration:none;font-weight:700;font-size:16px;border:none;border-radius:10px;padding:15px 30px;cursor:pointer;transition:background .15s}
.cta:hover{background:var(--cor-marca-escura)}
.cta:disabled{opacity:.45;cursor:not-allowed}
.cta.bloco{display:block;width:100%;text-align:center}
.cta.ghost{background:none;border:1.5px solid var(--cor-marca);color:var(--cor-marca)}

.centro{text-align:center}

form .campo{margin-bottom:18px;text-align:left}
form label{display:block;font-weight:700;color:var(--cor-marca);font-size:14.5px;margin-bottom:6px}
form input[type=text],form input[type=email],form input[type=tel]{width:100%;padding:13px 16px;border:1.5px solid var(--borda);border-radius:10px;font-size:16px;font-family:inherit;background:var(--cartao)}
form input:focus{outline:2px solid var(--cor-acento);border-color:var(--cor-acento)}
.consentimento{display:flex;gap:10px;align-items:flex-start;background:var(--fundo-alt);border-radius:12px;padding:14px 16px;margin:22px 0}
.consentimento input{margin-top:3px;accent-color:var(--cor-marca)}
.consentimento label{font-weight:500;font-size:14.5px;color:var(--tinta-suave);cursor:pointer}
.nota-form{font-size:13px;color:var(--tinta-suave);margin-top:6px}

.resultado-selo{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--acento-texto);text-align:center;margin-bottom:8px}
.resultado-titulo{font-size:clamp(24px,4.6vw,32px);text-align:center;margin-bottom:8px}
.resultado-legenda{font-size:13.5px;color:var(--tinta-suave);text-align:center;margin-bottom:26px}
.resultado-corpo p{margin-bottom:14px;color:var(--tinta-suave)}
.resultado-corpo p strong{color:var(--texto)}
.frase{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:clamp(20px,3.4vw,25px);line-height:1.35;color:var(--cor-marca);text-align:center;margin:26px 0}

.depois{background:var(--pessego);border-radius:18px;padding:30px 26px;margin-top:32px;text-align:center}
.depois p{color:var(--texto);margin-bottom:16px}
.depois .nota-form{margin-top:12px}

.obrigada{background:var(--cartao);border:1.5px solid var(--cor-marca);border-radius:14px;padding:20px 22px;margin-top:6px;text-align:center;color:var(--cor-marca);display:none}
.obrigada strong{font-family:'Playfair Display',Georgia,serif;font-size:18px;display:block;margin-bottom:6px}
.obrigada.mostrar{display:block}


@media (max-width:600px){
  .botoes-nav{flex-direction:column-reverse;align-items:stretch}
  .cta{width:100%}
}

.sub-q{margin-bottom:22px}
.frase.fim{margin-bottom:0}
.depois .frase.fim{margin:0 0 14px}
.centro .voltar{display:inline;padding:0 4px}
.nota-form a{color:var(--cor-marca)}
.topo-diag{border-bottom:1px solid var(--borda)}
.depois .cta.sec{background:none;border:2px solid var(--cor-marca);color:var(--cor-marca)}
.depois .cta.sec:hover{background:var(--fundo-alt)}
.rodape-diag{text-align:center;font-size:13.5px;color:var(--tinta-suave);padding:0 20px 36px}
.rodape-diag a{color:var(--cor-marca)}


/* ---- v5: captação do contato (17/10/2026). Sem estilos inline (a política de segurança do site não permite). ---- */
.oculto{display:none !important}
.campo .obrig{color:var(--acento-texto)}
.campo .opc{font-weight:500;color:var(--tinta-suave);font-size:13px}
.dica-campo{font-size:13px;color:var(--tinta-suave);margin-top:5px}
.erro-campo{font-size:13.5px;color:#9B2C1F;font-weight:600;margin-top:5px;min-height:0}
.erro-campo:empty{display:none}
.erro-geral{font-size:14.5px;color:#9B2C1F;font-weight:600;text-align:center;margin:0 0 14px}
.erro-geral:empty{display:none}
form input[aria-invalid="true"]{border-color:#9B2C1F;background:#FFF6F4}
form select{width:100%;padding:13px 16px;border:1.5px solid var(--borda);border-radius:10px;font-size:16px;font-family:inherit;background:var(--cartao);color:var(--texto)}
form select:focus{outline:2px solid var(--cor-acento);border-color:var(--cor-acento)}
fieldset.grupo{border:none;padding:0;margin:0 0 18px}
fieldset.grupo legend{display:block;font-weight:700;color:var(--cor-marca);font-size:14.5px;margin-bottom:8px;padding:0}
.opcoes-linha{display:flex;flex-wrap:wrap;gap:10px}
label.mini{display:inline-flex;align-items:center;gap:8px;background:var(--cartao);border:1.5px solid var(--borda);border-radius:10px;padding:10px 16px;font-size:15.5px;font-weight:500;color:var(--texto);cursor:pointer;margin:0}
label.mini:hover{border-color:var(--cor-acento)}
label.mini input{accent-color:var(--cor-marca);margin:0}
/* Campo-isca antispam: fora da tela (não usar display:none, que alguns robôs ignoram). */
.isca{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.aviso-dados{background:var(--fundo-alt);border-radius:12px;padding:14px 16px;margin:22px 0 0;font-size:13.5px;color:var(--tinta-suave)}
.aviso-dados a{color:var(--cor-marca);font-weight:600}
.consentimento{margin-top:14px}