/* Maqueta de propuesta para Internacional de Bogotá. Estilos compartidos por todas las páginas. */
:root{
  --negro:#000; --tinta:#151515; --blanco:#fff; --humo:#F4F4F4;
  --dorado:#E9CEA9; --dorado-hondo:#CEA970; --dorado-tinta:#806128;
  --linea:#E0E0E0; --linea-oscura:#2A2A2A; --tinta-media:#5A5A5A; --inversa:rgba(255,255,255,.66);
  --display:'Antonio','Arial Narrow','Helvetica Neue',Arial,sans-serif;
  --texto:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --mx:clamp(16px,4.5vw,96px); --sy:clamp(56px,8vw,120px);
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:var(--texto);color:var(--tinta);background:var(--negro);line-height:1.58;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit}
h1,h2,h3,.d{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:-.015em;line-height:1}
.micro{font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500}
.dorado{color:var(--dorado)}
.ancho{max-width:1440px;margin:0 auto;padding-inline:var(--mx)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:1rem;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s;text-align:center}
.btn-oro{background:var(--dorado);color:var(--negro)}
.btn-oro:hover{background:var(--blanco)}
.btn-linea{border-color:currentColor;background:transparent}
.oscuro .btn-linea:hover,header.sitio .btn-linea:hover,.hero .btn-linea:hover,.tinta .btn-linea:hover{background:var(--blanco);color:var(--negro);border-color:var(--blanco)}
.claro .btn-linea:hover,.humo .btn-linea:hover{background:var(--negro);color:var(--blanco);border-color:var(--negro)}
.btn-negro{background:var(--negro);color:var(--blanco)}
.btn-negro:hover{background:var(--dorado-tinta)}
.btn-mini{min-height:44px;padding:0 18px;font-size:.875rem}
.btn[aria-disabled="true"]{opacity:.45;pointer-events:none}
:focus-visible{outline:3px solid var(--dorado-hondo);outline-offset:3px}
.enlace{font-weight:600;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}
.enlace:hover{color:var(--dorado-hondo)}

/* Franja de la propuesta (no forma parte del sitio) */
.propuesta{background:var(--dorado);color:var(--negro);font-size:.8125rem}
.propuesta .ancho{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;padding-block:10px}
.propuesta strong{font-family:var(--display);text-transform:uppercase;letter-spacing:.03em;font-size:.9375rem}
.propuesta .sim{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-left:auto}
.chip{min-height:36px;padding:0 12px;border:1.5px solid var(--negro);background:transparent;font-weight:600;cursor:pointer;color:var(--negro);font-size:.8125rem}
.chip[aria-pressed="true"]{background:var(--negro);color:var(--dorado)}

/* Notas de cambio */
.nota{display:none;align-items:flex-start;gap:10px;background:var(--dorado);color:var(--negro);font-size:.875rem;line-height:1.4;padding:10px 14px;margin-bottom:24px;max-width:680px;font-family:var(--texto);text-transform:none;letter-spacing:0;font-weight:400}
.nota b{flex:none;width:24px;height:24px;border-radius:50%;background:var(--negro);color:var(--dorado);display:grid;place-items:center;font-size:.75rem}
body.notas .nota{display:flex}

/* Cabecera */
header.sitio{position:sticky;top:0;z-index:20;background:rgba(0,0,0,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--linea-oscura);color:var(--blanco)}
header.sitio .ancho{display:flex;align-items:center;gap:16px;min-height:72px}
header.sitio .logo img{width:44px;height:44px}
nav.principal{display:flex;margin-right:auto;margin-left:8px}
nav.principal a{font-family:var(--display);text-transform:uppercase;font-size:.875rem;letter-spacing:.04em;text-decoration:none;padding:12px 9px;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
nav.principal a:hover,nav.principal a[aria-current="page"]{color:var(--dorado)}
header.sitio .btn{min-height:44px;padding:0 20px;font-size:.875rem}
.menu-btn{display:none;background:none;border:0;font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;min-height:44px;padding:0 8px;cursor:pointer;color:var(--blanco)}
.panel-movil{display:none}

/* Encabezado de página interior */
.pag-cab{background:var(--negro);color:var(--blanco);padding-block:clamp(40px,6vw,88px) clamp(32px,4vw,56px);position:relative;overflow:hidden}
.pag-cab.con-foto{padding-block:clamp(72px,12vw,180px) clamp(40px,5vw,72px)}
.pag-cab .foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pag-cab.con-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000 4%,rgba(0,0,0,.55) 60%,rgba(0,0,0,.7))}
.pag-cab .ancho{position:relative;z-index:1}
.miga{color:var(--inversa);margin-bottom:16px}
.miga a{text-decoration:none}
.pag-cab h1{font-size:clamp(2.75rem,8vw,6.5rem);line-height:.94}
.pag-cab .bajada{color:var(--inversa);font-size:clamp(1.0625rem,1.35vw,1.1875rem);max-width:52ch;margin-top:20px}
.pag-cab .acciones{margin-top:28px}
.acciones{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}

/* Portada */
.hero{position:relative;color:var(--blanco);overflow:hidden}
.hero .foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.62) 48%,rgba(0,0,0,.5) 100%),linear-gradient(0deg,#000 0%,transparent 30%)}
.hero .ancho{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,80px);align-items:end;padding-block:clamp(56px,9vw,128px) clamp(40px,6vw,88px)}
.hero h1{font-size:clamp(3rem,8.2vw,7.5rem);line-height:.92}
.hero p.lema{font-size:clamp(1.0625rem,1.35vw,1.1875rem);color:var(--inversa);max-width:44ch;margin:24px 0 32px}

