/* páginas /para/<segmento>: só o que style.css não cobre */
.hero .crumbs{padding:0;margin-bottom:18px}
.demos-seg{grid-template-columns:repeat(4,1fr)}
@media(max-width:980px){.demos-seg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.demos-seg{grid-template-columns:1fr}}
.card>.eyebrow{margin-bottom:0}
.card h3 a{color:var(--ink)}
.cta-final{max-width:720px}
.cta-final .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}