/* Página About — estilo Apple: tipografía grande, mucho aire, tarjetas de cristal y animaciones al hacer scroll */
.ab{background:var(--black);color:var(--white);overflow-x:clip;}
.ab *{box-sizing:border-box;}
.ab-wrap{max-width:1180px;margin:0 auto;padding:0 clamp(1.25rem,5vw,3rem);}
.ab-sec{padding:clamp(4.5rem,11vw,9rem) 0;position:relative;}
.ab-center{text-align:center;display:flex;flex-direction:column;align-items:center;}
.ab-eyebrow{margin:0 0 1rem;font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--red);}
.ab-h1{margin:0;font-size:clamp(2.9rem,9.2vw,7.2rem);line-height:.97;letter-spacing:-.048em;font-weight:800;text-wrap:balance;}
.ab-h2{margin:0 0 1.5rem;font-size:clamp(2.1rem,5.6vw,4.1rem);line-height:1.03;letter-spacing:-.038em;font-weight:800;text-wrap:balance;}
.ab-lead{margin:1.4rem 0 0;max-width:30ch;font-size:clamp(1.1rem,2.3vw,1.55rem);line-height:1.35;color:#d9d9de;font-weight:500;text-wrap:balance;}
.ab-p{margin:0 0 1.1rem;max-width:52ch;font-size:clamp(1.02rem,1.5vw,1.2rem);line-height:1.6;color:#b8b8bf;}
.ab-p strong{color:var(--white);font-weight:600;}
.ab-narrow{max-width:46ch;}
.ab-center .ab-p{margin-left:auto;margin-right:auto;}

/* portada */
.ab-hero{padding-left:0;padding-right:0;position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;}
.ab-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%;z-index:-2;transform:scale(1.1);transition:transform 2.6s cubic-bezier(.16,1,.3,1);}
.ab-hero.ready .ab-hero-img{transform:scale(1.02);}
.ab-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(5,5,5,.96) 0%,rgba(5,5,5,.55) 38%,rgba(5,5,5,.15) 70%,rgba(5,5,5,.5) 100%);}
.ab-hero-in{width:100%;max-width:1180px;margin:0 auto;padding:7rem clamp(1.25rem,5vw,3rem) clamp(3.5rem,9vh,6rem);position:relative;}
.ab-down{display:inline-grid;place-items:center;width:44px;height:44px;margin-top:2.4rem;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .25s ease,transform .25s ease;}
.ab-down:hover{background:rgba(255,255,255,.18);transform:translateY(2px);}
.ab-down span{width:9px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg) translate(-2px,-2px);animation:abBob 1.8s ease-in-out infinite;}
@keyframes abBob{50%{transform:rotate(45deg) translate(1px,1px);}}

/* quiénes somos */
.ab-split{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,6vw,5rem);align-items:center;}
.ab-fig{margin:0;border-radius:var(--r-xl);overflow:hidden;aspect-ratio:3/4;background:#111;box-shadow:0 40px 90px -30px rgba(0,0,0,.9);}
.ab-fig img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.8,.2,1);}
.ab-fig:hover img{transform:scale(1.04);}
.ab-pills{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.6rem;}
.ab-pills span{padding:.55rem 1rem;border-radius:999px;background:var(--glass);border:1px solid var(--glass-line);font-size:.88rem;font-weight:500;}