/* Tarjeta de partido */
.partido{background:rgba(0,0,0,.78);border:1px solid var(--linea-oscura);backdrop-filter:blur(8px);padding:clamp(20px,2.4vw,32px);color:var(--blanco)}
.partido .estado{display:inline-flex;align-items:center;gap:8px;color:var(--dorado)}
.partido .estado i{width:8px;height:8px;border-radius:50%;background:var(--dorado)}
.partido.vivo .estado i{background:#ff4d4d;animation:pulso 1.2s infinite}
@keyframes pulso{50%{opacity:.3}}
.partido .torneo{color:var(--inversa);font-size:.875rem;margin-top:6px}
.duelo{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:24px 0}
.equipo{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.equipo img,.equipo .sigla{width:64px;height:64px}
.sigla{border-radius:50%;border:2px solid var(--dorado);display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:1.25rem;color:var(--dorado)}
.equipo span.n{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:1.125rem;line-height:1.1}
.centro{font-family:var(--display);font-weight:700;font-size:clamp(2.25rem,4vw,3.25rem);white-space:nowrap}
.centro.vs{font-size:1.25rem;color:var(--inversa)}
.cuenta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-top:1px solid var(--linea-oscura);padding-top:20px}
.cuenta div{text-align:center}
.cuenta b{display:block;font-family:var(--display);font-size:clamp(1.75rem,3vw,2.5rem);line-height:1;font-variant-numeric:tabular-nums}
.cuenta span{color:var(--inversa)}
.aviso{border-top:1px solid var(--linea-oscura);padding-top:20px;color:var(--inversa);font-size:.9375rem}
.aviso b{color:var(--blanco);font-family:var(--display);text-transform:uppercase;font-size:1.5rem;display:block;line-height:1.1;margin-bottom:4px}
.partido .btn{width:100%;margin-top:20px}
.ejemplo{font-size:.75rem;color:var(--inversa);margin-top:10px}

/* Franja del equipo */
.pulso{background:var(--negro);color:var(--blanco);padding-block:clamp(32px,4vw,56px);border-top:1px solid var(--linea-oscura)}
.pulso .rejilla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--linea-oscura);border:1px solid var(--linea-oscura)}
.pulso article{background:var(--negro);padding:clamp(20px,2.4vw,32px)}
.pulso h3{font-size:clamp(1.5rem,2.4vw,2rem);margin:10px 0 6px}
.pulso p{color:var(--inversa);font-size:.9375rem}
.pulso .marcador{font-family:var(--display);font-weight:700;font-size:2.5rem;line-height:1;margin-top:12px;color:var(--blanco)}
.marcador small{font-family:var(--texto);font-weight:500;font-size:.8125rem;color:var(--dorado);margin-left:10px;letter-spacing:.08em;text-transform:uppercase}
.datos{display:flex;gap:28px;margin-top:12px}
.datos b{display:block;font-family:var(--display);font-size:2.5rem;line-height:1}
.racha{display:flex;gap:6px;margin-top:16px;list-style:none;padding:0}
.racha li{width:36px;height:36px;display:grid;place-items:center;font-family:var(--display);font-weight:700;border:1.5px solid var(--linea-oscura);color:var(--inversa)}
.racha li.g{background:var(--dorado);color:var(--negro);border-color:var(--dorado)}
.racha li.e{border-color:var(--blanco);color:var(--blanco)}

/* Secciones */
section.bloque{padding-block:var(--sy)}
section.bloque.corto{padding-block:clamp(40px,5vw,72px)}
.claro{background:var(--blanco)}
.humo{background:var(--humo)}
.oscuro{background:var(--negro);color:var(--blanco)}
.antetitulo{color:var(--dorado-tinta);margin-bottom:12px}
.oscuro .antetitulo,.tinta .antetitulo{color:var(--dorado)}
.bloque h2{font-size:clamp(2.25rem,5.5vw,4.5rem)}
.bloque h2.menor{font-size:clamp(1.75rem,3.4vw,2.75rem)}
.bajada{max-width:56ch;margin-top:16px;color:var(--tinta-media);font-size:1.0625rem}
.oscuro .bajada{color:var(--inversa)}
.cab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:clamp(24px,3vw,48px)}
.dos-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center}
.dos-col.arriba{align-items:start}
.dos-col img{width:100%;aspect-ratio:4/3;object-fit:cover}

