/* Portada corporativa de Nosotros: escena ambiental limpia + contenido real del CMS. */
.about-hero {
  position:relative;
  isolation:isolate;
  min-height:clamp(40rem,calc(100svh - 7rem),51rem);
  padding:0 !important;
  overflow:hidden;
  color:#0b2b59;
  background:#f6f2ec;
}
.about-hero::before,
.about-hero::after { content:none !important; }
.about-scene,
.about-scene-veil {
  position:absolute;
  inset:0;
}
.about-scene {
  z-index:-3;
  background-image:url("../about/nosotros-corporativo-claro.png");
  background-image:-webkit-image-set(url("../about/nosotros-corporativo-claro.avif") type("image/avif"),url("../about/nosotros-corporativo-claro.png") type("image/png"));
  background-image:image-set(url("../about/nosotros-corporativo-claro.avif") type("image/avif"),url("../about/nosotros-corporativo-claro.png") type("image/png"));
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
.about-scene-veil {
  z-index:-2;
  pointer-events:none;
  background:linear-gradient(90deg,
    rgba(249,247,243,.98) 0%,
    rgba(249,247,243,.96) 31%,
    rgba(249,247,243,.78) 43%,
    rgba(249,247,243,.34) 53%,
    transparent 63%);
}
.about-scene.has-uploaded-image {
  overflow:hidden;
  background:none !important;
}
.about-scene.has-uploaded-image .interior-uploaded-image {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  border-radius:0;
}
.about-hero-shell.container {
  position:relative;
  z-index:1;
  width:100%;
  max-width:none;
  min-height:inherit;
  padding:clamp(1.5rem,3vw,2.75rem) clamp(1.5rem,4.25vw,5.125rem) clamp(2rem,4vw,3.5rem);
  display:grid;
  grid-template-rows:auto 1fr;
}
.about-breadcrumb {
  margin:0;
  color:#28496e;
  font-size:clamp(.96rem,1vw,1.08rem);
  line-height:1.5;
}
.about-breadcrumb a { color:inherit; }
.about-hero-grid {
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,55%) minmax(0,45%);
  gap:clamp(1.25rem,2.6vw,3.25rem);
  align-items:center;
}
.about-hero .about-hero-copy {
  align-self:center;
  max-width:52rem;
  padding:clamp(1.5rem,3vh,2.5rem) 0 2rem;
  transform:translateY(-.5rem);
}
.about-hero .about-hero-copy .eyebrow {
  display:block;
  margin:0 0 clamp(1.5rem,3vh,2.35rem);
  color:#97601e;
  font-size:clamp(.78rem,.9vw,.96rem);
  font-weight:750;
  letter-spacing:.22em;
  line-height:1.45;
  text-transform:uppercase;
}
.about-hero .about-hero-copy h1 {
  max-width:9.5em;
  margin:0 0 clamp(1.7rem,3vh,2.7rem);
  color:#0b2b59;
  font-size:clamp(3.7rem,4.65vw,5.5rem);
  font-weight:800;
  letter-spacing:-.055em;
  line-height:.99;
  white-space:pre-line;
  text-wrap:balance;
}
.about-hero .about-hero-copy > p {
  max-width:39rem;
  margin:0 0 clamp(1.7rem,3vh,2.65rem);
  color:#28496e;
  font-size:clamp(1.08rem,1.28vw,1.42rem);
  line-height:1.55;
  opacity:1;
}
.about-hero .hero-story-link {
  width:max-content;
  max-width:100%;
  min-height:2.75rem;
  padding:.35rem 0 .55rem;
  display:inline-flex;
  align-items:center;
  gap:1rem;
  border:0;
  border-bottom:2px solid #7c5ce8;
  color:#6842df;
  font-size:clamp(1rem,1.08vw,1.2rem);
  font-weight:750;
  text-decoration:none;
  transition:color .2s ease,border-color .2s ease,gap .2s ease;
}
.about-hero .hero-story-link:hover {
  gap:1.3rem;
  color:#4f2bc5;
  border-color:#4f2bc5;
}
.about-hero .hero-story-link .icon {
  width:1.25rem;
  height:1.25rem;
  flex:none;
}
.about-hero-branding {
  align-self:center;
  justify-self:center;
  width:min(100%,38rem);
  padding:1rem 0 0;
  text-align:center;
  transform:translateY(-7.5rem);
}
.about-hero-branding .identity-signature {
  width:min(100%,25rem);
  margin:0 auto;
}
.about-hero-branding .identity-signature .site-logo-image {
  width:100%;
  height:auto;
  filter:drop-shadow(0 .45rem .5rem rgba(27,22,15,.22));
}
.about-brand-claim {
  margin:1.35rem auto 0;
  color:#4a3324;
  font-size:clamp(.68rem,.78vw,.86rem);
  font-weight:750;
  letter-spacing:.22em;
  line-height:1.5;
  text-transform:uppercase;
}
html[data-theme="dark"] .about-hero {
  color:#f5f7fb;
  background:#121824;
}
html[data-theme="dark"] .about-scene {
  background-image:url("../about/nosotros-corporativo-oscuro.png");
  background-image:-webkit-image-set(url("../about/nosotros-corporativo-oscuro.avif") type("image/avif"),url("../about/nosotros-corporativo-oscuro.png") type("image/png"));
  background-image:image-set(url("../about/nosotros-corporativo-oscuro.avif") type("image/avif"),url("../about/nosotros-corporativo-oscuro.png") type("image/png"));
}
html[data-theme="dark"] .about-scene-veil {
  background:linear-gradient(90deg,
    rgba(8,18,31,.98) 0%,
    rgba(8,18,31,.95) 33%,
    rgba(8,18,31,.72) 46%,
    rgba(8,18,31,.30) 57%,
    transparent 68%);
}
html[data-theme="dark"] .about-breadcrumb { color:#d1d9e6; }
html[data-theme="dark"] .about-hero .about-hero-copy .eyebrow { color:#e3ad62; }
html[data-theme="dark"] .about-hero .about-hero-copy h1 { color:#f5f7fb; }
html[data-theme="dark"] .about-hero .about-hero-copy > p { color:#d5dee9; }
html[data-theme="dark"] .about-hero .hero-story-link {
  color:#c5b5ff;
  border-color:#9a83ec;
}
html[data-theme="dark"] .about-hero .hero-story-link:hover {
  color:#e1d8ff;
  border-color:#e1d8ff;
}
html[data-theme="dark"] .about-hero-branding .identity-signature .site-logo-image {
  filter:drop-shadow(0 .55rem .65rem rgba(0,0,0,.42));
}
html[data-theme="dark"] .about-brand-claim { color:#f3ece4; }

@media (max-width:1100px) {
  .about-hero { min-height:clamp(40rem,calc(100svh - 6rem),47rem); }
  .about-hero-grid { grid-template-columns:minmax(0,54%) minmax(0,46%); gap:1.2rem; }
  .about-hero .about-hero-copy h1 { font-size:clamp(3rem,5.7vw,4.2rem); }
  .about-hero .about-hero-copy > p { max-width:32rem; font-size:clamp(1rem,1.75vw,1.2rem); }
  .about-hero-branding { width:min(100%,31rem); transform:translateY(-6rem); }
  .about-hero-branding .identity-signature { width:min(100%,20rem); }
}

@media (max-width:767px) {
  .about-hero {
    min-height:clamp(54rem,112svh,62rem);
  }
  .about-scene {
    background-image:url("../about/nosotros-corporativo-movil-claro.png");
    background-image:-webkit-image-set(url("../about/nosotros-corporativo-movil-claro.avif") type("image/avif"),url("../about/nosotros-corporativo-movil-claro.png") type("image/png"));
    background-image:image-set(url("../about/nosotros-corporativo-movil-claro.avif") type("image/avif"),url("../about/nosotros-corporativo-movil-claro.png") type("image/png"));
    background-position:center;
  }
  .about-scene-veil {
    background:linear-gradient(180deg,
      rgba(249,247,243,.93) 0%,
      rgba(249,247,243,.88) 47%,
      rgba(249,247,243,.20) 62%,
      transparent 71%);
  }
  .about-hero-shell.container {
    padding:1.35rem clamp(1.25rem,5.7vw,1.65rem) 2rem;
  }
  .about-breadcrumb { font-size:.95rem; }
  .about-hero-grid {
    grid-template-columns:1fr;
    grid-template-rows:minmax(0,1.18fr) minmax(0,.82fr);
    gap:0;
    align-items:stretch;
  }
  .about-hero .about-hero-copy {
    align-self:start;
    max-width:100%;
    padding:clamp(1.7rem,4.5vh,2.7rem) 0 1.5rem;
    transform:none;
  }
  .about-hero .about-hero-copy .eyebrow {
    margin-bottom:1.15rem;
    font-size:.72rem;
  }
  .about-hero .about-hero-copy h1 {
    max-width:9.15em;
    margin-bottom:1.2rem;
    font-size:clamp(2.65rem,11.1vw,3.35rem);
    line-height:.98;
  }
  .about-hero .about-hero-copy > p {
    max-width:33rem;
    margin-bottom:1.35rem;
    font-size:clamp(1rem,4.4vw,1.12rem);
    line-height:1.48;
  }
  .about-hero .hero-story-link { font-size:1rem; }
  .about-hero-branding {
    align-self:start;
    justify-self:center;
    width:min(100%,20rem);
    padding:0 .5rem;
    display:grid;
    justify-items:center;
    align-content:start;
    row-gap:.85rem;
    transform:translateY(.5rem);
  }
  .about-hero-branding .identity-signature {
    width:min(68vw,15rem);
    margin:0;
  }
  .about-brand-claim {
    width:100%;
    max-width:19rem;
    margin:0;
    padding:0;
    font-size:.64rem;
    letter-spacing:.15em;
    line-height:1.55;
    text-wrap:balance;
  }
  html[data-theme="dark"] .about-scene {
    background-image:url("../about/nosotros-corporativo-movil-oscuro.png");
    background-image:-webkit-image-set(url("../about/nosotros-corporativo-movil-oscuro.avif") type("image/avif"),url("../about/nosotros-corporativo-movil-oscuro.png") type("image/png"));
    background-image:image-set(url("../about/nosotros-corporativo-movil-oscuro.avif") type("image/avif"),url("../about/nosotros-corporativo-movil-oscuro.png") type("image/png"));
  }
  html[data-theme="dark"] .about-scene-veil {
    background:linear-gradient(180deg,
      rgba(8,18,31,.94) 0%,
      rgba(8,18,31,.88) 48%,
      rgba(8,18,31,.22) 63%,
      transparent 72%);
  }
}

@media (max-width:390px) {
  .about-hero { min-height:58rem; }
  .about-hero .about-hero-copy { padding-top:1.5rem; }
  .about-hero .about-hero-copy h1 { font-size:clamp(2.42rem,11vw,2.8rem); }
  .about-hero .about-hero-copy > p { font-size:1rem; }
  .about-hero-branding { width:min(100%,19rem); transform:translateY(.5rem); }
  .about-hero-branding .identity-signature { width:min(66vw,13.75rem); }
  .about-brand-claim { max-width:18rem; }
}

@media (prefers-reduced-motion:reduce) {
  .about-hero .hero-story-link { transition:none; }
}