/* Mantém a linguagem visual da página Construtoras; apenas compõe a rota comercial. */
.commercial-hero{background:var(--navy);color:#fff;padding:105px 0 100px}
.commercial-hero-inner{max-width:900px}
.commercial-hero h1{font-size:clamp(36px,4.2vw,60px);line-height:1.15;max-width:900px}
.commercial-hero .lead{max-width:760px}
.commercial-note{font-size:12px;color:#a8c6c8;margin:32px 0 0;max-width:720px}
.commercial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.commercial-grid>.product,.commercial-grid>.benefit{min-width:0;min-height:250px}
.commercial-grid>.product{min-height:350px}
.commercial-grid .product h3{margin:20px 0 10px}
.commercial-grid>.benefit h3{margin-top:25px}
.commercial-grid .product-foot{text-decoration:underline;text-underline-offset:4px}
.commercial-cta h2{max-width:820px}
.commercial-cta .muted{max-width:720px;margin:22px 0 30px}
.commercial-cta .text-link{color:#bff4e9}
@media(max-width:1190px) and (min-width:721px){.nav{gap:15px}.nav nav{gap:10px}.nav nav a{font-size:12px}.nav nav .nav-tour{padding:8px}.nav>.button{padding:11px 12px;font-size:11px}}
@media(max-width:900px) and (min-width:721px){.nav nav{gap:8px}.nav nav a{font-size:11px}.nav>.button{font-size:10px}.brand{font-size:14px}}
@media(max-width:720px){.nav nav,.nav>.button{display:none}.menu-toggle{display:block}}
@media(max-width:1000px){.commercial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.commercial-hero{padding:70px 0}.commercial-grid{grid-template-columns:1fr}.commercial-grid>.benefit{min-height:auto}.commercial-grid>.product{min-height:280px}.commercial-cta .hero-actions{align-items:stretch}}