/* Datalytic by BMP · página Nosotros (17-10-2026). Se carga después de styles-v8.css y solo agrega lo propio de esta página. */
.ab-hero{padding-top:clamp(120px,16vw,180px);padding-bottom:clamp(56px,8vw,96px)}
.ab-hero h1{max-width:14ch}
.ab-hero .lead{max-width:46ch}

/* Línea de tiempo */
.tl{list-style:none;margin:0;padding:0;display:grid;gap:0;position:relative}
.tl li{display:grid;grid-template-columns:200px minmax(0,1fr);gap:clamp(20px,4vw,56px);padding:0 0 clamp(40px,5vw,56px);position:relative}
.tl li:last-child{padding-bottom:0}
.tl .when{font-family:var(--mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:500;padding-top:6px;position:relative}
.tl .what{position:relative;padding-left:32px;border-left:1px solid var(--line);padding-bottom:4px}
.tl li:last-child .what{border-left-color:transparent}
.tl .what::before{content:"";position:absolute;left:-7px;top:8px;width:13px;height:13px;border-radius:50%;background:var(--surface);border:2px solid var(--accent)}
.tl li.now .what::before{background:var(--accent)}
.tl h3{margin:0 0 8px}
.tl p{color:var(--ink-2);font-size:17px;line-height:1.55;max-width:58ch}
@media(max-width:720px){
  .tl li{grid-template-columns:minmax(0,1fr);gap:6px;padding-left:28px;border-left:1px solid var(--line);padding-bottom:36px}
  .tl li:last-child{border-left-color:transparent}
  .tl .what{border:0;padding-left:0}
  .tl .when::before{content:"";position:absolute;left:-35px;top:7px;width:13px;height:13px;border-radius:50%;background:var(--surface);border:2px solid var(--accent)}
  .tl li.now .when::before{background:var(--accent)}
  .tl .what::before{display:none}
}

/* El problema que vimos */
.ab-pains{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ab-pains li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(22px,3vw,32px);display:grid;gap:10px;align-content:start}
.ab-pains .num{font-family:var(--mono);font-size:12.5px;color:var(--accent);letter-spacing:.06em}
.ab-pains p{color:var(--ink-2);font-size:17px;line-height:1.5}
.ab-pains b{color:var(--ink)}
@media(max-width:860px){.ab-pains{grid-template-columns:minmax(0,1fr)}}

/* Cita */
.ab-quote{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:center;max-width:980px}
.ab-quote img{width:clamp(96px,14vw,148px);height:clamp(96px,14vw,148px);border-radius:50%;object-fit:cover;object-position:50% 20%}
.ab-quote blockquote{margin:0}
.ab-quote blockquote p{font-size:clamp(24px,3.4vw,38px);line-height:1.2;letter-spacing:-.02em;font-weight:600;color:var(--night-ink)}
.ab-quote figcaption{margin-top:18px;color:var(--night-ink-2);font-size:15px}
@media(max-width:600px){.ab-quote{grid-template-columns:minmax(0,1fr)}}

/* Socios */
.team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mate{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(22px,2.8vw,32px);display:flex;flex-direction:column;gap:20px}
.mate img{width:120px;height:120px;border-radius:50%;object-fit:cover;object-position:50% 22%;background:var(--bg-soft);display:block}
.mate .body{display:grid;gap:10px;align-content:start;flex:1}
.mate h3{margin:0}
.mate .role{justify-self:start;font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:6px 12px}
.mate p{color:var(--ink-2);font-size:16px;line-height:1.5}
.mate .in{color:var(--ink);border-top:1px solid var(--line);padding-top:12px;margin-top:4px}
.mate .in b{font-weight:600}
@media(max-width:900px){.team{grid-template-columns:minmax(0,1fr);max-width:520px}}
@media(max-width:900px) and (min-width:560px){.mate{flex-direction:row;align-items:flex-start}.mate img{flex:none}}

.nav nav a[aria-current=page]{color:var(--ink)}
.night .btn-ghost{color:var(--night-accent)}
.tl .when b{display:block;font-family:var(--font);font-size:clamp(19px,2vw,22px);font-weight:700;letter-spacing:-.015em;text-transform:none;color:var(--ink);margin-bottom:6px;line-height:1.2}
@media(max-width:720px){.tl .when b{font-size:19px;margin-bottom:4px}}