/* Implementación final del modo continuo de Nosotros.
   Esta hoja se carga después de styles.css para aislar el layout de las reglas
   históricas del carrusel fijado. */

body[data-page="nosotros"].about-continuous .about-toc-layout {
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  margin:0 auto clamp(4rem,8vw,7rem)!important;
  padding-inline:clamp(2rem,5vw,6rem)!important;
}

/* Valores: composición final a ancho completo dentro del panel de contenido. */
body[data-page="nosotros"].about-continuous #valores.about-content-redesign{
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  justify-items: stretch !important;
  gap: clamp(3rem, 6vh, 5rem) !important;
  width: 100% !important;
  max-width: 60rem !important;
  min-height: calc(100svh - 12rem) !important;
  margin: 0 !important;
  padding: clamp(2.25rem, 4.5vh, 3.75rem) 0 !important;
  isolation: isolate !important;
  background: transparent !important;
}

body[data-page="nosotros"].about-continuous #valores.about-content-redesign::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 50% !important;
  z-index: -1 !important;
  display: block !important;
  width: 100vw !important;
  background: linear-gradient(to bottom, #f3f7f8 0 59%, #fff 59% 100%) !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

body[data-page="nosotros"].about-continuous #valores .about-content-redesign__copy {
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  align-self: center !important;
  justify-self: stretch !important;
  order: 1 !important;
  gap: .75rem !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 clamp(1rem, 5vw, 4rem) !important;
  text-align: center !important;
}

body[data-page="nosotros"].about-continuous #valores .about-content-redesign__copy .eyebrow {
  display: none !important;
}

body[data-page="nosotros"].about-continuous #valores .about-content-redesign__copy h2 {
  display: grid !important;
  justify-items: center !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

body[data-page="nosotros"].about-continuous #valores .about-content-title-main {
  font-size: clamp(2rem, 2.8vw, 3rem) !important;
  line-height: 1 !important;
}

body[data-page="nosotros"].about-continuous #valores .about-content-title-script {
  margin-top: -.03em !important;
  color: #c91235 !important;
  font-size: clamp(2.25rem, 3.2vw, 3.4rem) !important;
  line-height: 1 !important;
}

body[data-page="nosotros"].about-continuous #valores .about-content-redesign__copy p:not(.eyebrow) {
  width: min(100%, 44rem) !important;
  max-width: 44rem !important;
  margin: 0 auto !important;
  color: #004762 !important;
  font-size: clamp(.95rem, 1.05vw, 1.08rem) !important;
  line-height: 1.35 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

@media (max-width: 1100px) {
  body[data-page="nosotros"].about-continuous #valores.about-content-redesign{
    min-height: auto !important;
    gap: 3.25rem !important;
    padding: 4rem 0 !important;
  }
}

/* Ejes comunes para todas las secciones editoriales de Nosotros. */
@media (min-width: 1101px) {
  body[data-page="nosotros"].about-continuous #identidad,
  body[data-page="nosotros"].about-continuous #quienes-somos,
  body[data-page="nosotros"].about-continuous #evolucion,
  body[data-page="nosotros"].about-continuous #alma-a-186,
  body[data-page="nosotros"].about-continuous #codigo-186 {
    display: grid !important;
    grid-template-columns: 18rem minmax(0, 1fr) !important;
    align-items: center !important;
    justify-items: stretch !important;
    column-gap: 4.5rem !important;
    width: 100% !important;
    max-width: 68rem !important;
    min-height: clamp(32rem, 62svh, 41rem) !important;
    margin: 0 !important;
    padding: clamp(3.5rem, 6vh, 5rem) 0 !important;
  }

  body[data-page="nosotros"].about-continuous #identidad > figure,
  body[data-page="nosotros"].about-continuous #quienes-somos > figure,
  body[data-page="nosotros"].about-continuous #evolucion > figure,
  body[data-page="nosotros"].about-continuous #alma-a-186 > figure,
  body[data-page="nosotros"].about-continuous #codigo-186 > figure {
    display: grid !important;
    place-items: center !important;
    align-self: center !important;
    justify-self: center !important;
    width: 18rem !important;
    min-width: 18rem !important;
    max-width: 18rem !important;
    margin: 0 !important;
  }

  body[data-page="nosotros"].about-continuous #identidad > figure img,
  body[data-page="nosotros"].about-continuous #quienes-somos > figure img,
  body[data-page="nosotros"].about-continuous #evolucion > figure img,
  body[data-page="nosotros"].about-continuous #alma-a-186 > figure img {
    display: block !important;
    width: auto !important;
    max-width: 16rem !important;
    max-height: 17rem !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }

  body[data-page="nosotros"].about-continuous #codigo-186 > figure img {
    display: block !important;
    width: auto !important;
    max-width: 14.5rem !important;
    max-height: 19rem !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }

  body[data-page="nosotros"].about-continuous #identidad > div,
  body[data-page="nosotros"].about-continuous #quienes-somos > div,
  body[data-page="nosotros"].about-continuous #evolucion > div,
  body[data-page="nosotros"].about-continuous #alma-a-186 > div,
  body[data-page="nosotros"].about-continuous #codigo-186 > div {
    display: grid !important;
    align-content: center !important;
    justify-items: start !important;
    align-self: center !important;
    justify-self: stretch !important;
    width: 100% !important;
    max-width: 45rem !important;
    margin: 0 !important;
    text-align: left !important;
  }

  body[data-page="nosotros"].about-continuous #identidad > div h2,
  body[data-page="nosotros"].about-continuous #quienes-somos > div h2,
  body[data-page="nosotros"].about-continuous #evolucion > div h2,
  body[data-page="nosotros"].about-continuous #alma-a-186 > div h2,
  body[data-page="nosotros"].about-continuous #codigo-186 > div h2,
  body[data-page="nosotros"].about-continuous #identidad > div p,
  body[data-page="nosotros"].about-continuous #quienes-somos > div p,
  body[data-page="nosotros"].about-continuous #evolucion > div p,
  body[data-page="nosotros"].about-continuous #alma-a-186 > div p,
  body[data-page="nosotros"].about-continuous #codigo-186 > div p {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
  }
}

