/* =========================================================
   V22 · Sobre nosotros — light editorial redesign
   ========================================================= */
body#sobre-nosotros{
  --about-ink:#0c2638;
  --about-muted:#556978;
  --about-teal:#2278B5;
  --about-line:#dce6ed;
  --about-soft:#f3f9f9;
  background:#fff;
}

body#sobre-nosotros .about-hero-v22{
  min-height:clamp(560px,72vh,760px);
  background-position:center 42%;
  border-bottom:1px solid var(--about-line);
}
body#sobre-nosotros .about-hero-v22:before{
  background:
    linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 27%,rgba(255,255,255,.80) 52%,rgba(255,255,255,.18) 82%,rgba(255,255,255,.72) 100%),
    linear-gradient(180deg,rgba(255,255,255,.82) 0%,transparent 24%,transparent 72%,#fff 100%)!important;
}
body#sobre-nosotros .about-hero-v22:after{
  height:1px;
  background:linear-gradient(90deg,transparent,#72abd4 20%,#72abd4 80%,transparent);
}
body#sobre-nosotros .about-hero-v22 .page-hero-inner{
  max-width:790px;
  padding-top:clamp(110px,15vh,165px);
  padding-bottom:clamp(82px,10vh,120px);
}
body#sobre-nosotros .about-hero-v22 h1{
  color:var(--about-ink);
  font-size:clamp(3.25rem,5.4vw,6.05rem);
  font-weight:520!important;
  line-height:.98!important;
  letter-spacing:-.058em!important;
  text-wrap:balance;
}
body#sobre-nosotros .about-hero-v22 p{
  max-width:680px;
  color:#465c6b;
  font-size:clamp(1rem,1.25vw,1.18rem);
  line-height:1.7;
}
body#sobre-nosotros .about-hero-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:30px;
}
body#sobre-nosotros .about-hero-pills span{
  padding:10px 15px;
  border:1px solid rgba(18,103,164,.2);
  border-radius:999px;
  background:rgba(255,255,255,.76);
  color:#24445a;
  box-shadow:0 10px 30px rgba(22,56,80,.06);
  backdrop-filter:blur(8px);
  font-size:.78rem;
  font-weight:720;
  letter-spacing:.02em;
}

body#sobre-nosotros main>.section{
  padding-top:clamp(86px,9vw,136px);
  padding-bottom:clamp(86px,9vw,136px);
}
body#sobre-nosotros .about-lead{
  max-width:1080px;
  margin-bottom:clamp(48px,6vw,78px);
}
body#sobre-nosotros .about-lead h2,
body#sobre-nosotros .about-evolution-head h2,
body#sobre-nosotros .about-values-section .section-header h2{
  max-width:1040px;
  font-size:clamp(2.45rem,4.45vw,5rem);
  font-weight:520!important;
  line-height:1.03!important;
  letter-spacing:-.052em!important;
  color:var(--about-ink);
  text-wrap:balance;
}
body#sobre-nosotros .about-lead>p,
body#sobre-nosotros .about-evolution-head>p,
body#sobre-nosotros .about-values-section .section-header>p{
  max-width:760px;
  font-size:1.04rem;
  line-height:1.75;
}

body#sobre-nosotros .about-story-grid-v22{
  grid-template-columns:minmax(340px,.88fr) minmax(0,1.12fr);
  gap:clamp(42px,6vw,88px);
}
body#sobre-nosotros .about-story-photo{
  top:104px;
  border-radius:28px;
  background:#eef7f8;
  box-shadow:0 30px 80px rgba(20,49,70,.12);
}
body#sobre-nosotros .about-story-photo:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 54%,rgba(5,27,43,.12));
}
body#sobre-nosotros .about-story-photo img{
  min-height:620px;
  filter:saturate(.82) brightness(1.04);
}
body#sobre-nosotros .about-story-photo .photo-caption{
  z-index:2;
  left:22px;right:22px;bottom:22px;
  border:1px solid rgba(255,255,255,.8);
  border-left:0;
  border-radius:16px;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(14px);
}
body#sobre-nosotros .about-story-photo .photo-caption b{
  color:var(--about-ink);
  font-size:1.08rem;
}
body#sobre-nosotros .about-story-content{display:grid;gap:28px}
body#sobre-nosotros .about-story-panel{
  gap:18px;
  padding:clamp(28px,3.2vw,46px);
  border:1px solid var(--about-line);
  border-radius:24px;
  background:linear-gradient(145deg,#fff,#f7fbfb);
  box-shadow:0 22px 60px rgba(19,50,72,.07);
}
body#sobre-nosotros .about-story-panel p{
  color:#4d616f;
  font-size:1rem;
  line-height:1.78;
}
body#sobre-nosotros .about-story-panel .about-story-opening{
  color:var(--about-ink);
  font-size:clamp(1.2rem,1.65vw,1.5rem);
  line-height:1.55;
  font-weight:540;
}
body#sobre-nosotros .about-story-panel strong{color:#153247}
body#sobre-nosotros .about-stat-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
body#sobre-nosotros .about-stat-card{
  min-height:168px;
  padding:24px;
  border:1px solid var(--about-line);
  border-radius:20px;
  background:#fff;
  box-shadow:0 16px 42px rgba(21,53,76,.055);
  transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,border-color .3s ease;
}
body#sobre-nosotros .about-stat-card:hover{
  transform:translateY(-5px);
  border-color:#b9d0e1;
  box-shadow:0 24px 58px rgba(21,53,76,.1);
}
body#sobre-nosotros .about-stat-card b{
  display:block;
  margin-bottom:12px;
  color:var(--about-teal);
  font-size:clamp(2rem,3vw,3rem);
  font-weight:560;
  line-height:1;
  letter-spacing:-.05em;
}
body#sobre-nosotros .about-stat-card span{
  display:block;
  color:var(--about-ink);
  font-size:.92rem;
  font-weight:740;
}
body#sobre-nosotros .about-stat-card small{
  display:block;
  margin-top:8px;
  color:#6b8187;
  font-size:.78rem;
  line-height:1.55;
}

