/* GRIFE KIDS — PRIVATE LABEL PREMIUM
 * Camada comercial visual. Nao altera captura, backend, banco ou integracoes.
 */
body.commercial-page .page-hero .eyebrow{letter-spacing:.18em}
body.commercial-page .page-hero h1{max-width:740px}
body.commercial-page .page-hero .hero-actions{gap:12px}

body.commercial-page #diagnostico{background:linear-gradient(180deg,#f7f3ea 0%,#f2ecdf 100%)}
body.commercial-page #diagnostico .section-heading{max-width:850px}
body.commercial-page #diagnostico .lead-form-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:24px;align-items:start}
body.commercial-page #diagnostico .lead-capture-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;padding:28px}
body.commercial-page #diagnostico .lead-capture-form label{display:grid;gap:8px;font-size:13px;font-weight:900;color:#29251f}
body.commercial-page #diagnostico .lead-capture-form input,
body.commercial-page #diagnostico .lead-capture-form textarea{width:100%;border:1px solid #d8cfbf;background:#fffdfa;color:#171512;padding:13px 14px;border-radius:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
body.commercial-page #diagnostico .lead-capture-form input:focus,
body.commercial-page #diagnostico .lead-capture-form textarea:focus{border-color:#d7ad3d;box-shadow:0 0 0 3px rgba(215,173,61,.14);background:#fff}
body.commercial-page #diagnostico .lead-form-wide{grid-column:1/-1}
body.commercial-page #diagnostico .lead-form-wide .button{min-width:240px}
body.commercial-page #diagnostico .lead-privacy{max-width:720px;margin:12px 0 0;color:#777066;font-size:12px;line-height:1.55}
body.commercial-page #diagnostico .lead-form-aside{position:sticky;top:110px;padding:28px;background:linear-gradient(145deg,#151611,#0d0e0c);color:#f7f3ea;border-color:rgba(215,173,61,.28)!important;box-shadow:0 24px 55px rgba(26,22,15,.16)!important}
body.commercial-page #diagnostico .lead-form-aside h3{font-size:clamp(25px,2.6vw,36px);line-height:1.05;margin:8px 0 18px;color:#fff}
body.commercial-page #diagnostico .lead-form-aside ul{display:grid;gap:12px;padding:0;margin:0 0 24px;list-style:none}
body.commercial-page #diagnostico .lead-form-aside li{position:relative;padding-left:28px;color:#d2cec4;line-height:1.5}
body.commercial-page #diagnostico .lead-form-aside li:before{content:'✓';position:absolute;left:0;top:0;color:#d7ad3d;font-weight:900}
body.commercial-page #diagnostico .lead-form-aside .button{width:100%}

body.commercial-page .path-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.commercial-page .path-card{padding:28px;min-height:220px;background:#fffdf8}
body.commercial-page .path-card small{display:block;color:#b8871f;font-size:11px;font-weight:900;letter-spacing:.14em;margin-bottom:12px}
body.commercial-page .path-card h3{font-size:25px;margin:0 0 10px}
body.commercial-page .path-card p{line-height:1.65;color:#6e685f}

@media(max-width:900px){
  body.commercial-page #diagnostico .lead-form-grid{grid-template-columns:1fr}
  body.commercial-page #diagnostico .lead-form-aside{position:static}
  body.commercial-page .path-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  body.commercial-page #diagnostico .lead-capture-form{grid-template-columns:1fr;padding:22px 18px}
  body.commercial-page #diagnostico .lead-form-wide{grid-column:auto}
  body.commercial-page #diagnostico .lead-form-wide .button{width:100%;min-width:0}
}
/* Estado ativo do menu desta pagina, independente de JavaScript. */
body.commercial-page .main-nav a[aria-current="page"],
body.commercial-page .main-nav a.is-active{color:#efc54a!important;border:1px solid rgba(239,197,74,.78)!important;background:rgba(239,197,74,.10)!important;border-radius:12px!important;padding:0 14px!important;min-height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:inset 0 0 0 1px rgba(239,197,74,.08),0 6px 18px rgba(0,0,0,.14)!important}
body.commercial-page .main-nav a[aria-current="page"]::after,
body.commercial-page .main-nav a.is-active::after{content:none!important}