/* Nosotros y cifras · verde de Wong */
:root{--wa-green:#cef2ce;--wa-ink:#111;--wa-white:#fff;--wa-gap:32px;--wa-radius:8px;--wa-title:clamp(32px,3.3vw,48px);--wa-number:clamp(48px,6vw,80px)}
.wa-about{position:relative;background:var(--wa-white);color:var(--wa-ink);padding:64px 0}
.wa-about .wa-heading{display:grid;grid-template-columns:1fr 2fr;gap:var(--wa-gap);align-items:start;margin-bottom:48px}
.wa-about .wa-heading .eyebrow{margin-top:16px;color:var(--wa-ink)}
.wa-about .wa-heading h2{font-size:var(--wa-title);max-width:20ch;margin:0;color:var(--wa-ink)}
.wa-about .wa-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:var(--wa-gap);align-items:start}
.wa-about .wa-portrait{margin:0;max-width:480px;width:100%;border-radius:var(--wa-radius)}
.wa-about .wa-portrait img{width:100%;height:auto;border-radius:var(--wa-radius)}
.wa-about .wa-panel{display:flex;flex-direction:column;gap:32px;padding:40px;background:var(--wa-green);border-radius:var(--wa-radius)}
.wa-about .wa-panel p{font-size:18px;line-height:1.65;margin:0;color:var(--wa-ink);max-width:60ch}
.wa-about .wa-panel .wa-intro{font-family:var(--serif);font-size:clamp(24px,2.2vw,32px);line-height:1.5;letter-spacing:-.02em}
.wa-about .wa-panel img{width:100%;height:auto;border-radius:4px}
.wa-about .wa-panel a{align-self:start;color:var(--wa-white);background:var(--wa-ink)}
.wa-about .wa-panel a:focus-visible{outline:3px solid var(--wa-ink);outline-offset:4px}
.wa-figures{--wa-number:clamp(40px,4vw,56px);--wa-divider:#cef2ce40;position:relative;background:var(--wa-ink);color:var(--wa-green);padding:24px 0 32px}
.wa-figures .wa-banner-title{font-family:var(--sans);font-size:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-align:center;margin:0 0 24px;line-height:1.5;color:var(--wa-green)}
.wa-figures .wa-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.wa-figures .wa-stat{display:grid;justify-items:center;align-content:start;gap:8px;text-align:center;min-width:0}
.wa-figures .wa-stat+.wa-stat{border-left:1px solid var(--wa-divider)}
.wa-figures svg{display:block;width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.wa-figures strong{display:block;color:var(--wa-green);font-family:var(--sans);font-weight:700;font-size:var(--wa-number);line-height:1.1;letter-spacing:-.05em;font-variant-numeric:tabular-nums;white-space:nowrap}
.wa-figures .wa-caption{display:block;font-size:16px;line-height:1.5;color:var(--wa-white)}
@media(hover:hover){.wa-about .wa-panel a:hover{background:var(--wa-white);color:var(--wa-ink)}}
@media(max-width:767px){.wa-about{padding:48px 0}.wa-about .wa-heading{grid-template-columns:1fr;gap:16px;margin-bottom:32px}.wa-about .wa-heading .eyebrow{margin:0}.wa-about .wa-layout{grid-template-columns:1fr}.wa-about .wa-portrait{max-width:100%}.wa-about .wa-panel{padding:24px;gap:24px}.wa-figures .wa-stats{grid-template-columns:1fr}.wa-figures .wa-stat+.wa-stat{border-left:0;border-top:1px solid var(--wa-divider);padding-top:24px}}
@media(min-width:1024px){.wa-about .wa-panel{padding:48px}}
@media(min-width:1440px){.wa-about .wa-layout{gap:64px}}