@media (max-width: 1100px) {
  body[data-page="nosotros"].about-continuous #identidad > figure,
  body[data-page="nosotros"].about-continuous #quienes-somos > figure,
  body[data-page="nosotros"].about-continuous #evolucion > figure,
  body[data-page="nosotros"].about-continuous #alma-a-186 > figure,
  body[data-page="nosotros"].about-continuous #codigo-186 > figure {
    display: grid !important;
    place-items: center !important;
    justify-self: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 18rem !important;
    margin-inline: auto !important;
  }

  body[data-page="nosotros"].about-continuous #identidad > div,
  body[data-page="nosotros"].about-continuous #quienes-somos > div,
  body[data-page="nosotros"].about-continuous #evolucion > div,
  body[data-page="nosotros"].about-continuous #alma-a-186 > div,
  body[data-page="nosotros"].about-continuous #codigo-186 > div {
    justify-items: center !important;
    width: min(100%, 40rem) !important;
    margin-inline: auto !important;
    text-align: center !important;
  }
}

/* El mensaje funciona como título del bloque de iconos, fuera de Valores. */
body[data-page="nosotros"].about-continuous .about-final-statement {
  display: grid !important;
  justify-items: center !important;
  gap: clamp(4rem, 7vw, 6.5rem) !important;
  width: 100% !important;
  padding: clamp(4.5rem, 8vw, 7rem) clamp(1.25rem, 5vw, 4rem) !important;
  background: #fff !important;
}

body[data-page="nosotros"].about-continuous .about-final-statement__intro {
  display: grid !important;
  justify-items: center !important;
  gap: 1rem !important;
  width: min(100%, 58rem) !important;
  margin: 0 auto !important;
  text-align: center !important;
}

body[data-page="nosotros"].about-continuous .about-final-statement__intro h2 {
  display: grid !important;
  justify-items: center !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  color: #004762 !important;
  font-family: "FigtreeHeroLocal", "Figtree", sans-serif !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  letter-spacing: -.025em !important;
}

body[data-page="nosotros"].about-continuous .about-final-statement__intro h2 span {
  font-size: clamp(2.6rem, 4.2vw, 4.4rem) !important;
  font-weight: 300 !important;
}

body[data-page="nosotros"].about-continuous .about-final-statement__intro h2 strong {
  margin-top: -.08em !important;
  color: #c91235 !important;
  font-family: "PacificoLocal", "Pacifico", cursive !important;
  font-size: clamp(2.9rem, 4.8vw, 5rem) !important;
  font-weight: 400 !important;
  line-height: .98 !important;
  letter-spacing: 0 !important;
}

