/* nmc-site-hero-13840.css
   Lleva el HERO de marca (negro + rojo) y el sello "del caos al orden" a TODAS las páginas, no solo
   la home. Los .page-hero no llevan formularios dentro, así que es seguro forzar texto blanco. */

/* Hero oscuro de marca en páginas internas */
.nmc-public .page-hero{
  position:relative !important;overflow:hidden !important;color:#fff !important;
  background:#0d0d0d !important;border:0 !important;border-radius:22px !important;
  padding:clamp(48px,6.5vw,86px) clamp(22px,4vw,44px) !important;
  box-shadow:0 30px 70px -40px rgba(13,13,13,.6) !important;
}
.nmc-public .page-hero::before{content:"" !important;position:absolute;top:-32%;right:-8%;width:55%;height:165%;z-index:0;pointer-events:none;background:radial-gradient(closest-side,rgba(227,6,19,.5),transparent 70%);}
.nmc-public .page-hero::after{content:"" !important;position:absolute;left:0;right:0;bottom:0;height:5px;background:#e30613;z-index:3;}
.nmc-public .page-hero>*{position:relative;z-index:2;}
.nmc-public .page-hero h1{color:#fff !important;}
.nmc-public .page-hero p,.nmc-public .page-hero li{color:#dcdcdc !important;}
.nmc-public .page-hero a:not(.hero-btn):not(.primary):not(.secondary){color:#fff !important;text-decoration-color:rgba(255,255,255,.5);}
.nmc-public .page-hero .hero-btn.secondary{background:rgba(255,255,255,.08) !important;border-color:rgba(255,255,255,.26) !important;color:#fff !important;}
.nmc-public .page-hero .hero-btn.secondary:hover{background:#fff !important;color:#0d0d0d !important;}

/* También aseguramos overflow en los heroes oscuros existentes para contener las cajas */
.nmc-public .hero-banner,.nmc-public .center-detail-hero{overflow:hidden;}

/* Escenario de cajas inyectado por JS en heroes internos: versión sutil de fondo */
.nmc-public .nmc-hero-fx.is-bg{position:absolute;inset:0;width:100%;height:100%;right:auto;opacity:.2;mask-image:none;-webkit-mask-image:none;}
.nmc-public .nmc-hero-fx.is-bg i{width:clamp(26px,2.6vw,38px);height:clamp(26px,2.6vw,38px);}