/* V7 — página Diagnóstico Estratégico */
:root{--dark:#1F2937;--primary:#DF4C2B;--muted:#66717D;--line:#E1E5E8;--shadow:0 22px 60px rgba(17,24,39,.12)}
/* ETAPA 81 — Diagnóstico Estratégico */
.diagnostic-hero{padding:82px 0 94px;background:linear-gradient(180deg,#fff 0%,#FBF8F5 100%)}
.diagnostic-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.78fr);gap:68px;align-items:center}
.diagnostic-hero h1{max-width:820px;margin:0 0 22px;color:var(--dark);font-size:clamp(3rem,5.5vw,5.15rem);line-height:.97;letter-spacing:-.06em}
.diagnostic-lead{max-width:760px;margin:0 0 17px;color:#34404B;font-size:1.25rem;line-height:1.43}
.diagnostic-copy{max-width:720px;margin:0;color:var(--muted);font-size:.98rem}
.hero-checks{display:grid;gap:9px;margin:26px 0 27px;padding:0;list-style:none}
.hero-checks li{position:relative;padding-left:27px;color:#3D4852;font-size:.9rem;font-weight:650}
.hero-checks li:before{content:"✓";position:absolute;left:0;top:0;color:var(--primary);font-weight:900}
.diagnostic-hero-cta{background:#DF4C2B;border-color:#DF4C2B;color:#fff;box-shadow:0 12px 28px rgba(225,74,40,.22)}
.diagnostic-hero-cta:hover{background:#C63D20;border-color:#C63D20;color:#fff}
.microcopy{margin:13px 0 0;color:#8A939B;font-size:.72rem;font-weight:700}
.diagnostic-booking-card{border:1px solid #D9DEE1;border-radius:24px;background:#fff;box-shadow:var(--shadow);overflow:hidden}
.booking-top{display:flex;justify-content:space-between;gap:15px;padding:19px 24px;background:var(--dark);color:#fff}
.booking-top span,.booking-top b{font-size:.63rem;font-weight:850;letter-spacing:.1em}
.booking-top b{color:#FFB6A3}
.booking-body{padding:31px 28px 29px}
.booking-body h2{margin:0 0 12px;color:var(--dark);font-size:1.75rem;line-height:1.1;letter-spacing:-.035em}
.booking-body>p{margin:0;color:var(--muted);font-size:.88rem}
.booking-cta{width:100%;margin-top:23px;background:#DF4C2B;border-color:#DF4C2B;color:#fff}
.booking-cta:hover{background:#C63D20;border-color:#C63D20;color:#fff}
.booking-note{margin-top:14px!important;color:#8A939B!important;font-size:.68rem!important;line-height:1.45}
.diagnostic-audience{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.diagnostic-audience article{min-height:245px;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.diagnostic-audience article>span{color:var(--primary);font-size:.66rem;font-weight:850}
.diagnostic-audience h3{margin:14px 0 9px;color:var(--dark);font-size:1.28rem}
.diagnostic-audience p{margin:0;color:var(--muted);font-size:.88rem}
.diagnostic-topics{border-top:1px solid var(--line)}
.diagnostic-topics>div{display:grid;grid-template-columns:42px 1fr;gap:15px;padding:21px 0;border-bottom:1px solid var(--line)}
.diagnostic-topics span{color:var(--primary);font-size:.67rem;font-weight:850}
.diagnostic-topics strong{color:var(--dark);font-size:1rem}
.diagnostic-topics p{grid-column:2;margin:3px 0 0;color:var(--muted);font-size:.84rem}
.takeaway-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.takeaway-grid article{min-height:225px;padding:28px;border:1px solid #424D58;border-radius:18px;background:#26313D}
.takeaway-grid article>span{color:#FFB6A3;font-size:.66rem;font-weight:850}
.takeaway-grid h3{margin:34px 0 9px;color:#fff;font-size:1.4rem}
.takeaway-grid p{margin:0;color:#C5CDD3;font-size:.82rem}
.diagnostic-boundary{display:grid;grid-template-columns:1fr .8fr;gap:65px;align-items:center}
.diagnostic-boundary h2{max-width:760px;margin:0 0 18px;color:var(--dark);font-size:clamp(2rem,3.7vw,3.1rem);line-height:1.06;letter-spacing:-.04em}
.diagnostic-boundary>div>p{max-width:760px;margin:0;color:var(--muted)}
.boundary-list{border-top:1px solid var(--line)}
.boundary-list>div{display:grid;grid-template-columns:70px 1fr;gap:13px;padding:17px 0;border-bottom:1px solid var(--line)}
.boundary-list strong{color:var(--dark);font-size:.78rem}
.boundary-list span{color:var(--muted);font-size:.78rem}
.boundary-list>div:last-child strong{color:var(--primary)}
.booking-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.booking-steps article{min-height:225px;padding:30px;border:1px solid #E2D9D4;border-radius:20px;background:#fff}
.booking-steps span{color:var(--primary);font-size:.67rem;font-weight:850}
.booking-steps h3{margin:30px 0 9px;color:var(--dark);font-size:1.3rem}
.booking-steps p{margin:0;color:var(--muted);font-size:.86rem}
.diagnostic-final{padding-top:40px}
.diagnostic-final-box{display:grid;grid-template-columns:1fr auto;gap:55px;align-items:center;padding:54px 58px;border:1px solid #E9DDD6;border-radius:26px;background:#F7F1ED}
.diagnostic-final-box h2{max-width:860px;margin:0 0 18px;color:var(--dark);font-size:clamp(2rem,3.7vw,3.15rem);line-height:1.06;letter-spacing:-.04em}
.diagnostic-final-box p{max-width:800px;margin:0;color:var(--muted)}
.diagnostic-final-action{display:flex;flex-direction:column;align-items:center;gap:12px}
.diagnostic-final-cta{background:#DF4C2B;border-color:#DF4C2B;color:#fff;box-shadow:0 12px 28px rgba(225,74,40,.24);white-space:nowrap}
.diagnostic-final-cta:hover{background:#C63D20;border-color:#C63D20;color:#fff;box-shadow:0 16px 34px rgba(225,74,40,.3)}
.diagnostic-final-cta:focus-visible{outline:3px solid rgba(225,74,40,.38);outline-offset:4px}
.diagnostic-final-action span{color:#806E65;font-size:.69rem;font-weight:750}
@media(max-width:1050px){
  .diagnostic-hero-grid{gap:42px}
  .takeaway-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .diagnostic-hero-grid,.split-grid,.diagnostic-boundary,.diagnostic-final-box{grid-template-columns:1fr}
  .diagnostic-audience{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .diagnostic-hero{padding:64px 0 75px}
  .diagnostic-hero h1{font-size:clamp(2.7rem,12vw,4.4rem)}
  .diagnostic-lead{font-size:1.08rem}
  .diagnostic-audience,.takeaway-grid,.booking-steps{grid-template-columns:1fr}
  .diagnostic-final-box{padding:38px 27px}
  .diagnostic-final-action{align-items:stretch}
  .diagnostic-final-cta{width:100%;white-space:normal}
}

/* ETAPA 81 — novo fluxo de conversão */
.booking-cta{display:flex}


/* V7 — refinamento desktop */
@media (min-width:901px){
  .diagnostic-hero h1{font-size:clamp(3rem,4.2vw,4.35rem);max-width:760px}
  .diagnostic-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(390px,.82fr);gap:58px}
}
