/* NOCAPAL — cabecera y héroes unificados. Referencia: Compra de palets */
:root{--nocapal-container:1440px;--nocapal-gutter:24px}
/* Header: mismo diseño en todas las páginas. Conserva JS de header compartido. */
.nc-header-system .nc-header__toggle{min-width:52px!important;width:52px!important;height:50px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:0!important;cursor:pointer}
.nc-header-system .nc-header__symbol{display:flex!important;flex-direction:column!important;gap:5px!important;width:25px!important;height:auto!important;align-items:stretch!important;justify-content:center!important}
.nc-header-system .nc-header__symbol i{display:block!important;width:25px!important;height:2px!important;flex:0 0 2px!important;background:#042F66!important;transform:none;opacity:1;transition:transform .22s,opacity .22s}
.nc-header-system.is-open .nc-header__symbol i:first-child{transform:translateY(7px) rotate(45deg)!important}
.nc-header-system.is-open .nc-header__symbol i:nth-child(2){opacity:0!important}
.nc-header-system.is-open .nc-header__symbol i:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
/* Comportamiento scroll: barra secundaria y header se unen a ancho completo. */
.nc-header-system .nc-topbar{position:fixed!important;top:0!important;left:clamp(16px,3vw,56px);right:clamp(16px,3vw,56px);z-index:1601}
.nc-header-system .nc-header{position:fixed!important;top:42px;left:clamp(16px,3vw,56px);right:clamp(16px,3vw,56px);z-index:1600}
.nc-header-system .nc-header.is-compact{top:32px!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;border-left:0!important;border-right:0!important}
.nc-header-system:has(.nc-header.is-compact) .nc-topbar{left:0!important;right:0!important;width:100%!important;max-width:none!important}
.nc-header-system .nc-mega{left:clamp(16px,3vw,56px);right:clamp(16px,3vw,56px)}
.nc-header-system:has(.nc-header.is-compact) .nc-mega{left:0!important;right:0!important}
/* HERO: misma geometría, ritmo y alineación que Compra de palets.
   No sustituye imágenes ni controles. */
body:has(.nocapal-hero-unificado){overflow-x:hidden}
body .nocapal-hero-unificado{position:relative!important;box-sizing:border-box!important;min-height:700px!important;max-height:none!important;height:auto!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:0!important}
body .nocapal-hero-unificado .testhero__copy,
body .nocapal-hero-unificado .nc-empresa-hero__container,
body .nocapal-hero-unificado .cp-hero__main,
body .nocapal-hero-unificado .vp-hero__inner,
body .nocapal-hero-unificado .rr-hero__inner,
body .nocapal-hero-unificado .contacto-hero__inner{
  position:relative!important;z-index:3!important;box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  width:min(var(--nocapal-container),calc(100% - 48px))!important;
  max-width:var(--nocapal-container)!important;
  min-height:700px!important;height:auto!important;
  padding:155px 0 94px!important;margin:0 auto!important;
  transform:none!important;left:auto!important;right:auto!important;
}
body .nocapal-hero-unificado .testhero__copy,
body .nocapal-hero-unificado .nc-empresa-hero__copy,
body .nocapal-hero-unificado .cp-hero__copy,
body .nocapal-hero-unificado .vp-hero__content,
body .nocapal-hero-unificado .rr-hero__copy{
  width:100%!important;max-width:1050px!important;margin:0!important;padding:0!important;position:relative!important;z-index:4!important;
}
body .nocapal-hero-unificado .nocapal-hero-h1{
  width:100%!important;max-width:1030px!important;
  font-family:Barlow,Arial,sans-serif!important;
  font-size:clamp(52px,5.45vw,88px)!important;
  font-weight:800!important;line-height:.98!important;letter-spacing:-.035em!important;
  margin:17px 0 24px!important;overflow-wrap:normal!important;word-break:normal!important;text-wrap:balance!important;
}
body .nocapal-hero-unificado h1 em{font-style:normal}
body .nocapal-hero-unificado .testhero__eyebrow,
body .nocapal-hero-unificado .nc-empresa-hero__eyebrow,
body .nocapal-hero-unificado .cp-hero__eyebrow,
body .nocapal-hero-unificado .vp-hero__eyebrow,
body .nocapal-hero-unificado .rr-kicker,
body .nocapal-hero-unificado .eyebrow{font:800 12px/1.3 Inter,Arial,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important}
body .nocapal-hero-unificado .testhero__copy>p,
body .nocapal-hero-unificado .nc-empresa-hero__copy>p,
body .nocapal-hero-unificado .cp-hero__copy>p,
body .nocapal-hero-unificado .vp-hero__text,
body .nocapal-hero-unificado .rr-hero__copy>p,
body .nocapal-hero-unificado .contacto-hero__inner>p:not(.eyebrow){max-width:675px!important;font-size:clamp(16px,1.35vw,19px)!important;line-height:1.7!important}
/* No dejes que etiquetas, índices o submenús alteren la geometría del título. */
body .nocapal-hero-unificado .vp-hero__tags{margin-top:25px!important}
/* Imágenes de fondo a ancho completo. */
body .nocapal-hero-unificado .cp-hero__photo,
body .nocapal-hero-unificado .nc-empresa-hero__media,
body .nocapal-hero-unificado .contacto-hero__image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important}
/* Responsive */
@media(max-width:850px){
 body .nocapal-hero-unificado{min-height:620px!important}
 body .nocapal-hero-unificado .testhero__copy,
 body .nocapal-hero-unificado .nc-empresa-hero__container,
 body .nocapal-hero-unificado .cp-hero__main,
 body .nocapal-hero-unificado .vp-hero__inner,
 body .nocapal-hero-unificado .rr-hero__inner,
 body .nocapal-hero-unificado .contacto-hero__inner{min-height:620px!important;padding:137px 0 70px!important}
 body .nocapal-hero-unificado .nocapal-hero-h1{font-size:clamp(43px,7.5vw,69px)!important;max-width:100%!important}
}
@media(max-width:600px){
 :root{--nocapal-gutter:16px}
 body .nocapal-hero-unificado{min-height:590px!important}
 body .nocapal-hero-unificado .testhero__copy,
 body .nocapal-hero-unificado .nc-empresa-hero__container,
 body .nocapal-hero-unificado .cp-hero__main,
 body .nocapal-hero-unificado .vp-hero__inner,
 body .nocapal-hero-unificado .rr-hero__inner,
 body .nocapal-hero-unificado .contacto-hero__inner{min-height:590px!important;width:calc(100% - 32px)!important;padding:125px 0 62px!important}
 body .nocapal-hero-unificado .nocapal-hero-h1{font-size:clamp(42px,10.3vw,62px)!important;line-height:1.01!important}
 .nc-header-system .nc-header.is-compact{top:30px!important}
}