body#sobre-nosotros .about-evolution-section{
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 18%,rgba(88,160,211,.12),transparent 30%),
    linear-gradient(180deg,#f7fbfb,#eef7f8);
}
body#sobre-nosotros .about-evolution-head{max-width:1120px}
body#sobre-nosotros .about-timeline{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:56px;
}
body#sobre-nosotros .about-timeline:before{
  content:"";
  position:absolute;
  top:35px;
  left:6%;right:6%;
  height:1px;
  background:linear-gradient(90deg,transparent,#75add4 8%,#75add4 92%,transparent);
}
body#sobre-nosotros .about-timeline-item{
  position:relative;
  z-index:1;
  min-height:310px;
  padding:24px 24px 28px;
  border:1px solid rgba(186,207,222,.9);
  border-radius:22px;
  background:rgba(255,255,255,.9);
  box-shadow:0 20px 48px rgba(22,53,75,.07);
}
body#sobre-nosotros .about-timeline-item>span{
  display:grid;
  place-items:center;
  width:38px;height:38px;
  margin-bottom:24px;
  border-radius:50%;
  background:var(--about-ink);
  color:#fff;
  font-size:.7rem;
  font-weight:800;
  box-shadow:0 0 0 7px #eff8f8;
}
body#sobre-nosotros .about-timeline-item time{
  display:block;
  margin-bottom:13px;
  color:var(--about-teal);
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
body#sobre-nosotros .about-timeline-item h3{
  margin-bottom:13px;
  color:var(--about-ink);
  font-size:1.28rem;
  line-height:1.25;
}
body#sobre-nosotros .about-timeline-item p{
  color:#5c747b;
  font-size:.88rem;
  line-height:1.7;
}

body#sobre-nosotros .about-purpose-section{background:#fff}
body#sobre-nosotros .about-purpose-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);
  gap:18px;
}
body#sobre-nosotros .about-purpose-main{
  position:relative;
  overflow:hidden;
  min-height:560px;
  padding:clamp(38px,5vw,72px);
  border:1px solid #cddce6;
  border-radius:28px;
  background:
    radial-gradient(circle at 86% 12%,rgba(84,162,217,.22),transparent 34%),
    linear-gradient(145deg,#0d2d43,#123249);
  color:#fff;
  box-shadow:0 32px 80px rgba(14,43,64,.16);
}
body#sobre-nosotros .about-purpose-main:after{
  content:"";
  position:absolute;
  right:-80px;bottom:-110px;
  width:330px;height:330px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:50%;
  box-shadow:0 0 0 48px rgba(255,255,255,.025),0 0 0 96px rgba(255,255,255,.018);
}
body#sobre-nosotros .about-purpose-main .eyebrow{color:#a9cce5}
body#sobre-nosotros .about-purpose-main h2{
  position:relative;z-index:1;
  max-width:740px;
  margin-top:18px;
  color:#fff;
  font-size:clamp(2.65rem,4.25vw,4.7rem);
  font-weight:500!important;
  line-height:1.02!important;
  letter-spacing:-.052em!important;
  text-wrap:balance;
}
body#sobre-nosotros .about-purpose-main p{
  position:relative;z-index:1;
  max-width:680px;
  margin-top:28px;
  color:#d6e1e8;
  font-size:1.04rem;
  line-height:1.78;
}
body#sobre-nosotros .about-inline-link{
  position:absolute;z-index:2;
  left:clamp(38px,5vw,72px);bottom:clamp(38px,5vw,64px);
  display:inline-flex;align-items:center;gap:10px;
  padding-bottom:7px;
  border-bottom:1px solid rgba(255,255,255,.42);
  color:#fff;
  font-size:.88rem;
  font-weight:740;
}
body#sobre-nosotros .about-principles{display:grid;gap:18px}
body#sobre-nosotros .about-principle-card{
  padding:clamp(26px,3vw,38px);
  border:1px solid var(--about-line);
  border-radius:24px;
  background:linear-gradient(145deg,#fff,#f7fbfb);
  box-shadow:0 18px 50px rgba(20,52,74,.06);
}
body#sobre-nosotros .about-principle-card>span{
  display:block;
  margin-bottom:14px;
  color:var(--about-teal);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
}
body#sobre-nosotros .about-principle-card h3{
  max-width:470px;
  margin-bottom:12px;
  color:var(--about-ink);
  font-size:clamp(1.25rem,1.8vw,1.65rem);
  line-height:1.24;
}
body#sobre-nosotros .about-principle-card p{font-size:.88rem;line-height:1.68}