body[data-page="nosotros"].about-continuous .about-final-statement__intro p {
  width: min(100%, 52rem) !important;
  max-width: 52rem !important;
  margin: .35rem auto 0 !important;
  color: #004762 !important;
  font-family: "FigtreeHeroLocal", "Figtree", sans-serif !important;
  font-size: clamp(1.05rem, 1.35vw, 1.3rem) !important;
  line-height: 1.35 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

body[data-page="nosotros"].about-continuous .about-final-statement__grid {
  width: min(100%, 72rem) !important;
}

@media (max-width: 760px) {
  body[data-page="nosotros"].about-continuous .about-final-statement {
    gap: 3.5rem !important;
    padding-block: 4rem !important;
  }
}

/* Código 186: muestra Pantone y contenido editorial en dos columnas. */
body[data-page="nosotros"].about-continuous #codigo-186.code-showcase{
  display: grid !important;
  grid-template-columns: 18rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: clamp(3rem, 5vw, 5.5rem) !important;
  width: 100% !important;
  max-width: 61rem !important;
  min-height: clamp(30rem, 60svh, 38rem) !important;
  margin: 0 !important;
  padding: clamp(3rem, 5.5vh, 4.5rem) 0 !important;
}

body[data-page="nosotros"].about-continuous #codigo-186 .code-showcase__swatch {
  display: block !important;
  align-self: center !important;
  justify-self: center !important;
  width: 18rem !important;
  min-width: 0 !important;
  max-width: 18rem !important;
  margin: 0 !important;
}

body[data-page="nosotros"].about-continuous #codigo-186 .code-showcase__swatch img {
  display: block !important;
  width: 14.5rem !important;
  height: auto !important;
  max-width: 14.5rem !important;
  max-height: none !important;
  object-fit: contain !important;
}

body[data-page="nosotros"].about-continuous #codigo-186 .code-showcase__copy {
  display: grid !important;
  align-content: center !important;
  justify-items: start !important;
  gap: clamp(.75rem, 1.4vw, 1.15rem) !important;
  width: 100% !important;
  max-width: 48rem !important;
  margin: 0 !important;
  text-align: left !important;
}

body[data-page="nosotros"].about-continuous #codigo-186 .code-showcase__eyebrow {
  margin: 0 !important;
  color: #dc4160 !important;
  font-family: "FigtreeBoldLocal", "Figtree", sans-serif !important;
  font-size: clamp(.72rem, .82vw, .86rem) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

body[data-page="nosotros"].about-continuous #codigo-186 .code-showcase__copy h2 {
  display: grid !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #004762 !important;
  background: none !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  letter-spacing: -.03em !important;
  text-align: left !important;
  transform: none !important;
}

body[data-page="nosotros"].about-continuous #codigo-186 .code-showcase__copy h2::before,
body[data-page="nosotros"].about-continuous #codigo-186 .code-showcase__copy h2::after {
  content: none !important;
  display: none !important;
}

body[data-page="nosotros"].about-continuous #codigo-186 .code-showcase__copy h2 span {
  color: #004762 !important;
  font-family: "FigtreeHeroLocal", "Figtree", sans-serif !important;
  font-size: clamp(2.25rem, 3.35vw, 3.8rem) !important;
  font-weight: 300 !important;
  line-height: 1 !important;
}

body[data-page="nosotros"].about-continuous #codigo-186 .code-showcase__copy h2 strong {
  margin-top: -.08em !important;
  color: #c91235 !important;
  font-family: "PacificoLocal", "Pacifico", cursive !important;
  font-size: clamp(2.5rem, 3.7vw, 4.1rem) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

body[data-page="nosotros"].about-continuous #codigo-186 .code-showcase__copy > p:last-child {
  width: min(100%, 46rem) !important;
  max-width: 46rem !important;
  margin: 0 !important;
  color: #004762 !important;
  font-family: "FigtreeHeroLocal", "Figtree", sans-serif !important;
  font-size: clamp(.95rem, 1.15vw, 1.16rem) !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

@media (max-width: 1100px) {
  body[data-page="nosotros"].about-continuous #codigo-186.code-showcase{
    grid-template-columns: 1fr !important;
    gap: 2.5rem !important;
    min-height: auto !important;
    padding-block: 4rem !important;
  }

  body[data-page="nosotros"].about-continuous #codigo-186 .code-showcase__swatch {
    width: min(100%, 13rem) !important;
  }

  body[data-page="nosotros"].about-continuous #codigo-186 .code-showcase__copy {
    justify-items: center !important;
    margin-inline: auto !important;
    text-align: center !important;
  }

  body[data-page="nosotros"].about-continuous #codigo-186 .code-showcase__copy h2,
  body[data-page="nosotros"].about-continuous #codigo-186 .code-showcase__copy > p:last-child {
    text-align: center !important;
  }
}