/* trayectoria */
.ab-path{background:radial-gradient(90% 60% at 50% 0%,rgba(255,36,56,.12),transparent 70%);}
.ab-chart{margin:3rem 0 2.4rem;padding:1.6rem clamp(1rem,3vw,2rem) 1.2rem;border-radius:var(--r-xl);background:var(--glass);border:1px solid var(--glass-line);}
.ab-chart svg{display:block;width:100%;height:auto;overflow:visible;}
/* Las barras de las ediciones se DIBUJAN de izquierda a derecha desde su propio mes (sitio fijo, no desde el borde de la pantalla), una detrás de otra en orden */
.ab-chart .seg{fill:none;stroke:var(--red);stroke-width:30;stroke-linecap:round;stroke-dasharray:1 2;stroke-dashoffset:1;opacity:.92;transition:stroke-dashoffset 1.15s cubic-bezier(.65,0,.35,1) calc(var(--k,0) * .42s + .1s);}
.ab-chart .seg.s2{stroke:#ff6b3d;} .ab-chart .seg.s3{stroke:#ffb340;}
.ab-chart.in .seg{stroke-dashoffset:0;}
.ab-chart .lbl{opacity:0;transition:opacity .7s ease calc(var(--k,0) * .42s + .55s);}
.ab-chart.in .lbl{opacity:1;}
.ab-chart .tick{stroke:rgba(255,255,255,.14);} .ab-chart .mo{fill:#86868b;font-size:11px;letter-spacing:.04em;}
.ab-chart .lbl{fill:#fff;font-size:12px;font-weight:700;} .ab-chart .dt{fill:rgba(255,255,255,.78);font-size:10.5px;}
.ab-eds{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;}
.ab-ed{padding:1.6rem;border-radius:var(--r-lg);background:var(--glass);border:1px solid var(--glass-line);display:flex;flex-direction:column;gap:.9rem;}
.ab-ed h3{margin:0;font-size:1.35rem;letter-spacing:-.02em;}
.ab-ed-meta{display:flex;justify-content:space-between;gap:1rem;font-size:.86rem;color:#9a9aa1;}
.ab-ed-meta b{color:var(--white);font-weight:600;}
.ab-chips{display:flex;flex-wrap:wrap;gap:.4rem;}
.ab-chips span{padding:.3rem .7rem;border-radius:999px;background:rgba(255,255,255,.07);font-size:.78rem;font-weight:500;color:#e2e2e7;}

/* metas */
.ab-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:2.6rem;}
.ab-card{padding:1.8rem 1.6rem;border-radius:var(--r-lg);background:var(--glass);border:1px solid var(--glass-line);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s ease,background .3s ease;}
.ab-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.07);}
.ab-card svg{width:34px;height:34px;fill:none;stroke:var(--red);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:1.1rem;}
.ab-card h3{margin:0 0 .5rem;font-size:1.18rem;letter-spacing:-.015em;line-height:1.2;}
.ab-card p{margin:0;font-size:.95rem;line-height:1.55;color:#a5a5ac;}

/* logros */
.ab-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2.6rem 0 3rem;}
.ab-stat{padding:1.6rem 1.4rem;border-radius:var(--r-lg);background:var(--glass);border:1px solid var(--glass-line);display:flex;flex-direction:column;gap:.4rem;}
.ab-stat strong{font-size:clamp(2.8rem,6.5vw,4.6rem);line-height:1;letter-spacing:-.045em;font-weight:800;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff,#a8a8b0);-webkit-background-clip:text;background-clip:text;color:transparent;}
.ab-stat span{font-size:.92rem;color:#9a9aa1;}
.ab-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:.8rem;}
.ab-ph{margin:0;position:relative;border-radius:var(--r-md);overflow:hidden;aspect-ratio:3/4;background:#111;}
.ab-ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.2,.8,.2,1);}
.ab-ph:hover img{transform:scale(1.06);}
.ab-ph figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.2rem .8rem .7rem;font-size:.82rem;font-weight:600;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);}