/* Rejillas y cajas */
.rej{display:grid;gap:1px;background:var(--linea);border:1px solid var(--linea)}
.oscuro .rej{background:var(--linea-oscura);border-color:var(--linea-oscura)}
.rej.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.rej.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.rej.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.caja{background:var(--blanco);padding:clamp(20px,2.2vw,32px)}
.humo .caja{background:var(--blanco)}
.oscuro .caja{background:var(--negro)}
.caja .num{font-family:var(--display);font-weight:700;font-size:2.25rem;line-height:1;color:var(--dorado-tinta);display:block;margin-bottom:12px}
.oscuro .caja .num{color:var(--dorado)}
.caja h3{font-size:1.375rem;margin-bottom:8px;line-height:1.1}
.caja p{color:var(--tinta-media);font-size:.9375rem}
.oscuro .caja p{color:var(--inversa)}
.caja .micro{display:block;margin-bottom:10px;color:var(--dorado-tinta)}
.oscuro .caja .micro{color:var(--dorado)}
.cifras{display:flex;flex-wrap:wrap;gap:16px 48px;margin-top:32px}
.cifras b{display:block;font-family:var(--display);font-size:clamp(2rem,4vw,3rem);line-height:1}
.cifras span{color:var(--inversa);font-size:.875rem}
.lista{padding:0;list-style:none;display:grid;gap:10px;margin-top:20px}
.lista li{padding-left:26px;position:relative}
.lista li::before{content:"";position:absolute;left:0;top:.55em;width:12px;height:2px;background:var(--dorado-hondo)}

/* Hincha oficial */
.beneficios{list-style:none;padding:0;display:grid;gap:1px;background:var(--linea);border:1px solid var(--linea)}
.beneficios li{background:var(--blanco);padding:20px 24px;display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:center}
.beneficios b{font-family:var(--display);font-size:1.75rem;color:var(--dorado-tinta)}
.beneficios strong{display:block;font-family:var(--display);text-transform:uppercase;font-size:1.125rem}
.beneficios span{color:var(--tinta-media);font-size:.9375rem}

