/* nosotros: 48px gutters put every two-column inner edge on the 4-column values grid */
.about-top,.mv2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 48px;align-items:baseline}

.about-top{margin-top:0;padding-top:0;border-top:0}
.about-top .story p{margin-top:0}
.about-top .story.big p{font-size:clamp(20px,1.7vw,23px);line-height:1.45;letter-spacing:-.01em;color:var(--head)}
.about-top .story+.story p{color:var(--mute)}

#cifras .t1{display:block}
.figs{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 48px;margin-top:0}
.figs li:nth-child(3) b{font-size:clamp(40px,4.2vw,60px)}

#mision .sec-head{margin-bottom:clamp(24px,2.4vw,32px)}
.mv2 h3{font-size:var(--h2);line-height:1.18}
.mv2 p{margin-top:16px;font-size:clamp(18px,1.4vw,20px);line-height:1.55}

.vals{gap:32px 48px;margin-top:0;padding-top:0;border-top:0}
.vals>div{padding-top:24px;border-top:1px solid var(--line-2)}
.vals p{color:var(--mute)}

.why>div{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:baseline;padding:28px 0;border-top:1px solid var(--line)}
.why>div:last-child{border-bottom:1px solid var(--line)}
.why>div>div{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:10px 48px;align-items:baseline}
.why .n{font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--blue-ink);font-variant-numeric:tabular-nums}
.why h3{font-size:22px;line-height:1.25;text-wrap:balance}
.why p{color:var(--mute);font-size:17px;line-height:1.55}

@media (max-width:700px){
  .about-top,.mv2,.figs,.why>div>div{grid-template-columns:minmax(0,1fr)}
  .why>div{grid-template-columns:40px minmax(0,1fr);padding:24px 0}
}