/* ayudar */
.ab-help{background:radial-gradient(80% 50% at 50% 100%,rgba(255,36,56,.1),transparent 70%);}
.ab-help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:2.6rem;}
.ab-big{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;border-radius:var(--r-xl);overflow:hidden;background:var(--glass);border:1px solid var(--glass-line);}
.ab-big img{width:100%;height:100%;min-height:340px;object-fit:cover;display:block;}
.ab-big-in{padding:clamp(1.6rem,4vw,3rem);display:flex;flex-direction:column;justify-content:center;gap:1rem;align-items:flex-start;}
.ab-big h3{margin:0;font-size:clamp(1.6rem,3.2vw,2.3rem);letter-spacing:-.03em;line-height:1.08;}
.ab-big p{margin:0;color:#b8b8bf;line-height:1.6;max-width:42ch;}
.ab-small{padding:1.8rem 1.6rem;border-radius:var(--r-lg);background:var(--glass);border:1px solid var(--glass-line);display:flex;flex-direction:column;gap:.8rem;align-items:flex-start;}
.ab-small h3{margin:0;font-size:1.25rem;letter-spacing:-.02em;}
.ab-small p{margin:0 0 .6rem;color:#a5a5ac;line-height:1.55;font-size:.95rem;flex:1;}
.ab-merch img{width:100%;height:150px;object-fit:cover;border-radius:var(--r-sm);margin-bottom:.4rem;}
.ab-cta{margin-top:1.4rem;}

/* animación al hacer scroll: aparecen subiendo; los titulares, además, se enfocan (de borroso a nítido) */
.rv{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1),filter .9s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s);}
.rv.in{opacity:1;transform:none;}
.ab-h1.rv,.ab-h2.rv{filter:blur(9px);}
.ab-h1.rv.in,.ab-h2.rv.in{filter:none;}
@media (prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none;filter:none !important;}
  .ab-stat::after{transform:scaleX(1);transition:none;} .ab-cards .ab-card svg{opacity:1;transform:none;transition:none;}
  .ab-ed .ab-chips span{opacity:1;transform:none;transition:none;} .ab-ph img{transform:none;transition:none;}
  .gbar,.gline,.garc{stroke-dashoffset:0;transition:none;} .garea,.gdot,.gnum,.gbig{opacity:1;transform:none;transition:none;} .wk{opacity:1;transform:none;transition:none;} .wk.wf{opacity:.55;}
  .ab-hero-img,.ab-hero.ready .ab-hero-img{transition:none;transform:none;} .ab-down span{animation:none;}
  .ab-chart .seg{stroke-dashoffset:0;transition:none;} .ab-chart .lbl{opacity:1;transition:none;}
}

/* portada con la foto en movimiento lento */
.ab-hero-img{object-position:50% calc(60% + var(--py,0%));}

/* cifras: una línea de color se dibuja bajo cada una */
.ab-stat{position:relative;overflow:hidden;}
.ab-stat::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--red),#ff6b3d,#ffb340);transform:scaleX(0);transform-origin:left;transition:transform 1.4s cubic-bezier(.16,1,.3,1) calc(var(--d,0s) + .35s);}
.ab-stat.in::after{transform:scaleX(1);}
/* metas: el icono aparece con un pequeño giro */
.ab-cards .ab-card svg{opacity:0;transform:scale(.5) rotate(-14deg);transition:opacity .6s ease calc(var(--d,0s) + .3s),transform .9s cubic-bezier(.34,1.4,.64,1) calc(var(--d,0s) + .3s);}
.ab-cards .ab-card.in svg{opacity:1;transform:none;}
/* ediciones: los nombres de los artistas entran en cascada */
.ab-ed .ab-chips span{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--j,0) * 45ms + .25s);}
.ab-ed.in .ab-chips span{opacity:1;transform:none;}
/* fotos: se asientan (de un poco más grandes a su tamaño) al aparecer */
.ab-ph img{transform:scale(1.16);transition:transform 1.5s cubic-bezier(.16,1,.3,1);}
.ab-ph.in img{transform:scale(1);}
.ab-ph.in:hover img{transform:scale(1.06);transition-duration:1s;}