/* Filtros */
.filtros{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:28px}
.filtros .sep{width:1px;height:28px;background:currentColor;opacity:.25;margin-inline:6px}
.filtro{min-height:44px;padding:0 16px;border:1.5px solid currentColor;background:transparent;font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;font-size:.875rem;cursor:pointer;opacity:.7}
.filtro:hover{opacity:1}
.filtro[aria-pressed="true"]{opacity:1;background:var(--dorado);border-color:var(--dorado);color:var(--negro)}
.claro .filtro[aria-pressed="true"],.humo .filtro[aria-pressed="true"]{background:var(--negro);border-color:var(--negro);color:var(--blanco)}
select.filtro{appearance:none;padding-right:16px;color:inherit;background:transparent}
select.filtro option{color:#000}

/* Productos */
.productos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,28px)}
.productos.c4{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:clamp(32px,4vw,56px)}
.producto{display:flex;flex-direction:column;position:relative}
.producto a{text-decoration:none}
.producto .marco{aspect-ratio:4/5;background:#1b1b1b;overflow:hidden;display:block;position:relative}
.producto img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.producto:hover img{transform:scale(1.04)}
.producto .sello{position:absolute;top:12px;left:12px;background:var(--blanco);color:var(--negro);padding:4px 10px}
.producto .pie{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-top:4px}
.producto .nombre{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:1.125rem;line-height:1.15}
.producto .precio{font-weight:600;color:var(--dorado);white-space:nowrap}
.producto .cat{color:var(--inversa);margin-top:14px}
.tallas{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.tallas span{min-width:40px;height:36px;padding:0 8px;display:grid;place-items:center;border:1px solid var(--linea-oscura);font-size:.8125rem;font-weight:600}
.tallas span.no{opacity:.35;text-decoration:line-through}
.producto .btn{width:100%;margin-top:auto}
.producto .tallas{margin-bottom:16px}

/* Tarjetas grandes */
.dos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.tarjeta{padding:clamp(24px,3vw,48px);display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-height:320px;justify-content:flex-end}
.tarjeta.oro{background:var(--dorado)}
.tarjeta.tinta{background:var(--tinta);color:var(--blanco)}
.tarjeta h3{font-size:clamp(1.75rem,3.4vw,2.75rem)}
.tarjeta p{max-width:40ch}
.tarjeta.tinta p{color:var(--inversa)}
.tiendas{display:flex;flex-wrap:wrap;gap:10px}

/* Noticias */
.noticias{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,28px);row-gap:clamp(28px,3vw,48px)}
.noticia{text-decoration:none;display:block}
.noticia .marco{aspect-ratio:16/10;background:var(--linea);overflow:hidden}
.oscuro .noticia .marco{background:#1b1b1b}
.noticia img{width:100%;height:100%;object-fit:cover}
.noticia .fecha{color:var(--dorado-tinta);margin:14px 0 6px}
.oscuro .noticia .fecha{color:var(--dorado)}
.noticia h3{font-size:1.375rem;line-height:1.12}
.noticia:hover h3{color:var(--dorado-hondo)}
.destacada{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center;text-decoration:none;margin-bottom:var(--sy)}
.destacada .marco{aspect-ratio:16/10;overflow:hidden;background:#1b1b1b}
.destacada img{width:100%;height:100%;object-fit:cover}
.destacada h2{font-size:clamp(1.75rem,3.6vw,3rem);margin:12px 0 16px}
.destacada p{color:var(--inversa)}
.prensa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--linea);border:1px solid var(--linea)}
.prensa a{background:var(--blanco);padding:24px;text-decoration:none;display:grid;gap:8px}
.prensa a:hover{background:var(--humo)}
.prensa strong{font-family:var(--display);text-transform:uppercase;font-size:1.25rem;line-height:1.15}

/* Calendario */
.filas{display:grid;gap:1px;background:var(--linea-oscura);border:1px solid var(--linea-oscura)}
.fila{background:var(--negro);display:grid;grid-template-columns:72px minmax(0,1fr) auto auto;gap:16px 24px;align-items:center;padding:16px clamp(16px,2vw,28px)}
.fila .dia{text-align:center;line-height:1}
.fila .dia b{display:block;font-family:var(--display);font-size:2rem}
.fila .dia span{color:var(--dorado)}
.fila .lado{color:var(--inversa)}
.fila .rival{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:1.375rem;line-height:1.15;margin:2px 0}
.fila .meta{color:var(--inversa);font-size:.875rem}
.fila .res{font-family:var(--display);font-weight:700;font-size:1.75rem;white-space:nowrap}
.pastilla{display:inline-grid;place-items:center;min-width:92px;height:32px;padding:0 10px;border:1.5px solid var(--linea-oscura);color:var(--inversa)}
.pastilla.g{background:var(--dorado);border-color:var(--dorado);color:var(--negro)}
.pastilla.e{border-color:var(--blanco);color:var(--blanco)}
.subtitulo{font-size:clamp(1.5rem,2.6vw,2.25rem);margin:clamp(32px,4vw,56px) 0 20px}
.subtitulo:first-of-type{margin-top:0}
.vacio{padding:28px;color:var(--inversa);background:var(--negro)}

/* Plantel */
.plantel{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:clamp(12px,1.6vw,24px)}
.jugador{background:var(--tinta);position:relative;overflow:hidden}
.jugador .foto{aspect-ratio:4/5;background:linear-gradient(160deg,#242424,#0c0c0c);display:grid;place-items:center;position:relative;overflow:hidden}
.jugador .foto img{width:100%;height:100%;object-fit:cover;object-position:top}
.jugador .foto .dorsal{font-family:var(--display);font-weight:700;font-size:clamp(6rem,10vw,9rem);line-height:1;color:var(--dorado);opacity:.9}
.jugador .foto .sin{position:absolute;bottom:10px;left:12px;color:var(--inversa)}
.jugador .info{padding:16px}
.jugador .n{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:1.375rem;line-height:1.1}
.jugador .p{color:var(--dorado);margin-top:6px;display:flex;justify-content:space-between;gap:8px}
.jugador dl{display:flex;gap:20px;margin-top:12px;padding-top:12px;border-top:1px solid var(--linea-oscura);font-size:.875rem}
.jugador dt{color:var(--inversa);font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase}

/* Estadio */
.tribunas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center}
.cancha{display:grid;grid-template-columns:64px 1fr 64px;grid-template-rows:56px 1fr 56px;gap:6px;aspect-ratio:4/3}
.cancha button{border:1.5px solid var(--linea);background:var(--humo);cursor:pointer;font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;font-size:.8125rem;padding:4px}
.cancha button[aria-pressed="true"]{background:var(--negro);color:var(--dorado);border-color:var(--negro)}
.cancha button:disabled{cursor:default;opacity:.4}
.cancha .campo{grid-column:2;grid-row:2;background:#1f5a36;border:2px solid #fff;outline:6px solid #1f5a36;outline-offset:-10px;display:grid;place-items:center;color:rgba(255,255,255,.8);position:relative}
.cancha .campo::before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:2px solid rgba(255,255,255,.7)}
.cancha .campo::after{content:"";width:22%;aspect-ratio:1;border:2px solid rgba(255,255,255,.7);border-radius:50%}
.cancha .vert{writing-mode:vertical-rl}
.trib-info h3{font-size:clamp(1.75rem,3.4vw,2.75rem);margin:10px 0 12px}
.etiqueta{display:inline-block;padding:4px 10px;background:var(--negro);color:var(--dorado)}
.etiqueta.sin{background:transparent;color:var(--tinta);outline:1.5px solid var(--tinta)}

/* Historia */
.linea-tiempo{display:grid;gap:clamp(40px,6vw,96px)}
.hito{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,5vw,72px);align-items:center}
.hito:nth-child(even) .marco{order:2}
.hito .marco{aspect-ratio:4/3;overflow:hidden;background:#1b1b1b}
.hito img{width:100%;height:100%;object-fit:cover}
.hito .anio{font-family:var(--display);font-weight:700;font-size:clamp(3rem,7vw,6rem);line-height:.9;color:var(--dorado)}
.hito h3{font-size:clamp(1.5rem,2.6vw,2.25rem);margin:12px 0}
.hito p{color:var(--inversa);max-width:48ch}

/* Preguntas */
.faq details{border-bottom:1px solid var(--linea)}
.faq summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font-family:var(--display);text-transform:uppercase;font-weight:700;font-size:1.25rem;position:relative;min-height:44px}
.faq summary::after{content:"+";position:absolute;right:8px;top:14px;font-size:1.75rem;color:var(--dorado-tinta)}
.faq details[open] summary::after{content:"–"}
.faq p{padding:0 0 20px;color:var(--tinta-media);max-width:64ch}

/* Cierre */
.cierre{text-align:center}
.cierre h2{margin-bottom:28px}
.cierre .acciones{justify-content:center}

/* Pie */
footer{background:var(--negro);color:var(--inversa);border-top:1px solid var(--linea-oscura);padding-block:56px 40px;font-size:.875rem}
footer .cols{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}
footer img{width:56px;height:56px;margin-bottom:16px}
footer h4{font-family:var(--display);text-transform:uppercase;color:var(--blanco);letter-spacing:.04em;margin-bottom:10px;font-size:1rem}
footer ul{list-style:none;padding:0}
footer li a{text-decoration:none;display:inline-flex;min-height:36px;align-items:center}
footer li a:hover{color:var(--dorado)}
footer .legal{border-top:1px solid var(--linea-oscura);margin-top:40px;padding-top:20px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}

/* Barra fija: una sola y solo en celular */
.barra{display:none}

@media (max-width:1180px){
  nav.principal,header.sitio .btn-linea{display:none}
  .menu-btn{display:inline-flex;align-items:center}
  header.sitio .btn-oro{margin-left:auto}
  header.sitio .ancho{min-height:64px;gap:8px}
  .panel-movil.abierto{display:grid;background:var(--negro);border-top:1px solid var(--linea-oscura);padding:8px var(--mx) 20px}
  .panel-movil a{font-family:var(--display);text-transform:uppercase;font-size:1.5rem;text-decoration:none;padding:10px 0;border-bottom:1px solid var(--linea-oscura);color:var(--blanco)}
  .panel-movil a[aria-current="page"]{color:var(--dorado)}
}
@media (max-width:900px){
  .hero .ancho,.dos-col,.tribunas,.hito,.destacada,.prensa{grid-template-columns:1fr}
  .hito:nth-child(even) .marco{order:0}
  .pulso .rejilla,.dos,.rej.c2,.rej.c3{grid-template-columns:1fr}
  .rej.c4,.productos.c4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .noticias.rejilla-fija{grid-template-columns:1fr}
  .desliza{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:72%;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--mx)*-1);padding-inline:var(--mx);scrollbar-width:none}
  .desliza>*{scroll-snap-align:start}
  .propuesta .sim{margin-left:0}
  .fila{grid-template-columns:56px minmax(0,1fr) auto}
  .fila .extra{grid-column:2/-1}
  .plantel{grid-template-columns:repeat(2,minmax(0,1fr))}
  footer .cols{grid-template-columns:1fr 1fr}
  footer{padding-bottom:110px}
  .barra{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--dorado);color:var(--negro);padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:12px;align-items:center;justify-content:space-between}
  .barra div{line-height:1.25;min-width:0}
  .barra strong{font-family:var(--display);text-transform:uppercase;display:block;font-size:1rem}
  .barra span{font-size:.8125rem}
  .barra .btn{flex:none}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* =====================================================================
   CAPA DE DISEÑO v2 — tipografía gigante, movimiento y textura
   ===================================================================== */