body[data-page="nosotros"].about-continuous .about-toc-stage {
  position:relative!important;
  inset:auto!important;
  display:grid!important;
  grid-template-columns:15rem minmax(0,68rem)!important;
  justify-content:center!important;
  align-items:start!important;
  gap:clamp(3rem,4.5vw,5rem)!important;
  width:min(100%,88rem)!important;
  max-width:88rem!important;
  height:auto!important;
  margin-inline:auto!important;
  padding:3rem 0 clamp(4rem,7vh,5.5rem)!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  transform:none!important;
}

body[data-page="nosotros"].about-continuous .about-toc-stage .toc {
  position:sticky!important;
  top:clamp(7rem,14vh,8rem)!important;
  width:15rem!important;
  margin:0!important;
  padding:0!important;
  justify-self:start!important;
  text-align:left!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  transform:none!important;
}

body[data-page="nosotros"].about-continuous .about-toc-stage .toc ul,
body[data-page="nosotros"].about-continuous .about-toc-stage .toc ul ul {
  width:100%!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Índice editorial: misma lectura numerada y seguimiento que las páginas de servicio. */
body[data-page="nosotros"].about-continuous .about-toc__label {
  margin:0!important;
  padding:.35rem 0 1.1rem!important;
  border-top:0!important;
  color:#527181!important;
  font-size:.72rem!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

body[data-page="nosotros"].about-continuous .about-toc__list {
  width:100%!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

body[data-page="nosotros"].about-continuous .about-toc__list li {
  width:100%!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

body[data-page="nosotros"].about-continuous .about-toc__list a {
  display:grid!important;
  grid-template-columns:2.35rem minmax(0,1fr)!important;
  gap:.7rem!important;
  align-items:center!important;
  width:100%!important;
  min-height:3.8rem!important;
  padding:.72rem 0!important;
  border-bottom:1px solid rgba(0,71,98,.16)!important;
  color:#6d8996!important;
  line-height:1.2!important;
  text-align:left!important;
  transition:color 180ms ease,transform 180ms ease!important;
}

body[data-page="nosotros"].about-continuous .about-toc__list a::before,
body[data-page="nosotros"].about-continuous .about-toc__list li.is-current > a::before {
  display:none!important;
  content:none!important;
}

body[data-page="nosotros"].about-continuous .about-toc__list a > span {
  color:#c91235!important;
  font-size:.78rem!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
}

body[data-page="nosotros"].about-continuous .about-toc__list a > strong {
  font-size:clamp(.94rem,1.05vw,1.08rem)!important;
  font-weight:650!important;
}

body[data-page="nosotros"].about-continuous .about-toc__list a:hover,
body[data-page="nosotros"].about-continuous .about-toc__list a:focus-visible,
body[data-page="nosotros"].about-continuous .about-toc__list li.is-current > a {
  color:#004762!important;
  transform:translateX(.22rem)!important;
}

body[data-page="nosotros"].about-continuous .about-toc__list li.is-current > a > span {
  color:#ff5a1f!important;
}

body[data-page="nosotros"].about-continuous .about-toc-stage .toc ul ul {
  padding-left:1.35rem!important;
}

body[data-page="nosotros"].about-continuous .about-toc-stage .toc li,
body[data-page="nosotros"].about-continuous .about-toc-stage .toc a {
  width:auto!important;
  text-align:left!important;
}

body[data-page="nosotros"].about-continuous .about-toc-stage .toc li a {
  transform:none!important;
}

body[data-page="nosotros"].about-continuous .about-toc-stage .toc li.is-current > a::before {
  left:-.95rem!important;
}

body[data-page="nosotros"].about-continuous .about-toc-contents {
  position:relative!important;
  width:100%!important;
  max-width:68rem!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  justify-self:center!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  transform:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

body[data-page="nosotros"].about-continuous .about-toc-scroll {
  display:block!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}

body[data-page="nosotros"].about-continuous .about-toc-section{
  position:relative!important;
  inset:auto!important;
  display:grid!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:clamp(3.5rem,5vw,5.25rem) 0!important;
  align-content:center!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  transform:none!important;
  transition:none!important;
  pointer-events:auto!important;
  will-change:auto!important;
  border:0!important;
  border-bottom:1px solid rgba(0,71,98,.18)!important;
  scroll-margin-top:6.5rem!important;
}

body[data-page="nosotros"].about-continuous .about-toc-section:last-child {
  border-bottom:0!important;
}

body[data-page="nosotros"].about-continuous .about-toc-section *,
body[data-page="nosotros"].about-continuous .about-toc-section::before,
body[data-page="nosotros"].about-continuous .about-toc-section::after {
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}

body[data-page="nosotros"].about-continuous .about-toc-section::after {
  display:none!important;
  content:none!important;
}

/* Banner de apertura: mayor presencia en pantallas grandes. */
@media (min-width:1101px) {
  body[data-page="nosotros"].about-continuous .about-toc-contents {
    padding-bottom:clamp(4rem,8vh,6rem)!important;
  }

  body[data-page="nosotros"].about-continuous #valores.about-toc-section {
    position:relative!important;
    top:auto!important;
    z-index:auto!important;
    min-height:calc(100svh - 12rem)!important;
    background:transparent!important;
    opacity:1!important;
    filter:none!important;
    pointer-events:auto!important;
    will-change:auto!important;
  }

  body[data-page="nosotros"].about-continuous .about-toc-hero__copy {
    width:min(calc(100% - 4rem),90rem)!important;
  }

  body[data-page="nosotros"].about-continuous .about-toc-hero__copy h1 {
    max-width:18ch!important;
    font-size:clamp(3.6rem,3.75vw,4.8rem)!important;
    line-height:1!important;
  }

  body[data-page="nosotros"].about-continuous .about-toc-hero__copy h1 span {
    font-size:.72em!important;
  }

  body[data-page="nosotros"].about-continuous .about-toc-hero__copy h1 strong {
    font-size:.88em!important;
    line-height:1.05!important;
  }

  body[data-page="nosotros"].about-continuous .about-toc-hero__copy p:last-child {
    width:min(100%,58rem)!important;
    max-width:58rem!important;
    margin-top:clamp(1.5rem,2vw,2.25rem)!important;
    font-size:clamp(1.1rem,1.2vw,1.3rem)!important;
    line-height:1.5!important;
    text-wrap:balance!important;
  }

  body[data-page="nosotros"].about-continuous .about-toc-hero__art {
    height:clamp(18rem,20vw,25rem)!important;
    min-height:18rem!important;
  }

  body[data-page="nosotros"].about-continuous .about-toc-hero__art img {
    width:auto!important;
    height:clamp(9rem,10vw,12rem)!important;
    max-height:72%!important;
  }
}

@media (max-width:1100px) {
  body[data-page="nosotros"].about-continuous .about-toc-layout {
    padding-inline:1rem!important;
  }

  body[data-page="nosotros"].about-continuous .about-toc-stage {
    grid-template-columns:1fr!important;
    gap:1rem!important;
    width:100%!important;
    padding:1rem 1rem 4rem!important;
  }

  body[data-page="nosotros"].about-continuous .about-toc-stage .toc {
    top:84px!important;
    width:100%!important;
    padding:.7rem 0 0!important;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(12px)!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    transform:none!important;
    justify-self:start!important;
    text-align:left!important;
  }

  body[data-page="nosotros"].about-continuous .about-toc-stage .toc::-webkit-scrollbar {
    display:none!important;
  }

  body[data-page="nosotros"].about-continuous .about-toc-stage .toc li {
    scroll-snap-align:start!important;
  }

  body[data-page="nosotros"].about-continuous .about-toc__label {
    display:none!important;
  }

  body[data-page="nosotros"].about-continuous .about-toc__list {
    display:flex!important;
    width:max-content!important;
    min-width:100%!important;
  }

  body[data-page="nosotros"].about-continuous .about-toc__list a {
    grid-template-columns:auto auto!important;
    width:max-content!important;
    min-height:3.4rem!important;
    padding:.7rem 1rem!important;
    white-space:nowrap!important;
  }

  body[data-page="nosotros"].about-continuous .about-toc-stage .toc li,
  body[data-page="nosotros"].about-continuous .about-toc-stage .toc a {
    width:auto!important;
    text-align:left!important;
  }

  body[data-page="nosotros"].about-continuous .about-toc-section {
    min-height:auto!important;
    padding:clamp(3rem,8vw,4rem) 0!important;
    scroll-margin-top:10rem!important;
  }
}

@media (max-width:900px) {
  body[data-page="nosotros"].about-continuous .about-toc-stage .toc {
    top:112px!important;
  }

  body[data-page="nosotros"].about-continuous .about-toc-section {
    scroll-margin-top:12rem!important;
  }
}

/* Valores aislado: estas clases no heredan el antiguo layout de 18rem. */
body[data-page="nosotros"].about-continuous #valores.values-showcase{
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto !important;
  align-content: center !important;
  justify-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 68rem !important;
  min-height: clamp(32rem, 62svh, 42rem) !important;
  margin: 0 !important;
  padding: clamp(3rem, 6vh, 5rem) 0 !important;
  background: transparent !important;
  isolation: isolate !important;
}

body[data-page="nosotros"].about-continuous #valores.values-showcase::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 50% !important;
  z-index: -1 !important;
  display: block !important;
  width: 100vw !important;
  background: #f3f7f8 !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

body[data-page="nosotros"].about-continuous #valores .values-showcase__cards {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}

body[data-page="nosotros"].about-continuous #valores .values-showcase__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(1.25rem, 2vw, 1.75rem) !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}

body[data-page="nosotros"].about-continuous #valores .values-showcase__grid article {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  min-width: 0 !important;
  min-height: clamp(10.75rem, 14vw, 13rem) !important;
  margin: 0 !important;
  padding: clamp(1.35rem, 2vw, 1.75rem) !important;
  border: 0 !important;
  border-radius: clamp(1.5rem, 2vw, 2rem) !important;
  color: #004762 !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body[data-page="nosotros"].about-continuous #valores .values-showcase__grid article:nth-child(1),
body[data-page="nosotros"].about-continuous #valores .values-showcase__grid article:nth-child(3),
body[data-page="nosotros"].about-continuous #valores .values-showcase__grid article:nth-child(5) {
  color: #fff !important;
  background: #0bb7c3 !important;
}

body[data-page="nosotros"].about-continuous #valores .values-showcase__grid strong {
  display: grid !important;
  gap: 0 !important;
  color: inherit !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

body[data-page="nosotros"].about-continuous #valores .values-showcase__grid strong span {
  color: inherit !important;
  font-family: "FigtreeHeroLocal", "Figtree", sans-serif !important;
  font-size: clamp(1.6rem, 2.15vw, 2.2rem) !important;
  font-weight: 300 !important;
  line-height: 1 !important;
}

body[data-page="nosotros"].about-continuous #valores .values-showcase__grid strong em {
  margin-top: -.04em !important;
  color: inherit !important;
  font-family: "PacificoLocal", "Pacifico", cursive !important;
  font-size: clamp(1.45rem, 2vw, 2rem) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

body[data-page="nosotros"].about-continuous #valores .values-showcase__grid small {
  color: inherit !important;
  font-family: "FigtreeHeroLocal", "Figtree", sans-serif !important;
  font-size: clamp(.75rem, .82vw, .88rem) !important;
  font-weight: 500 !important;
  line-height: 1.28 !important;
}