/* gráficos con datos reales */
.ab-graphs{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1rem;margin:0 0 1rem;}
.ab-graph{margin:0 0 1rem;padding:1.3rem 1.4rem 1.2rem;border-radius:var(--r-lg);background:var(--glass);border:1px solid var(--glass-line);}
.ab-graphs .ab-graph{margin:0;}
.ab-graph figcaption{margin:0 0 .6rem;font-size:.84rem;font-weight:600;letter-spacing:.03em;color:#a5a5ac;}
.ab-g svg{display:block;width:100%;height:auto;overflow:visible;}
.c0{--c:rgba(255,255,255,.14);} .c1{--c:var(--red);} .c2{--c:#ff6b3d;} .c3{--c:#ffb340;}
.gbase{stroke:rgba(255,255,255,.16);stroke-width:1;}
.glbl{fill:#86868b;font-size:11.5px;letter-spacing:.03em;}
.gnum{fill:#fff;font-size:22px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;opacity:0;transition:opacity .6s ease calc(var(--k,0) * .18s + .9s);}
.ab-g.in .gnum{opacity:1;}
.gbar{fill:none;stroke:var(--c);stroke-width:44;stroke-linecap:round;stroke-dasharray:1 2;stroke-dashoffset:1;transition:stroke-dashoffset 1.25s cubic-bezier(.16,1,.3,1) calc(var(--k,0) * .2s + .1s);}
.ab-g.in .gbar{stroke-dashoffset:0;}
.gline{fill:none;stroke:var(--red);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:1;transition:stroke-dashoffset 2s cubic-bezier(.65,0,.35,1) .1s;}
.ab-g.in .gline{stroke-dashoffset:0;}
.garea{opacity:0;transition:opacity 1.2s ease 1.2s;}
.ab-g.in .garea{opacity:1;}
.gdot{fill:#fff;stroke:var(--red);stroke-width:3;opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.2);transition:opacity .4s ease 1.9s,transform .6s cubic-bezier(.34,1.56,.64,1) 1.9s;}
.ab-g.in .gdot{opacity:1;transform:none;}
.gend{transition-delay:2s;}
.gring{fill:none;stroke:rgba(255,255,255,.1);stroke-width:16;}
.garc{fill:none;stroke:var(--red);stroke-width:16;stroke-linecap:round;stroke-dasharray:var(--r,1) 2;stroke-dashoffset:var(--r,1);transition:stroke-dashoffset 1.6s cubic-bezier(.65,0,.35,1) .1s;}
.ab-g.in .garc{stroke-dashoffset:0;}
.gbig{fill:#fff;font-size:44px;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums;opacity:0;transition:opacity .6s ease .5s;}
.ab-g.in .gbig{opacity:1;}
/* una sesión cada semana: celdas que se encienden de izquierda a derecha */
.ab-weeks{padding-bottom:1.4rem;}
.wks{display:grid;grid-template-columns:repeat(auto-fill,minmax(18px,1fr));gap:6px;}
.wk{display:block;aspect-ratio:1;border-radius:5px;background:var(--c);opacity:0;transform:scale(.4);transition:opacity .5s ease,transform .6s cubic-bezier(.34,1.4,.64,1);}
.ab-g.in .wk{opacity:1;transform:none;}
.wk.wp{background:var(--c);}
.wk.ws{background:linear-gradient(135deg,var(--c) 50%,transparent 50%);box-shadow:inset 0 0 0 1.5px var(--c);}
.wk.wf{background:transparent;box-shadow:inset 0 0 0 1.5px var(--c);opacity:0;}
.ab-g.in .wk.wf{opacity:.55;}
.wk.wg{background:rgba(255,255,255,.05);}
.ab-g.in .wk.wg{opacity:.7;}
.ab-legend{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin-top:1rem;font-size:.8rem;color:#9a9aa1;}
.ab-legend span{display:inline-flex;align-items:center;gap:.5rem;}
.ab-legend .wk{width:14px;height:14px;aspect-ratio:auto;opacity:1;transform:none;transition:none;}
.ab-legend .wk.wf{opacity:.8;}
@media (max-width:900px){
  .ab-split{grid-template-columns:1fr;} .ab-fig{aspect-ratio:4/5;max-width:460px;}
  .ab-big{grid-template-columns:1fr;} .ab-big img{min-height:260px;max-height:340px;}
}
@media (max-width:560px){ .ab-hero-in{padding-top:6rem;} }
.ab [hidden]{display:none !important;}

/* ======================= REDISEÑO: un producto serio, hecho en familia ======================= */
.ab-eyebrow{letter-spacing:.14em;}
.ab-lead2{margin:1.2rem auto 0;max-width:34ch;font-size:clamp(1.1rem,2.2vw,1.45rem);line-height:1.4;color:#d9d9de;font-weight:500;text-wrap:balance;}
.ab-sec{scroll-margin-top:calc(var(--hh,72px) + 56px);}
/* portada: el texto se va con calma al bajar; botones */
.ab-hero-in{translate:0 calc(var(--hp,0) * -56px);opacity:calc(1 - var(--hp,0) * 1.15);}
.ab-hero-cta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem;}
/* submenú de la página: se queda pegado bajo la cabecera, como en las páginas de producto */
.ab-sub{position:sticky;top:var(--hh,72px);z-index:90;box-shadow:0 1px 0 transparent;transition:background .35s ease,box-shadow .35s ease;}
.ab-sub.is-stuck{background:rgba(12,12,14,.74);backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px);box-shadow:0 1px 0 rgba(255,255,255,.1);}
.ab-sub-in{max-width:1180px;margin:0 auto;padding:0 clamp(1.25rem,5vw,3rem);height:54px;display:flex;align-items:center;gap:clamp(1rem,3vw,2.4rem);}
.ab-sub-name{font-size:1.05rem;font-weight:700;letter-spacing:-.02em;color:#fff;text-decoration:none;}
.ab-sub-links{list-style:none;margin:0 auto 0 0;padding:0;display:flex;gap:clamp(1rem,2.4vw,1.8rem);overflow-x:auto;scrollbar-width:none;}
.ab-sub-links::-webkit-scrollbar{display:none;}
.ab-sub-links{--fl:0px;--fr:0px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fl),#000 calc(100% - var(--fr)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--fl),#000 calc(100% - var(--fr)),transparent 100%);}
.ab-sub-links.has-more{--fr:34px;} .ab-sub-links.has-less{--fl:34px;}   /* si hay más enlaces por deslizar, el borde se desvanece */
.ab-sub-links a{color:#a1a1a6;text-decoration:none;font-size:.82rem;white-space:nowrap;transition:color .25s ease;}
.ab-sub-links a:hover,.ab-sub-links a[aria-current="true"]{color:#fff;}
.ab-sub-cta{flex:none;padding:.5rem 1.05rem;border-radius:999px;background:var(--red);color:#fff;font-size:.8rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:transform .25s ease,filter .25s ease;}
.ab-sub-cta:hover{filter:brightness(1.1);transform:translateY(-1px);}
/* quiénes somos: una historia por capítulos; la foto se queda fija y cambia con cada uno */
.ab-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);margin-top:clamp(2rem,5vw,3.5rem);align-items:start;}
.ab-story-media{position:sticky;top:calc(var(--hh,72px) + 54px + 24px);height:min(640px,calc(100svh - var(--hh,72px) - 54px - 48px));order:2;}
.ab-story-frame{position:relative;height:100%;border-radius:32px;overflow:hidden;background:#111;box-shadow:0 50px 100px -40px rgba(0,0,0,.95),inset 0 0 0 1px rgba(255,255,255,.08);}
.ab-story-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.07);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform 1.6s cubic-bezier(.16,1,.3,1);}
.ab-story[data-active="0"] .ab-story-frame img:nth-child(1),.ab-story[data-active="1"] .ab-story-frame img:nth-child(2),.ab-story[data-active="2"] .ab-story-frame img:nth-child(3),.ab-story[data-active="3"] .ab-story-frame img:nth-child(4){opacity:1;transform:none;}
.ab-story-steps{order:1;display:flex;flex-direction:column;}
.ab-step{min-height:64svh;display:flex;flex-direction:column;justify-content:center;opacity:.28;transition:opacity .55s ease;}   /* cada capítulo ocupa casi una pantalla: la foto fija tiene recorrido mientras se leen */
.ab-step.is-on{opacity:1;}
.ab-step h3{margin:0 0 .7rem;font-size:clamp(1.9rem,3.8vw,2.9rem);letter-spacing:-.04em;line-height:1.03;font-weight:800;}
.ab-step p{margin:0;max-width:34ch;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.6;color:#b8b8bf;}
.ab-step p strong{color:#fff;font-weight:600;}
.ab-step-img{display:none;}
/* familia: un collage cálido de fotos, cada una con su nombre */
.ab-fam{background:radial-gradient(70% 55% at 50% 0%,rgba(255,179,64,.13),transparent 70%),radial-gradient(60% 50% at 50% 100%,rgba(255,36,56,.09),transparent 70%);}
.ab-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.8rem,2vw,1.6rem);margin:clamp(3rem,7vw,5rem) 0 2.2rem;align-items:start;}
.fam{margin:0;position:relative;border-radius:28px;overflow:hidden;background:#111;box-shadow:0 40px 80px -30px rgba(0,0,0,.9),inset 0 0 0 1px rgba(255,255,255,.1);translate:0 var(--ty,0px);}
.fam img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:3/4;transition:transform 1.4s cubic-bezier(.16,1,.3,1);}
.fam:hover img{transform:scale(1.05);}
.fam figcaption{position:absolute;left:14px;bottom:14px;padding:.4rem .85rem;border-radius:999px;background:rgba(20,20,22,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);font-size:.8rem;font-weight:600;}
.fam-a{rotate:-2deg;} .fam-b{rotate:2deg;margin-top:3.6rem;} .fam-c{rotate:-1.5deg;margin-top:1.2rem;} .fam-d{rotate:2.5deg;margin-top:4.6rem;}
.fam-b img,.fam-d img{aspect-ratio:4/5;}
.ab-fam .ab-pills.ab-center{margin-top:1rem;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.6rem;}
/* metas: cuadrícula «bento» */
.ab-cards{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(200px,auto);gap:1rem;}
.ab-cards .ab-card{border-radius:28px;display:flex;flex-direction:column;justify-content:flex-end;padding:1.9rem 1.7rem;}
.ab-cards .ab-card svg{margin-bottom:auto;}
.ab-b1{grid-column:span 2;grid-row:span 2;padding:2.4rem !important;background:linear-gradient(155deg,rgba(255,36,56,.24),rgba(255,179,64,.06) 55%,rgba(255,255,255,.03)) !important;}
.ab-b1 svg{width:56px !important;height:56px !important;}
.ab-b1 h3{font-size:clamp(1.8rem,3.2vw,2.7rem) !important;letter-spacing:-.035em;line-height:1.04 !important;}
.ab-b1 p{font-size:1.05rem !important;max-width:30ch;}
.ab-b4{grid-column:span 2;}
/* fotos de sesiones y eventos como carrusel */
.ab-rail-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 1rem;}
.ab-rail-h{margin:0;font-size:clamp(1.4rem,2.6vw,1.9rem);letter-spacing:-.03em;font-weight:800;}
.ab-rail-btns{display:flex;gap:.5rem;}
.ab-rail-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--glass-line);background:var(--glass);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0 0 .12rem;transition:background .25s ease,transform .25s ease;}
.ab-rail-btn:hover{background:rgba(255,255,255,.14);transform:scale(1.05);}
.ab-gallery{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:.2rem clamp(1.25rem,5vw,3rem) 1rem;margin:0 calc(-1 * clamp(1.25rem,5vw,3rem));scroll-padding-inline:clamp(1.25rem,5vw,3rem);-webkit-overflow-scrolling:touch;}
.ab-gallery::-webkit-scrollbar{display:none;}
.ab-gallery:focus-visible{outline:2px solid var(--red);outline-offset:-2px;border-radius:12px;}
.ab-ph{flex:0 0 clamp(210px,24vw,290px);scroll-snap-align:start;border-radius:26px;}
@media (max-width:900px){
  .ab-story{grid-template-columns:1fr;} .ab-story-media{display:none;} .ab-story-steps{gap:3.2rem;padding:1.2rem 0 0;} .ab-step{opacity:1;min-height:0;display:block;}
  .ab-step-img{display:block;margin-bottom:1.1rem;border-radius:26px;overflow:hidden;aspect-ratio:4/5;max-height:440px;background:#111;} .ab-step-img img{width:100%;height:100%;object-fit:cover;display:block;}
  .ab-wall{grid-template-columns:repeat(2,1fr);} .fam-b{margin-top:2.2rem;} .fam-c{margin-top:0;} .fam-d{margin-top:2.6rem;}
  .ab-cards{grid-template-columns:1fr 1fr;} .ab-b1{grid-column:1/-1;grid-row:auto;} .ab-b4{grid-column:1/-1;}
}
@media (max-width:560px){ .ab-cards{grid-template-columns:1fr;} .ab-sub-name{display:none;} }
@media (prefers-reduced-motion:reduce){
  .ab-hero-in{translate:none;opacity:1;} .ab-story-frame img{transition:none;transform:none;} .ab-step{transition:none;} .fam{translate:none;} .fam img{transition:none;}
}

/* familia: Artistas / Marcas / Público (botones) y las tarjetas que cambian */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.ab-pill{font:inherit;color:#fff;cursor:pointer;padding:.74rem 1.25rem;border-radius:999px;background:var(--glass);border:1px solid var(--glass-line);font-size:.92rem;font-weight:600;transition:background .3s ease,color .3s ease,border-color .3s ease,transform .3s cubic-bezier(.2,.8,.2,1);-webkit-tap-highlight-color:transparent;}
.ab-pill:hover{background:rgba(255,255,255,.12);transform:translateY(-1px);}
.ab-pill:active{transform:scale(.97);}
.ab-pill[aria-pressed="true"]{background:#fff;color:#111;border-color:#fff;}
.ab-pill:focus-visible{outline:2px solid var(--red);outline-offset:3px;}
.ab-fam-hint{margin:.8rem 0 0;text-align:center;font-size:.8rem;color:#86868b;}
.ab-wall.swapping .fam{transition:opacity .32s ease,scale .32s cubic-bezier(.2,.8,.2,1);}
.fam.is-out{opacity:0;scale:.93;}
.fam-box{display:flex;flex-direction:column;justify-content:flex-end;gap:.45rem;position:relative;overflow:hidden;aspect-ratio:3/4;padding:1.3rem 1.2rem;color:#fff;text-decoration:none;background:linear-gradient(165deg,rgba(var(--cr,255,36,56),.38),rgba(13,13,16,.96) 72%),#0d0d10;}
.fam-b .fam-box,.fam-d .fam-box{aspect-ratio:4/5;}
.fam-ini{position:absolute;right:-.06em;top:-.16em;font-size:clamp(7rem,16vw,11rem);font-weight:800;line-height:1;letter-spacing:-.06em;color:rgba(255,255,255,.08);pointer-events:none;user-select:none;}
.fam-tag{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.72);font-weight:600;}
.fam-box strong{font-size:clamp(1.3rem,2.5vw,2rem);line-height:1.05;letter-spacing:-.035em;font-weight:800;overflow-wrap:anywhere;position:relative;}
.fam-stat{justify-content:space-between;}
.fam-ico{width:34px;height:34px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.9;}
.fam-num{display:block;font-size:clamp(2.3rem,5vw,3.6rem);font-weight:800;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums;}
.fam-lbl{font-size:.95rem;font-weight:700;line-height:1.2;margin-top:.15rem;}
.fam-sub{font-size:.76rem;color:rgba(255,255,255,.66);line-height:1.3;}
.fam-cta{background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28);background-image:none;align-items:flex-start;justify-content:center;gap:.7rem;transition:background .3s ease,box-shadow .3s ease;}
.fam-cta:hover{background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55);}
.fam-plus{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:1.7rem;line-height:1;background:var(--red);padding-bottom:.12rem;}
.fam-go{font-size:.82rem;font-weight:600;color:var(--red);}
@media (prefers-reduced-motion:reduce){ .ab-pill{transition:none;} .fam.is-out{scale:1;} }

/* Tarjeta de «Nuestra familia» con Instagram: toda la tarjeta es el enlace (capa invisible), con el icono arriba a la derecha */
.fam-hit{position:absolute;inset:0;z-index:4;border-radius:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.fam-hit:focus-visible{outline:2px solid #fff;outline-offset:-4px;}
.fam-ig{position:absolute;top:12px;right:12px;z-index:3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(20,20,22,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.22);transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s ease;pointer-events:none;}
@media (hover:hover){.fam:hover .fam-ig{transform:scale(1.12);background:linear-gradient(45deg,#f09433,#dc2743 55%,#bc1888);border-color:transparent;}}
.fam:has(.fam-hit:focus-visible) .fam-ig{background:linear-gradient(45deg,#f09433,#dc2743 55%,#bc1888);border-color:transparent;}
@media (prefers-reduced-motion:reduce){.fam-ig{transition:none;}}