/* Falar connosco (diagnostico.html) + Obrigado · v4 · depende de home.css */
.pg-solid-hd .hd{background:rgba(7,22,37,.96);border-bottom-color:rgba(201,162,75,.14)}

/* ---------- abertura ---------- */
.ct-hero{position:relative;isolation:isolate;color:var(--on-dark);background:var(--navy-deep);overflow:hidden}
.ct-hero-bg{position:absolute;inset:0;z-index:-1}
.ct-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:60% 40%;filter:saturate(.5) contrast(1.04)}
.ct-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,20,32,.92) 0%,rgba(6,20,32,.8) 55%,rgba(6,20,32,.66) 100%)}
.ct-hero-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,80px);align-items:end;padding:calc(var(--hd) + 64px) 0 clamp(52px,7vw,92px)}
.ct-hero .eyebrow{color:var(--gold)}
.ct-hero .h1{font-size:clamp(34px,3.6vw,52px);line-height:1.1;letter-spacing:-.016em;max-width:14ch}
.ct-hero .lede{margin-top:22px;color:var(--on-dark-2);max-width:52ch}
.ct-proof{margin:0;padding:0;list-style:none;display:grid;gap:10px;justify-self:end;width:min(100%,360px)}
.ct-proof li{display:flex;gap:10px;align-items:center;padding:12px 16px;border-radius:14px;border:1px solid rgba(201,162,75,.24);background:rgba(8,24,40,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:500 14px/1.3 var(--sans);color:var(--on-dark-2)}
.ct-proof .ic{width:16px;height:16px;color:var(--gold)}

/* ---------- formulário ---------- */
.ct-main{padding-block:clamp(64px,8vw,112px);background:var(--off)}
.ct-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,80px);align-items:start}
.ct-form{padding:clamp(24px,3vw,40px);border-radius:28px;background:var(--paper);border:1px solid var(--hair-l);box-shadow:0 30px 60px -40px rgba(6,20,32,.35)}
.ct-progress{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;font:600 11px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep)}
.ct-progress span{font:400 11.5px/1 var(--mono);letter-spacing:.02em;text-transform:none;color:var(--ink-3)}
.ct-bar{height:3px;border-radius:3px;background:var(--stone);overflow:hidden;margin-bottom:30px}
.ct-bar i{display:block;height:100%;width:calc(100% * var(--p,.333));background:var(--gold);transition:width .5s var(--ease)}
.ct-step{border:0;margin:0;padding:0;min-width:0}
.ct-step legend{font:500 clamp(22px,2vw,28px)/1.2 var(--sans);letter-spacing:-.01em;color:var(--ink);margin-bottom:8px;padding:0}
.ct-step legend:focus{outline:none}
.ct-hint{font-size:14.5px;line-height:1.5;color:var(--ink-3);margin:0 0 22px}
.ct-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0}
.ct-opt{position:relative;margin:0}
.ct-opt label{display:block;margin:0}
.ct-opt input{position:absolute;inset:0;opacity:0;margin:0;pointer-events:none}
.ct-opt span{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:14px 16px;border-radius:14px;border:1px solid rgba(11,29,51,.16);background:#fff;font:500 14.5px/1.3 var(--sans);color:var(--ink);cursor:pointer;transition:border-color .3s var(--ease),background .3s var(--ease)}
.ct-opt span::after{content:"";width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(11,29,51,.3);flex:none;transition:border-color .3s,background .3s}
.ct-opt span:hover{border-color:rgba(126,97,32,.5)}
.ct-opt input:checked+span{border-color:var(--gold-deep);background:rgba(201,162,75,.09)}
.ct-opt input:checked+span::after{border-color:var(--gold-deep);background:radial-gradient(circle,var(--gold-deep) 0 5px,transparent 6px)}
.ct-opt input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.ct-fields{display:grid;gap:14px}
.ct-fields label{display:grid;gap:7px;font:600 10.5px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.ct-fields label small{font:400 11.5px/1.3 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink-3)}
.ct-fields input,.ct-fields textarea{width:100%;min-height:50px;padding:0 14px;border-radius:12px;border:1px solid rgba(11,29,51,.2);background:#fff;font:400 15.5px/1.4 var(--sans);color:var(--ink)}
.ct-fields textarea{min-height:150px;padding:14px;resize:vertical}
.ct-fields input:focus-visible,.ct-fields textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.ct-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ct-consent{margin:18px 0 0;font-size:13px;line-height:1.55;color:var(--ink-3)}
.ct-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:26px;padding-top:22px;border-top:1px solid var(--hair-l)}
.ct-actions .btn--line{min-height:54px}
.ct-actions .btn[hidden],.ct-step[hidden]{display:none}
.ct-actions .btn:disabled{opacity:.6;cursor:default}
.ct-status{margin:12px 0 0;font-size:14px;line-height:1.5;color:#8A3B2E;min-height:1.2em}

/* lateral */
.ct-side{position:sticky;top:calc(var(--hd) + 28px)}
.ct-side h2{font:500 clamp(22px,2vw,28px)/1.2 var(--sans);letter-spacing:-.01em;color:var(--ink)}
.ct-steps{list-style:none;margin:24px 0 0;padding:0}
.ct-steps li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:14px 0;border-top:1px solid var(--hair-l);font-size:15px;line-height:1.55;color:var(--ink-2)}
.ct-steps li:last-child{border-bottom:1px solid var(--hair-l)}
.ct-steps b{font:500 14px/1 var(--mono);color:var(--gold-deep);margin-top:4px}
.ct-steps strong{display:block;font-weight:600;color:var(--ink)}
.ct-note{margin-top:18px;font-size:14.5px;line-height:1.6;color:var(--ink-3)}
.ct-note a{color:var(--gold-deep);text-decoration:none;border-bottom:1px solid rgba(126,97,32,.4)}
.ct-alt{margin-top:26px;padding:22px 24px;border-radius:18px;background:var(--navy);color:var(--on-dark)}
.ct-alt p{font-size:14.5px;line-height:1.6;color:var(--on-dark-2)}
.ct-alt p+p{margin-top:12px}
.ct-alt b{color:var(--on-dark);font-weight:600}
.ct-alt a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(201,162,75,.5)}

