/* Layout das páginas de atendimento regional. */
.regional-page #servicos .section-heading,
.regional-page .regional-audience .section-heading,
.regional-page .regional-process .section-heading,
.regional-page #cuidado .section-heading { max-width: 100%; margin-inline: auto; text-align: center; }
.regional-page .regional-audience .section-cta,
.regional-page .regional-process .section-cta { margin: 2.25rem 0 0; text-align: center; }
.regional-page .regional-process .section-heading { max-width: 660px; }
.regional-page .regional-process h2 { line-height: 1.1; }
.regional-page #cuidado { position: relative; overflow: hidden; background: radial-gradient(circle at 50% 0%, #30343a 0%, #1b1f24 62%); }
.regional-page #cuidado::before { content: ''; position: absolute; top: 0; left: 50%; width: min(74vw, 680px); height: 3px; transform: translateX(-50%); background: linear-gradient(90deg, transparent, #ef1b24, transparent); }
.regional-page #cuidado .section-heading { position: relative; margin-bottom: 2.5rem; }
.regional-page #cuidado h2 { white-space: normal; line-height: 1.12; }
.regional-page #cuidado .features { position: relative; gap: 1rem; background: none; }
.regional-page #cuidado .feature { position: relative; min-height: 220px; padding: 2rem 1.6rem; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; background: rgba(255,255,255,.055); box-shadow: 0 14px 38px rgba(0,0,0,.1); }
.regional-page #cuidado .feature::before { content: ''; display: block; width: 38px; height: 4px; margin-bottom: 1.4rem; border-radius: 4px; background: #ef1b24; }
.regional-page #cuidado .feature h3 { line-height: 1.18; }
.regional-page #cuidado .feature p { line-height: 1.55; }
@media (max-width: 575px) {
  .regional-page .regional-process h2 { font-size: clamp(1.8rem, 8vw, 2.25rem); }
  .regional-page #cuidado .feature { min-height: 0; }
}