/* Página Sobre mí: rejilla gris con cuadros para las imágenes pendientes, cifras y trayectoria. */

.ph.sq{background-color:var(--soft);background-image:
  linear-gradient(rgba(37,37,42,.09) 1px,transparent 1px),
  linear-gradient(90deg,rgba(37,37,42,.09) 1px,transparent 1px);
  background-size:32px 32px}
.ph.sq::before{display:none}

.portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:68% 15%;display:block}
.aside-links{display:flex;gap:18px;margin-top:20px}

.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:28px 0 8px}
.stat-row div{background:var(--paper);padding:26px 24px 30px}
.stat-row b{display:block;font-family:var(--font-head);font-weight:600;font-size:clamp(44px,5vw,80px);letter-spacing:-0.05em;line-height:1;margin-bottom:12px}
.stat-row span{font-size:14px;color:var(--mute);display:block}

.tl{list-style:none;border-top:1px solid var(--ink);margin-top:30px}
.tl li{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);align-items:baseline}
.tl .y{font-family:var(--font-head);font-weight:600;color:var(--mute)}
.tl h4,main .tl h3{font-size:20px;margin:0 0 6px}
.tl p{margin:0 !important;font-size:16px !important}

.filler{color:var(--mute)}

@media (max-width:980px){.stat-row{grid-template-columns:1fr}.tl li{grid-template-columns:70px 1fr}}

/* Gráffica Estudio (bloque 02) */
.case-body .two-lists{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,48px);margin-top:28px}
.case-body .two-lists h3{margin-top:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:12px;font-family:var(--font-body);font-weight:700}
.case-body .two-lists ul{list-style:none;border-top:1px solid var(--ink)}
.case-body .two-lists li{padding:12px 0;border-bottom:1px solid var(--line);font-size:16px;color:#3a3a40}
.case-body p strong{color:var(--ink);font-weight:700}
.promo-cta{margin:36px 0 0!important;max-width:none!important}
@media (max-width:720px){.case-body .two-lists{grid-template-columns:1fr}}
.promo-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}

/* firma de la cita (Acerca de Studio Innato) */
.blk.quote blockquote cite{display:block;margin-top:16px;font-family:var(--font-body);font-style:normal;font-size:14px;font-weight:500;letter-spacing:0;color:var(--mute)}
.blk.quote blockquote cite::before{content:"— "}