@media (max-width: 1100px) {
  body[data-page="nosotros"].about-continuous #valores.values-showcase{
    min-height: auto !important;
    gap: 4rem !important;
    padding-block: 4rem 5rem !important;
  }

  body[data-page="nosotros"].about-continuous #valores .values-showcase__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  body[data-page="nosotros"].about-continuous #valores .values-showcase__grid {
    grid-template-columns: 1fr !important;
  }

  body[data-page="nosotros"].about-continuous #valores .values-showcase__grid article {
    min-height: 10rem !important;
  }
}

/* Auditoría responsive: jerarquía legible y un solo gutter alrededor del índice. */
@media (max-width: 760px) {
  body[data-page="nosotros"].about-continuous .about-toc-hero__copy,
  body[data-page="nosotros"].about-continuous .about-toc-layout,
  body[data-page="nosotros"].about-continuous .about-toc-stage,
  body[data-page="nosotros"].about-continuous .about-toc-contents,
  body[data-page="nosotros"].about-continuous .about-toc-scroll,
  body[data-page="nosotros"].about-continuous .about-toc-section {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body[data-page="nosotros"].about-continuous .about-toc-layout {
    width: 100% !important;
    padding-inline: .75rem !important;
  }

  body[data-page="nosotros"].about-continuous .about-toc-stage {
    width: 100% !important;
    padding: 1rem 0 4rem !important;
  }

  body[data-page="nosotros"].about-continuous .about-toc-stage .toc {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
  }

  body[data-page="nosotros"].about-continuous .about-toc-contents,
  body[data-page="nosotros"].about-continuous .about-toc-scroll {
    width: 100% !important;
  }

  body[data-page="nosotros"].about-continuous .about-toc-section{
    width: 100% !important;
    padding-inline: .25rem !important;
    overflow-wrap: anywhere !important;
  }

  body[data-page="nosotros"].about-continuous .about-toc-hero__copy h1 {
    width: min(100%, 15ch) !important;
    max-width: 15ch !important;
    font-size: clamp(2.4rem, 10.5vw, 3rem) !important;
    line-height: 1.02 !important;
    text-wrap: balance !important;
  }

  body[data-page="nosotros"].about-continuous .about-toc-hero__copy h1 span {
    font-size: .86em !important;
  }

  body[data-page="nosotros"].about-continuous .about-toc-hero__copy h1 strong {
    font-size: .92em !important;
    line-height: 1.04 !important;
  }

  body[data-page="nosotros"].about-continuous .about-identity-redesign__title-main,
  body[data-page="nosotros"].about-continuous .about-content-title-main,
  body[data-page="nosotros"].about-continuous #codigo-186 .code-showcase__copy h2 span{
    max-width: 100% !important;
    font-size: clamp(2rem, 8.2vw, 2.65rem) !important;
    line-height: 1.04 !important;
    text-wrap: balance !important;
  }

  body[data-page="nosotros"].about-continuous .about-identity-redesign__title-script,
  body[data-page="nosotros"].about-continuous .about-content-title-script,
  body[data-page="nosotros"].about-continuous #codigo-186 .code-showcase__copy h2 strong{
    max-width: 100% !important;
    font-size: clamp(2.2rem, 9.2vw, 3rem) !important;
    line-height: 1.02 !important;
    text-wrap: balance !important;
  }

  body[data-page="nosotros"].about-continuous .about-toc-hero__copy > p:last-child,
  body[data-page="nosotros"].about-continuous .about-identity-redesign__copy p:not(.eyebrow),
  body[data-page="nosotros"].about-continuous .about-toc-section:not(#identidad) p:not(.eyebrow),
  body[data-page="nosotros"].about-continuous #codigo-186 .code-showcase__copy > p:last-child,
  body[data-page="nosotros"].about-continuous .about-final-statement__intro p{
    width: min(100%, 34rem) !important;
    max-width: 34rem !important;
    font-size: clamp(1rem, 4.2vw, 1.1rem) !important;
    line-height: 1.48 !important;
    overflow-wrap: break-word !important;
  }
}