/* ---------- obrigado ---------- */
.ok-sec{position:relative;isolation:isolate;min-height:calc(100svh - var(--hd));display:grid;align-items:center;padding-block:clamp(80px,10vw,140px);background:var(--navy-deep);color:var(--on-dark);overflow:hidden}
.ok-bg{position:absolute;inset:0;z-index:-1}
.ok-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:saturate(.5) contrast(1.04)}
.ok-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,20,32,.93) 0%,rgba(6,20,32,.84) 55%,rgba(6,20,32,.72) 100%)}
.ok-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,80px);align-items:center}
.ok-sec .eyebrow{color:var(--gold)}
.ok-sec .h1{font-size:clamp(34px,3.6vw,52px);line-height:1.1;letter-spacing:-.016em;max-width:14ch}
.ok-sec .lede{margin-top:22px;color:var(--on-dark-2);max-width:50ch}
.ok-ctas{margin:30px 0 0;display:flex;flex-wrap:wrap;gap:12px}
.ok-sec .btn--line{color:var(--on-dark);border-color:rgba(242,239,231,.32)}
.ok-sec .btn--line:hover{border-color:var(--gold);background:rgba(201,162,75,.08)}
.ok-links{list-style:none;margin:0;padding:0}
.ok-links li{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);gap:16px;padding:18px 0;border-top:1px solid rgba(201,162,75,.2);font-size:15px;line-height:1.55;color:var(--on-dark-2)}
.ok-links li:last-child{border-bottom:1px solid rgba(201,162,75,.2)}
.ok-links b{font-weight:500;color:var(--on-dark)}
.ok-links a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(201,162,75,.5)}
.ok-lexa{margin-top:18px;font-size:14.5px;line-height:1.6;color:var(--on-dark-2)}
.ok-lexa a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(201,162,75,.5)}

/* ---------- responsivo ---------- */
@media (max-width:980px){
  .ct-hero-in,.ct-grid,.ok-in{grid-template-columns:minmax(0,1fr)}
  .ct-proof{justify-self:start}
  .ct-side{position:static}
}
@media (max-width:640px){
  .ct-opts,.ct-two{grid-template-columns:minmax(0,1fr)}
  .ct-actions{flex-direction:column-reverse;align-items:stretch}
  .ct-actions .btn{width:100%}
  .ok-links li{grid-template-columns:minmax(0,1fr);gap:6px}
}
@media (prefers-reduced-motion:reduce){.ct-bar i,.ct-opt span{transition:none}}
