/* NOCAPAL · Cambios LOCALES de Inicio · 2026-11-02
   No alterar estilos, cabeceras ni contenidos de otras páginas. */

/* Contenedores de las secciones: misma anchura y eje que el hero. */
@media (min-width: 721px) {
  body .nc-about__container,
  body .nc-services__container,
  body .nc-cycle__inner,
  body .nc-benefits__container,
  body .nc-contact-cta__inner {
    box-sizing: border-box;
    width: min(1440px, calc(100% - 64px));
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }
  /* Sección contacto: el padding lateral pertenece al fondo, no al contenido. */
  body .nc-contact-cta {padding-left:0;padding-right:0;}
}
@media (max-width: 720px) {
  body .nc-about__container,
  body .nc-services__container,
  body .nc-cycle__inner,
  body .nc-benefits__container,
  body .nc-contact-cta__inner {
    box-sizing: border-box;
    width: calc(100% - 34px);
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }
  body .nc-benefits,
  body .nc-contact-cta {padding-left:0;padding-right:0;}
}

/* Tres líneas reales del icono. Ocultamos la central al desplegar. */
body .nc-header__symbol {
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  width:23px;
  height:20px;
}
body .nc-header__symbol i {
  display:block;
  flex:0 0 2px;
  width:23px;
  height:2px;
  background:#042F66;
  transform:none;
  transition:transform .2s ease,opacity .2s ease;
}
body .nc-header-system.is-open .nc-header__symbol i:first-child {transform:translateY(7px) rotate(45deg);}
body .nc-header-system.is-open .nc-header__symbol i:nth-child(2) {opacity:0;}
body .nc-header-system.is-open .nc-header__symbol i:last-child {transform:translateY(-7px) rotate(-45deg);}