:root{
  --hueso:#F4EEE2; --arena:#EAE1D0;
  --serif:'Instrument Serif',Georgia,'Times New Roman',serif;
  --oro-grad:linear-gradient(110deg,#F6E7CC 0%,#E9CEA9 32%,#CEA970 68%,#A5803C 100%);
  --suave:cubic-bezier(.2,.7,.2,1);
}
@view-transition{navigation:auto}
::selection{background:var(--dorado);color:#000}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.09;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.progreso{position:fixed;top:0;left:0;right:0;height:3px;background:var(--oro-grad);transform-origin:0 50%;transform:scaleX(0);z-index:95}

/* Acento editorial: palabra en serif cursiva y dorado */
.s,.pag-cab h1 .dorado,.portada h1 .dorado{font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.02em;font-size:.94em}
.oro-t,.pag-cab h1 .dorado,.portada h1 .dorado{background:var(--oro-grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em}
.hueco{-webkit-text-stroke:1.5px var(--dorado);color:transparent}

/* Superficies */
.claro{background:var(--hueso)}
.humo{background:var(--arena)}
.oro{background:var(--dorado);color:#000}
.oro .antetitulo{color:#000}
.oro .bajada{color:rgba(0,0,0,.72)}

/* Títulos y rótulos */
.bloque h2{font-size:clamp(2.75rem,7.6vw,7.25rem);line-height:.88;letter-spacing:-.025em}
.bloque h2.menor{font-size:clamp(2rem,4.4vw,3.75rem);line-height:.92}
.antetitulo{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.antetitulo::before{content:"";width:36px;height:1px;background:currentColor;flex:none}
.cierre .antetitulo{justify-content:center}

/* Botones: flecha y barrido */
.btn{position:relative;gap:12px;overflow:hidden;isolation:isolate;transition:color .35s var(--suave),border-color .35s var(--suave),background .35s var(--suave),transform .35s var(--suave)}
.btn:not(.btn-mini):not([aria-disabled="true"])::after{content:"→";font-family:var(--texto);font-weight:500;transition:transform .35s var(--suave)}
.btn:hover::after{transform:translateX(6px)}
.btn:active{transform:scale(.97)}
.btn-oro{background:var(--oro-grad);background-size:160% 100%;background-position:0 0}
.btn-oro:hover{background:var(--oro-grad);background-size:160% 100%;background-position:100% 0;box-shadow:0 12px 40px -12px rgba(233,206,169,.7)}
.enlace{position:relative;text-decoration:none}
.enlace::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:currentColor;transform-origin:0 50%;transition:transform .4s var(--suave)}
.enlace:hover::after{transform:scaleX(.35)}

/* Franja de propuesta: discreta */
.propuesta{background:#0b0b0b;color:var(--dorado);border-bottom:1px solid rgba(233,206,169,.25);font-size:.75rem}
.propuesta .ancho{padding-block:6px;gap:6px 16px}
.propuesta strong{font-size:.8125rem}
.propuesta .chip{border:1px solid rgba(233,206,169,.4);color:var(--dorado);min-height:30px;border-radius:999px;font-size:.75rem;padding:0 12px}
.propuesta .chip[aria-pressed="true"]{background:var(--dorado);color:#000;border-color:var(--dorado)}
.propuesta .sim span{opacity:.7}

/* Cabecera */
header.sitio{background:rgba(0,0,0,.72);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4)}
nav.principal a{position:relative}
nav.principal a::after{content:"";position:absolute;left:9px;right:9px;bottom:8px;height:2px;background:var(--dorado);transform:scaleX(0);transform-origin:0 50%;transition:transform .35s var(--suave)}
nav.principal a:hover::after,nav.principal a[aria-current="page"]::after{transform:scaleX(1)}

/* Revelado al hacer scroll */
.anim .rv{opacity:0;transform:translateY(34px);transition:opacity .8s var(--suave),transform .8s var(--suave);transition-delay:calc(var(--i,0)*70ms)}
.anim .rv.en{opacity:1;transform:none}

/* ---------- Portada ---------- */
.portada{position:relative;color:#fff;overflow:hidden;background:#000;min-height:calc(100svh - 110px);display:flex;align-items:flex-end}
.portada.baja{min-height:0}
.portada .foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;animation:acerca 24s ease-in-out infinite alternate;will-change:transform}
@keyframes acerca{from{transform:scale(1.02)}to{transform:scale(1.12) translateY(-1.5%)}}
.portada::before{content:"";position:absolute;inset:0;z-index:1;background:
  radial-gradient(55% 45% at 82% 78%,rgba(206,169,112,.34),transparent 70%),
  linear-gradient(180deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.28) 34%,rgba(0,0,0,.94) 100%)}
.portada .ancho{position:relative;z-index:2;width:100%;padding-block:clamp(28px,4vw,56px) clamp(32px,5vw,72px)}
.p-top{display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:space-between;color:var(--dorado);padding-bottom:16px;border-bottom:1px solid rgba(233,206,169,.3);margin-bottom:clamp(24px,4vw,56px)}
.portada h1{font-size:clamp(3.5rem,13.4vw,14rem);line-height:.84;letter-spacing:-.035em}
.portada.baja h1{font-size:clamp(3.25rem,11vw,10.5rem)}
.ln{display:block;overflow:hidden;padding-bottom:.16em;margin-bottom:-.16em}
.anim .ln>span{display:block;transform:translateY(110%);animation:sube 1s var(--suave) forwards;animation-delay:calc(var(--i,0)*130ms + 120ms)}
.ln>span{display:block}
@keyframes sube{to{transform:none}}
.p-base{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:clamp(24px,4vw,64px);align-items:end}
.portada h1{margin-bottom:clamp(20px,2.4vw,36px)}
@media (min-width:1200px){.portada h1{font-size:clamp(8rem,11.6vw,11.5rem)}.portada.baja h1{font-size:clamp(7rem,10.4vw,10.5rem)}}
@media (max-width:1199px){.p-base{grid-template-columns:1fr}}
.portada .lema{font-size:clamp(1.0625rem,1.5vw,1.3125rem);color:rgba(255,255,255,.78);max-width:42ch;margin-bottom:28px}

/* Boleta del partido */
.partido{background:linear-gradient(160deg,rgba(24,22,18,.92),rgba(0,0,0,.94));border:1px solid rgba(233,206,169,.32);box-shadow:0 40px 90px -30px #000,inset 0 1px 0 rgba(255,255,255,.06);position:relative;backdrop-filter:blur(14px)}
.partido::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--oro-grad)}
.partido .centro:not(.vs){font-size:clamp(3rem,5.5vw,4.5rem);background:var(--oro-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sigla{background:radial-gradient(circle at 30% 25%,rgba(233,206,169,.22),transparent 70%)}
.cuenta{border-top:1px dashed rgba(233,206,169,.4)}
.cuenta div{background:rgba(255,255,255,.04);padding:12px 4px 10px;border:1px solid rgba(255,255,255,.06)}
.cuenta b{font-size:clamp(2rem,3.4vw,3rem);background:var(--oro-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.aviso{border-top:1px dashed rgba(233,206,169,.4)}
.aviso b{font-size:clamp(2rem,3.4vw,3rem);background:var(--oro-grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- Cintas animadas ---------- */
.cruce{position:relative;overflow:hidden;background:#000;padding:clamp(28px,4vw,56px) 0}
.cinta{overflow:hidden;white-space:nowrap;font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(1.25rem,2.6vw,2.25rem);letter-spacing:.01em;line-height:1;padding:.55em 0;background:var(--oro-grad);color:#000}
.cinta.a{transform:rotate(-2deg) scale(1.04);position:relative;z-index:2;box-shadow:0 20px 50px -20px #000}
.cinta.b{transform:rotate(1.6deg) scale(1.04);background:transparent;color:transparent;-webkit-text-stroke:1px rgba(233,206,169,.6);margin-top:-1.2em;border-block:1px solid rgba(233,206,169,.25)}
.pista{display:inline-flex;animation:corre 36s linear infinite;will-change:transform}
.cinta.b .pista{animation-direction:reverse;animation-duration:48s}
.pista span{padding:0 .6em}
.pista span::after{content:"✦";margin-left:1.2em;font-size:.6em;vertical-align:middle}
@keyframes corre{to{transform:translateX(-50%)}}

/* ---------- Momento del equipo ---------- */
.pulso{padding-block:clamp(48px,7vw,104px);border-top:0}
.pulso .rejilla{border-color:rgba(233,206,169,.22);background:rgba(233,206,169,.22)}
.pulso article{position:relative;overflow:hidden;padding:clamp(24px,3vw,44px);transition:background .5s var(--suave)}
.pulso article::after{content:"";position:absolute;inset:auto -30% -60% -30%;height:80%;background:radial-gradient(50% 50% at 50% 50%,rgba(206,169,112,.22),transparent 70%);opacity:0;transition:opacity .5s var(--suave);pointer-events:none}
.pulso article:hover::after{opacity:1}
.pulso h3{font-size:clamp(1.75rem,2.8vw,2.5rem)}
.pulso .marcador{font-size:clamp(4.5rem,9vw,8rem);letter-spacing:-.03em;margin-top:18px}
.pulso .marcador small{display:block;margin:10px 0 0}
.datos{gap:clamp(24px,4vw,56px);margin-top:18px}
.datos b{font-size:clamp(4.5rem,9vw,8rem);letter-spacing:-.03em}
.datos div:first-child b{-webkit-text-stroke:2px var(--dorado);color:transparent}
.racha{gap:8px;margin-top:22px}
.racha li{width:44px;height:44px;border-radius:50%;font-size:1.125rem}

/* ---------- Plantel en la portada ---------- */
.plantel-sec{overflow:hidden}
.apellidos{overflow:hidden;white-space:nowrap;font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(4rem,13vw,13rem);line-height:.9;letter-spacing:-.03em;-webkit-text-stroke:1.5px rgba(233,206,169,.5);color:transparent;margin-block:clamp(8px,2vw,24px) clamp(24px,4vw,56px)}
.apellidos .pista{animation-duration:90s}
.apellidos .pista span::after{content:"/";font-size:1em;margin-left:.35em;-webkit-text-stroke:0;color:var(--dorado)}
.apellidos .pista span{padding:0 .18em}
.caras{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(220px,24vw,320px);gap:clamp(12px,1.6vw,24px);overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:var(--mx);scrollbar-width:none;cursor:grab}
.caras::-webkit-scrollbar{display:none}
.cara{position:relative;aspect-ratio:3/4;overflow:hidden;background:#141414;scroll-snap-align:start;text-decoration:none;color:#fff;display:block}
.cara img{width:100%;height:100%;object-fit:cover;object-position:top;filter:grayscale(1) contrast(1.08);transition:filter .6s var(--suave),transform .9s var(--suave)}
.cara:hover img{filter:none;transform:scale(1.06)}
.cara::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(0deg,rgba(0,0,0,.92),transparent)}
.cara div{position:absolute;left:16px;right:16px;bottom:14px;z-index:1}
.cara strong{display:block;font-family:var(--display);text-transform:uppercase;font-size:clamp(1.375rem,2vw,1.875rem);line-height:1}
.cara span{color:var(--dorado)}

/* ---------- Hincha oficial ---------- */
.oro .beneficios{background:rgba(0,0,0,.25);border:0;border-top:2px solid #000}
.oro .beneficios li{background:var(--dorado);grid-template-columns:auto 1fr;gap:clamp(16px,3vw,40px);padding:clamp(18px,2.4vw,30px) 0;border-bottom:1px solid rgba(0,0,0,.25);transition:padding .4s var(--suave)}
.oro .beneficios li:hover{padding-left:16px}
.oro .beneficios b{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1;color:transparent;-webkit-text-stroke:1.5px #000}
.oro .beneficios strong{font-size:clamp(1.375rem,2.4vw,2rem);line-height:1.05}
.oro .beneficios span{color:rgba(0,0,0,.7)}

/* ---------- Productos ---------- */
.producto .marco{background:#161616}
.producto .marco img{transition:transform .9s var(--suave),opacity .5s var(--suave)}
.producto .marco img.alt{position:absolute;inset:0;opacity:0}
.producto:hover .marco img.alt{opacity:1}
.producto .nombre{transition:color .3s}
.producto:hover .nombre{color:var(--dorado)}
.producto .precio{font-family:var(--display);font-size:1.25rem;font-weight:700}
.tallas span{border-radius:999px}
.producto .sello{background:var(--dorado)}

/* ---------- Mosaico ---------- */
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(190px,21vw,300px);gap:clamp(10px,1.2vw,18px)}
.azulejo{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(18px,2.2vw,32px);text-decoration:none;color:#fff;background:#111;isolation:isolate}
.azulejo.g{grid-column:span 2;grid-row:span 2}
.azulejo.a{grid-column:span 2}
.azulejo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.1s var(--suave)}
.azulejo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.15) 65%);transition:opacity .5s}
.azulejo:hover img{transform:scale(1.07)}
.azulejo h3{font-size:clamp(1.5rem,2.8vw,2.75rem);line-height:.95}
.azulejo.g h3{font-size:clamp(2.25rem,5vw,5rem)}
.azulejo p{color:rgba(255,255,255,.78);max-width:36ch;margin-top:8px;font-size:.9375rem}
.azulejo .micro{color:var(--dorado);margin-bottom:10px}
.azulejo .ir{position:absolute;top:clamp(14px,1.6vw,24px);right:clamp(14px,1.6vw,24px);width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.5);display:grid;place-items:center;transition:background .35s var(--suave),color .35s,transform .35s var(--suave)}
.azulejo:hover .ir{background:var(--dorado);color:#000;border-color:var(--dorado);transform:rotate(-45deg)}
.azulejo.liso{background:var(--oro-grad);color:#000}
.azulejo.liso::before{display:none}
.azulejo.liso p{color:rgba(0,0,0,.72)}
.azulejo.liso .micro{color:#000}
.azulejo.liso .ir{border-color:rgba(0,0,0,.5)}
.azulejo.liso:hover .ir{background:#000;color:var(--dorado);border-color:#000}

/* ---------- Tarjetas, cajas y listas ---------- */
.noticia .marco img,.destacada .marco img{transition:transform .9s var(--suave)}
.noticia:hover .marco img,.destacada:hover .marco img{transform:scale(1.06)}
.noticia h3{font-size:clamp(1.375rem,2vw,1.75rem);transition:color .3s}
.caja{transition:transform .45s var(--suave),box-shadow .45s var(--suave);position:relative}
.caja:hover{transform:translateY(-6px);box-shadow:0 24px 50px -24px rgba(0,0,0,.45);z-index:1}
.caja .num{font-size:clamp(2.5rem,4vw,3.5rem)}
.oscuro .caja .num{background:var(--oro-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.filtro{border-radius:999px;border-width:1px;padding:0 20px;transition:background .3s var(--suave),color .3s,opacity .3s}
.filtro[aria-pressed="true"]{background:var(--oro-grad)}
.fila{transition:background .35s var(--suave),padding .35s var(--suave);position:relative}
.fila::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--oro-grad);transform:scaleY(0);transition:transform .35s var(--suave)}
.fila:hover{background:#0e0d0b}
.fila:hover::before{transform:scaleY(1)}
.fila .dia b{font-size:2.5rem}
.fila .res{font-size:2.25rem}
.pastilla{border-radius:999px}
.jugador{transition:transform .5s var(--suave)}
.jugador:hover{transform:translateY(-8px)}
.jugador .foto img{filter:grayscale(1) contrast(1.06);transition:filter .6s var(--suave),transform .9s var(--suave)}
.jugador:hover .foto img{filter:none;transform:scale(1.05)}
.jugador .foto .dorsal{background:var(--oro-grad);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:1;font-size:clamp(7rem,12vw,11rem);transition:transform .6s var(--suave)}
.jugador:hover .foto .dorsal{transform:scale(1.12)}
.jugador .foto{background:radial-gradient(80% 60% at 50% 100%,rgba(206,169,112,.22),transparent 70%),linear-gradient(160deg,#1e1c18,#090909)}
.hito .anio{font-size:clamp(4.5rem,11vw,10rem);-webkit-text-stroke:1.5px var(--dorado);color:transparent;letter-spacing:-.03em}
.hito .marco img{transition:transform 1.2s var(--suave)}
.hito:hover .marco img{transform:scale(1.05)}
.cifras b{background:var(--oro-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(2.5rem,5vw,4.25rem)}
.faq summary{transition:color .3s,padding .35s var(--suave)}
.faq summary:hover{color:var(--dorado-tinta);padding-left:10px}
.cancha button{transition:background .3s,color .3s}
.cancha button:not(:disabled):hover{background:var(--dorado)}

/* ---------- Encabezado de páginas interiores ---------- */
.pag-cab{padding-block:clamp(56px,8vw,120px) clamp(40px,5vw,72px)}
.pag-cab h1{font-size:clamp(3.25rem,11.5vw,11rem);line-height:.86;letter-spacing:-.03em}
.fantasma{position:absolute;right:-2vw;bottom:-.2em;font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(7rem,27vw,27rem);line-height:1;letter-spacing:-.04em;white-space:nowrap;-webkit-text-stroke:1px rgba(233,206,169,.16);color:transparent;pointer-events:none;z-index:0;user-select:none}
.pag-cab.con-foto .fantasma{z-index:1}
.pag-cab.con-foto .foto{animation:acerca 24s ease-in-out infinite alternate}

/* ---------- Pie ---------- */
.firma{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(3.5rem,15.5vw,16rem);line-height:.82;letter-spacing:-.03em;white-space:nowrap;text-align:center;-webkit-text-stroke:1px rgba(233,206,169,.45);color:transparent;overflow:hidden;padding-top:.14em;margin-bottom:clamp(32px,5vw,72px);transition:color .8s var(--suave)}
footer:hover .firma{color:rgba(233,206,169,.12)}

@media (max-width:900px){
  .portada{min-height:0}
  .propuesta .ancho>span{display:none}
  .propuesta .sim{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:100%}
  .propuesta .chip{flex:none}
  .propuesta .sim::before{content:"Maqueta no oficial";font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;flex:none;margin-right:4px}
  .p-top span:nth-child(n+3){display:none}
  .bento{grid-template-columns:1fr 1fr;grid-auto-rows:200px}
  .azulejo.g,.azulejo.a{grid-column:span 2}
  .azulejo.g{grid-row:span 2}
  .caras{grid-auto-columns:62%}
  .propuesta .sim{margin-left:0}
  .fantasma{font-size:clamp(6rem,38vw,14rem)}
}
@media (prefers-reduced-motion:reduce){
  .ln>span{transform:none}
  .pista{animation:none!important}
}