/* =========================================================
   NOSOTROS — MOBILE FINAL
   Menú interno sin superposición + textos centrados y con aire
   ========================================================= */
@media (max-width: 760px) {

  /* ---- Layout general ---- */
  body[data-page="nosotros"].about-continuous .about-toc-layout {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 1rem 4rem !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body[data-page="nosotros"].about-continuous .about-toc-stage {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 1.25rem 0 4rem !important;
    overflow: visible !important;
  }

  /* ---- Menú interno: deja de ser sticky en móvil ---- */
  body[data-page="nosotros"].about-continuous
  .about-toc-stage
  nav.toc.about-toc {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 1 !important;

    display: block !important;
    width: calc(100% - .5rem) !important;
    max-width: calc(100% - .5rem) !important;

    margin: 0 auto 3rem !important;
    padding: .65rem .55rem !important;

    background: rgba(255,255,255,.98) !important;
    border-radius: 1rem !important;
    box-sizing: border-box !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    transform: none !important;
    backdrop-filter: blur(10px) !important;
  }

  body[data-page="nosotros"].about-continuous
  .about-toc-stage
  nav.toc.about-toc .about-toc__label {
    display: none !important;
  }

  body[data-page="nosotros"].about-continuous
  .about-toc-stage
  nav.toc.about-toc .about-toc__list {
    display: flex !important;
    align-items: center !important;
    gap: .35rem !important;

    width: max-content !important;
    min-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
    white-space: nowrap !important;
  }

  body[data-page="nosotros"].about-continuous
  .about-toc-stage
  nav.toc.about-toc .about-toc__list li {
    flex: 0 0 auto !important;
    width: auto !important;
  }

  body[data-page="nosotros"].about-continuous
  .about-toc-stage
  nav.toc.about-toc .about-toc__list a {
    display: inline-flex !important;
    align-items: center !important;
    gap: .45rem !important;

    width: auto !important;
    min-height: 2.8rem !important;

    padding: .65rem .8rem !important;

    border: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;

    transform: none !important;
  }

  /* ---- El contenido empieza DESPUÉS del menú ---- */
  body[data-page="nosotros"].about-continuous .about-toc-contents,
  body[data-page="nosotros"].about-continuous .about-toc-scroll {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
  }

  /* ---- Secciones con aire lateral ---- */
  body[data-page="nosotros"].about-continuous .about-toc-section{
    position: relative !important;
    inset: auto !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 3.5rem 1.35rem !important;

    box-sizing: border-box !important;
    overflow: visible !important;
  }

  /* ---- TODOS los bloques editoriales centrados ---- */
  body[data-page="nosotros"].about-continuous .about-toc-hero__copy,
  body[data-page="nosotros"].about-continuous #identidad > div,
  body[data-page="nosotros"].about-continuous #quienes-somos > div,
  body[data-page="nosotros"].about-continuous #evolucion > div,
  body[data-page="nosotros"].about-continuous #alma-a-186 > div,
  body[data-page="nosotros"].about-continuous #codigo-186 > div,
  body[data-page="nosotros"].about-continuous .about-final-statement__intro {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 1rem !important;
    padding-right: 1rem !important;

    box-sizing: border-box !important;

    justify-items: center !important;
    text-align: center !important;
  }

  body[data-page="nosotros"].about-continuous .about-toc-hero__copy h1,
  body[data-page="nosotros"].about-continuous .about-toc-section h2,
  body[data-page="nosotros"].about-continuous .about-toc-section h2 span,
  body[data-page="nosotros"].about-continuous .about-toc-section h2 strong,
  body[data-page="nosotros"].about-continuous .about-toc-section .eyebrow,
  body[data-page="nosotros"].about-continuous .about-toc-section .code-showcase__eyebrow,
  body[data-page="nosotros"].about-continuous .about-final-statement__intro h2 {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    text-align: center !important;
    justify-items: center !important;
  }

  body[data-page="nosotros"].about-continuous .about-toc-hero__copy > p,
  body[data-page="nosotros"].about-continuous .about-toc-section p:not(.eyebrow):not(.code-showcase__eyebrow),
  body[data-page="nosotros"].about-continuous #codigo-186 .code-showcase__copy > p:last-child,
  body[data-page="nosotros"].about-continuous .about-final-statement__intro p {
    width: min(100%, 30ch) !important;
    max-width: 30ch !important;

    margin-left: auto !important;
    margin-right: auto !important;

    text-align: center !important;
    text-wrap: balance !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  /* ---- Código 186 también centrado ---- */
  body[data-page="nosotros"].about-continuous #codigo-186 .code-showcase__copy {
    justify-items: center !important;
    text-align: center !important;
  }

  body[data-page="nosotros"].about-continuous #codigo-186 .code-showcase__copy h2,
  body[data-page="nosotros"].about-continuous #codigo-186 .code-showcase__copy h2 span,
  body[data-page="nosotros"].about-continuous #codigo-186 .code-showcase__copy h2 strong,
  body[data-page="nosotros"].about-continuous #codigo-186 .code-showcase__copy > p:last-child {
    text-align: center !important;
  }

  /* ---- Valores: textos también centrados ---- */
  body[data-page="nosotros"].about-continuous
  #valores .values-showcase__grid article {
    text-align: center !important;
    align-items: center !important;
  }

  body[data-page="nosotros"].about-continuous
  #valores .values-showcase__grid strong,
  body[data-page="nosotros"].about-continuous
  #valores .values-showcase__grid small {
    width: 100% !important;
    text-align: center !important;
  }

  /* ---- Cierre ---- */
  body[data-page="nosotros"].about-continuous .about-final-statement {
    padding-left: 1.35rem !important;
    padding-right: 1.35rem !important;
    box-sizing: border-box !important;
  }

  body[data-page="nosotros"].about-continuous .about-final-statement__item p,
  body[data-page="nosotros"].about-continuous .about-final-statement__item p strong,
  body[data-page="nosotros"].about-continuous .about-final-statement__item p span {
    text-align: center !important;
  }
}

/* =========================================================
   NOSOTROS — VALORES MOBILE MÁS LEGIBLES
   ========================================================= */
@media (max-width: 560px) {

  body[data-page="nosotros"].about-continuous
  #valores .values-showcase__grid article {
    min-height: 12.5rem !important;
    padding: 1.6rem 1.35rem !important;
    gap: 1.35rem !important;
  }

  body[data-page="nosotros"].about-continuous
  #valores .values-showcase__grid strong span {
    font-size: clamp(1.8rem, 7vw, 2.1rem) !important;
    line-height: 1.05 !important;
  }

  body[data-page="nosotros"].about-continuous
  #valores .values-showcase__grid strong em {
    margin-top: .05rem !important;
    font-size: clamp(1.65rem, 6.5vw, 1.95rem) !important;
    line-height: 1.08 !important;
  }

  body[data-page="nosotros"].about-continuous
  #valores .values-showcase__grid small {
    display: block !important;
    width: min(100%, 27ch) !important;
    max-width: 27ch !important;
    margin: 0 auto !important;

    font-size: clamp(.98rem, 3.9vw, 1.08rem) !important;
    line-height: 1.42 !important;
    font-weight: 500 !important;

    text-align: center !important;
    text-wrap: balance !important;
  }
}