/* Pagina curta para trafego (diagnostico/): primeira dobra com o formulario, segunda dobra curta.
   Usa as cores e fontes do style.css; aqui so o que e da pagina curta. [14/10/2026] */
.lp .lp-hero{padding:56px 0 64px; background:radial-gradient(90% 100% at 85% 0%, rgba(168,143,113,.10), transparent 60%), var(--bg)}
.lp-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:20px 56px; align-items:start;
  grid-template-areas:"texto form" "lista form"; grid-template-rows:auto 1fr}
.lp-texto{grid-area:texto; padding-top:18px}
.lp-form{grid-area:form}
.lp-lista{grid-area:lista}
.lp-texto h1{font-size:clamp(34px,4.6vw,56px); max-width:16ch}
.lp-texto .sub{font-size:18px; color:var(--muted); max-width:50ch; margin:22px 0 0; line-height:1.55}

.lp-lista{list-style:none; margin:6px 0 0; padding:0}
.lp-lista li{position:relative; padding:9px 0 9px 32px; font-size:16px; color:var(--ink)}
.lp-lista li::before{content:""; position:absolute; left:0; top:12px; width:18px; height:18px; border-radius:50%;
  background:var(--gold-2); -webkit-mask:none}
.lp-lista li::after{content:""; position:absolute; left:6px; top:16px; width:6px; height:9px; border:solid #fff;
  border-width:0 2px 2px 0; transform:rotate(45deg)}

.form-card{background:var(--surface); border:1px solid var(--line); border-radius:6px; padding:26px 26px 22px;
  box-shadow:0 22px 60px -30px rgba(23,21,18,.35)}
.form-quem{display:flex; align-items:center; gap:14px; padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid var(--line-soft)}
.form-quem img{width:56px; height:56px; border-radius:50%; object-fit:cover; border:1px solid var(--line); flex:none}
.form-quem b{display:block; font-size:15.5px; color:var(--ink-strong); font-weight:600}
.form-quem span{display:block; font-size:13.5px; color:var(--muted); margin-top:2px}

.campo{display:block; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--gold-1); font-weight:600; margin:0 0 14px}
.campo small{text-transform:none; letter-spacing:0; color:var(--muted-2); font-weight:500}
.campo input{display:block; width:100%; margin-top:7px; height:48px; padding:0 14px; font:16px/1.2 Inter,system-ui,sans-serif;
  color:var(--ink-strong); background:#fff; border:1px solid rgba(20,18,14,.22); border-radius:4px; outline:none;
  text-transform:none; letter-spacing:0; transition:border-color .15s, box-shadow .15s}
.campo input:focus{border-color:var(--gold-2); box-shadow:0 0 0 3px rgba(168,143,113,.22)}
.campo input.invalido{border-color:var(--neg)}
.isca{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden}
.btn-full{display:block; width:100%; text-align:center; margin-top:6px; cursor:pointer; border:0}
.btn-full[disabled]{opacity:.7; cursor:wait}
.form-erro{margin:0 0 10px; padding:10px 12px; font-size:14px; color:#7a2e22; background:#FBEDEA; border:1px solid rgba(176,104,90,.35); border-radius:4px}
.form-nota{font-size:12.5px; color:var(--muted-2); margin:12px 0 0; line-height:1.5}
.form-ok{text-align:center; padding:18px 6px 8px}
.form-ok .ok-titulo{font-family:"Cormorant Garamond",Georgia,serif; font-style:italic; font-size:30px; color:var(--ink-strong); margin:0 0 10px}
.form-ok p{color:var(--muted); font-size:15.5px; line-height:1.55; margin:0}
.form-limite{font-size:12.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--gold-1); text-align:center; margin:14px 0 0}

/* segunda dobra */
.lp-prova{padding:64px 0 72px; background:var(--tint)}
.lp-quem{display:grid; grid-template-columns:220px 1fr; gap:40px; align-items:center; max-width:880px}
.lp-quem img{width:220px; height:260px; object-fit:cover; object-position:62% 40%; border-radius:4px; border:1px solid var(--line)}
.lp-quem h2{font-size:clamp(26px,3vw,36px); line-height:1.15}
.lp-auth{list-style:none; margin:18px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:10px 28px}
.lp-auth li{font-size:14px; color:var(--muted); display:inline-flex; align-items:center; gap:9px}
.lp-auth li::before{content:""; width:5px; height:5px; border-radius:50%; background:var(--gold-2)}
.lp-prova .testi{margin-top:44px}
.lp-cta{text-align:center; margin-top:40px}

@media (max-width:860px){
  .lp .lp-hero{padding:32px 0 44px}
  .lp-grid{grid-template-columns:1fr; grid-template-areas:"texto" "form" "lista"; grid-template-rows:auto; gap:24px}
  .lp-texto{padding-top:0}
  .lp-texto .sub{font-size:16.5px; margin-top:16px}
  .form-card{padding:22px 18px 18px}
  .lp-quem{grid-template-columns:1fr; gap:22px}
  .lp-quem img{width:100%; height:300px}
  .lp-texto .so-pc{display:none}
  .lp-texto h1{font-size:clamp(30px,8.4vw,40px)}
  .lp-prova{padding:48px 0 56px}
}
@media (max-width:480px){
  .lp .nav-cta .cta-full, .lp .nav-cta .cta-short{display:none!important}
  .lp .nav-cta .cta-min{display:inline!important}
}