/* Corfolíder · Layout unificado V5 · 1100 px */
:root { --corfo-content-width: 1100px; --corfo-gutter: 22px; }
/* Unificar la geometría entre navegación, home, internas y pie de página. */
.site-nav,
.site-footer-wrap,
.cx-home .cx-wrap,
body.page-inner .wrap,
body.page-inner .ci-cert-hero-grid {
  width: min(var(--corfo-content-width), calc(100% - 2 * var(--corfo-gutter))) !important;
  max-width: var(--corfo-content-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* Los paneles de equipo no deben desbordar el ancho principal. */
.cx-home .cx-team-shell {
  max-width: 100% !important;
}
/* Hero y fondos a sangre: conservan el ancho total de pantalla. */
.cx-hero, .cx-interlude, .cx-experience, .cx-team, .cx-cta,
body.page-inner .hero, body.page-inner .cta { max-width: none; }
/* Evitar que un hijo grid fuerce desbordamiento en pantallas medianas. */
.cx-home .cx-wrap > *, body.page-inner .wrap > * { min-width: 0; }
@media (max-width: 720px) {
  :root { --corfo-gutter: 20px; }
}
@media (max-width: 420px) {
  :root { --corfo-gutter: 15px; }
}