body#sobre-nosotros .about-values-section{background:#f8fbfb}
body#sobre-nosotros .about-values-grid{gap:18px}
body#sobre-nosotros .about-values-grid .value-full-card{
  min-height:490px;
  padding:clamp(28px,3vw,42px);
  border:1px solid var(--about-line);
  border-radius:24px;
  background:#fff;
  box-shadow:0 20px 55px rgba(20,52,74,.065);
}
body#sobre-nosotros .about-values-grid .value-full-card>span{
  width:46px;height:46px;
  border-radius:50%;
  background:#e7f0f7;
  color:#0d5a90;
}
body#sobre-nosotros .about-values-grid .value-full-card h3{
  margin-bottom:18px;
  color:var(--about-ink);
  font-size:clamp(1.55rem,2vw,2rem);
}
body#sobre-nosotros .about-values-grid .value-full-card p{line-height:1.75}
body#sobre-nosotros .about-values-grid ul{
  display:grid;
  gap:10px;
  margin:24px 0 0;
  padding:20px 0 0;
  border-top:1px solid var(--about-line);
  list-style:none;
}
body#sobre-nosotros .about-values-grid li{
  position:relative;
  padding-left:20px;
  color:#465c6b;
  font-size:.86rem;
}
body#sobre-nosotros .about-values-grid li:before{
  content:"";
  position:absolute;
  left:0;top:.52em;
  width:7px;height:7px;
  border-radius:50%;
  background:var(--about-teal);
  box-shadow:0 0 0 4px rgba(18,103,164,.1);
}

body#sobre-nosotros .cta-strip{
  background:linear-gradient(100deg,#0d2b41,#143e5b);
}

@media(max-width:1050px){
  body#sobre-nosotros .about-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}
  body#sobre-nosotros .about-timeline:before{display:none}
  body#sobre-nosotros .about-purpose-grid{grid-template-columns:1fr}
  body#sobre-nosotros .about-purpose-main{min-height:500px}
  body#sobre-nosotros .about-principles{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){
  body#sobre-nosotros .about-hero-v22{min-height:620px}
  body#sobre-nosotros .about-hero-v22:before{
    background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.94) 55%,rgba(255,255,255,.82) 76%,#fff 100%)!important;
  }
  body#sobre-nosotros .about-hero-v22 .page-hero-inner{padding-top:120px}
  body#sobre-nosotros .about-story-grid-v22{grid-template-columns:1fr}
  body#sobre-nosotros .about-story-photo{position:relative;top:auto}
  body#sobre-nosotros .about-story-photo img{min-height:480px}
  body#sobre-nosotros .about-principles{grid-template-columns:1fr}
  body#sobre-nosotros .about-values-grid{grid-template-columns:1fr}
  body#sobre-nosotros .about-values-grid .value-full-card{min-height:0}
}
@media(max-width:600px){
  body#sobre-nosotros .about-hero-v22 h1{font-size:clamp(2.7rem,13vw,4rem)}
  body#sobre-nosotros .about-hero-pills{gap:7px}
  body#sobre-nosotros .about-hero-pills span{padding:8px 11px;font-size:.7rem}
  body#sobre-nosotros .about-stat-grid,
  body#sobre-nosotros .about-timeline{grid-template-columns:1fr}
  body#sobre-nosotros .about-stat-card{min-height:145px}
  body#sobre-nosotros .about-purpose-main{min-height:570px}
  body#sobre-nosotros .about-inline-link{position:relative;left:auto;bottom:auto;margin-top:34px}
}

/* Keep this storytelling page fully painted; no reserved blank sections. */
body#sobre-nosotros main>.section,
body#sobre-nosotros .footer{
  content-visibility:visible!important;
  contain-intrinsic-size:auto!important;
}

/* Light footer continuity for the new white editorial direction. */
body#sobre-nosotros .footer{
  background:linear-gradient(180deg,#f8fbfb 0%,#eef6f7 100%);
  color:#526573;
  border-top:1px solid #d8e3ea;
}
body#sobre-nosotros .footer h3{color:#173143}
body#sobre-nosotros .footer p{color:#61787f}
body#sobre-nosotros .footer a{color:#495d6c}
body#sobre-nosotros .footer a:hover,
body#sobre-nosotros .footer a.active{color:#0e5e96}
body#sobre-nosotros .footer-brand img{filter:none;opacity:1}