/* Boxeo El Bigote — hoja de estilos
   Concepto: cartel de velada. Negro de vestuario, carbón de lona y oro de cinturón;
   Anton en mayúsculas como en los carteles de boxeo, Barlow para leer. Una sola apariencia (oscura). */

@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/anton-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/anton-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/barlow-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/barlow-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/barlow-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/barlow-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/barlow-condensed-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/barlow-condensed-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-condensed-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-condensed-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Concepto: campaña deportiva (BoxRaw, Nike) con relato al hacer scroll (Apple).
   Fotos a sangre, Anton gigante, bandas negras de vestuario y bandas claras de papel de cartel. Oro solo para lo importante. */
:root{
  --ink:#0b0a09;        /* negro de vestuario */
  --carbon:#161412;     /* gris carbón */
  --canvas:#201d1a;     /* superficies */
  --line:#332f29;       /* filetes en oscuro */
  --bone:#f1ece3;       /* texto sobre oscuro */
  --mute:#a79f92;       /* texto secundario sobre oscuro */
  --paper:#f2eee6;      /* bandas claras */
  --paper-line:#d9d2c5;
  --ink-mute:#5d564c;   /* texto secundario sobre claro */
  --gold:#d8c08c;       /* dorado champán */
  --gold-hi:#efe0b8;
  --gold-deep:#7a6332;  /* dorado legible sobre claro */
  --gold-metal:linear-gradient(120deg,#f4e7c4 0%,#d8c08c 38%,#b8995e 62%,#ecdcae 100%);
  --whatsapp:#1f8f4e;
  --f-display:'Anton','Impact','Arial Narrow Bold',sans-serif;
  --f-body:'Barlow','Helvetica Neue',Arial,sans-serif;
  --f-label:'Barlow Condensed','Arial Narrow',Arial,sans-serif;
  --wrap:78rem;
  --gl:max(16px, env(safe-area-inset-left, 0px));
  --gr:max(16px, env(safe-area-inset-right, 0px));
  --ease:cubic-bezier(.2,.7,.2,1);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--bone);font-family:var(--f-body);font-size:1.0625rem;line-height:1.6;overflow-x:clip}
img,video{max-width:100%;display:block}
img{height:auto}
a{color:var(--gold)}
a:hover{color:var(--gold-hi)}
:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:var(--ink);padding:.5rem 1rem;z-index:60}
.skip:focus{left:16px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--gl);padding-right:var(--gr)}
.band{padding-block:clamp(4rem,10vw,8rem)}
.band--carbon{background:var(--carbon)}
.band--paper{background:var(--paper);color:var(--ink)}
.band--paper .label{color:var(--gold-deep)}
.band--paper .muted{color:var(--ink-mute)}

.label{font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.16em;font-size:.85rem;color:var(--gold);margin:0}
h1,h2,h3{font-family:var(--f-display);font-weight:400;text-transform:uppercase;line-height:.98;letter-spacing:.005em;text-wrap:balance;margin:0}
h2{font-size:clamp(2.6rem,7vw,5.2rem)}
h3{font-size:clamp(1.6rem,3vw,2rem)}
p{margin:0;max-width:62ch}
.lead{font-size:clamp(1.1rem,1.6vw,1.3rem)}
.muted{color:var(--mute)}
.stack{display:flex;flex-direction:column;gap:1.1rem}
.section-head{display:flex;flex-direction:column;gap:.9rem;margin-bottom:clamp(2rem,5vw,3.5rem)}

/* Botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:1rem;text-decoration:none;padding:1rem 1.6rem;border:2px solid var(--gold);border-radius:999px;transition:background .25s var(--ease),color .25s var(--ease),transform .25s var(--ease)}
.btn:hover{transform:translateY(-2px)}
.btn--gold{background:var(--gold-metal);background-size:200% 100%;background-position:0 0;color:var(--ink);border-color:transparent;transition:background-position .6s var(--ease),transform .25s var(--ease)}
.btn--gold:hover{background-position:100% 0;color:var(--ink)}
.btn--line{color:var(--bone);background:transparent;border-color:rgba(241,236,227,.5)}
.btn--line:hover{color:var(--ink);background:var(--bone);border-color:var(--bone)}
.band--paper .btn--line{color:var(--ink);border-color:var(--ink)}
.band--paper .btn--line:hover{background:var(--ink);color:var(--paper)}
.btn svg{width:1.2em;height:1.2em;flex:none}
.btns{display:flex;flex-wrap:wrap;gap:.75rem}

/* Cabecera: transparente sobre la portada, sólida al bajar */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:40;background:var(--ink)}
.site-header{position:fixed;left:0;right:0;top:env(safe-area-inset-top,0px);z-index:30;transition:background .35s var(--ease),border-color .35s var(--ease);border-bottom:1px solid transparent}
.site-header.solid{background:rgba(11,10,9,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--line)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.5rem}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--bone)}
.brand img{width:2.9rem}
.brand span{font-family:var(--f-display);text-transform:uppercase;font-size:1.1rem;letter-spacing:.04em;line-height:1}
.nav{display:flex;align-items:center;gap:1.6rem}
.nav a{font-family:var(--f-label);font-weight:500;text-transform:uppercase;letter-spacing:.14em;font-size:.92rem;color:var(--bone);text-decoration:none;position:relative}
.nav a:not(.btn)::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav a:not(.btn):hover::after{transform:scaleX(1)}
.nav .btn{padding:.6rem 1.1rem;font-size:.88rem;color:var(--ink)}
.nav-toggle{display:none;background:none;border:1px solid rgba(241,236,227,.4);border-radius:999px;color:var(--bone);font-family:var(--f-label);text-transform:uppercase;letter-spacing:.14em;padding:.55rem 1rem;font-size:.9rem;cursor:pointer}
@media (max-width:960px){
  .nav-toggle{display:inline-block}
  .nav{display:none;position:fixed;inset:calc(4.5rem + env(safe-area-inset-top,0px)) 0 0;flex-direction:column;align-items:stretch;gap:0;background:var(--ink);padding:1rem var(--gr) 2rem var(--gl);overflow-y:auto}
  .nav.open{display:flex}
  .nav a{padding:1rem 0;border-bottom:1px solid var(--line);font-family:var(--f-display);font-size:2rem;letter-spacing:.02em}
  .nav a:not(.btn)::after{display:none}
  .nav .btn{margin-top:1.5rem;padding:1rem;font-family:var(--f-label);font-size:1rem}
}

/* Portada */
.hero{position:relative;min-height:min(100svh,62rem);display:flex;align-items:flex-end;overflow:hidden;background:var(--ink)}
.hero-media{position:absolute;inset:0;overflow:hidden}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:72% 28%}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,10,9,.55) 0%,rgba(11,10,9,0) 25%,rgba(11,10,9,.2) 55%,var(--ink) 100%),linear-gradient(90deg,rgba(11,10,9,.85) 0%,rgba(11,10,9,0) 60%)}
.hero .wrap{position:relative;width:100%;padding-block:8rem clamp(3rem,7vw,5rem)}
.hero-copy{display:flex;flex-direction:column;gap:1.4rem}
.hero h1{font-family:var(--f-label);font-weight:600;font-size:clamp(1rem,1.6vw,1.2rem);letter-spacing:.2em;color:var(--gold)}
.motto{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(3.6rem,12.5vw,11rem);line-height:.86;letter-spacing:-.005em;max-width:none}
.motto span{display:block}
.motto em{font-style:normal;color:var(--gold);background:var(--gold-metal);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero .lead{max-width:36rem}
.hero-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem 2rem}
.credential{font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.95rem;color:var(--mute);max-width:none}
.credential b{color:var(--bone)}
@media (max-width:700px){.hero{min-height:92svh}.hero-media img{object-position:60% 20%}}

/* Marquesina */
.ticker{background:var(--ink);color:var(--gold);overflow:hidden;white-space:nowrap;border-block:1px solid rgba(216,192,140,.35)}
.ticker-track{display:inline-flex;gap:0;padding-block:.9rem}
.ticker-track span{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(1.4rem,3vw,2.2rem);letter-spacing:.02em;padding-right:2.5rem}
.ticker-track span::after{content:"●";font-size:.5em;vertical-align:.35em;margin-left:2.5rem}

/* Manifiesto que se ilumina */
.manifesto{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(2.4rem,6.4vw,5.6rem);line-height:1.02;max-width:none;letter-spacing:.005em}
.manifesto .w{color:var(--bone)}
.manifesto .g{color:var(--gold)}
.manifesto-foot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 4rem;margin-top:clamp(2.5rem,6vw,4rem);padding-top:2rem;border-top:1px solid var(--line)}
@media (max-width:760px){.manifesto-foot{grid-template-columns:1fr}}

/* Vídeo del combate */
.film{position:relative;background:#000;overflow:hidden}
.film video{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;max-width:100%}
.film-bar{background:var(--ink);border-top:1px solid var(--line)}
.film-bar .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;padding-block:1.6rem}
.film-bar strong{font-family:var(--f-display);font-weight:400;font-size:clamp(2rem,4vw,2.8rem);letter-spacing:.02em;line-height:1;margin-right:.8rem;color:var(--gold)}
.film-bar p{font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.12em;max-width:none}

/* Carril horizontal (clases, tienda) */
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2.5rem)/3);gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem;scrollbar-width:thin;scrollbar-color:var(--gold) transparent}
.rail > *{scroll-snap-align:start;min-width:0}
@media (max-width:900px){.rail{grid-auto-columns:78%;margin-right:calc(-1 * var(--gr));padding-right:var(--gr)}}

.class{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:30rem;overflow:hidden;color:var(--bone);isolation:isolate}
.class img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s var(--ease)}
.class::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,10,9,0) 30%,rgba(11,10,9,.92) 85%)}
.class:hover img{transform:scale(1.06)}
.class div{display:flex;flex-direction:column;gap:.7rem;padding:1.6rem}
.class p{color:#d6cfc3;font-size:1rem}
.class .label{color:var(--gold)}
.who{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}
.who span{font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:.92rem;border:1px solid var(--line);border-radius:999px;padding:.45rem 1rem}

/* Horario por horas */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sched-scroll{overflow-x:auto;margin-right:calc(-1 * var(--gr));padding-right:var(--gr)}
.sched{min-width:46rem;display:flex;flex-direction:column;border-top:2px solid var(--ink)}
.sched-row{display:grid;grid-template-columns:6.5rem repeat(5,minmax(0,1fr));border-bottom:1px solid var(--paper-line)}
.sched-time{display:flex;flex-direction:column;justify-content:center;padding:.85rem .5rem .85rem 0;position:sticky;left:0;background:var(--paper);z-index:1}
.sched-time b{font-family:var(--f-display);font-weight:400;font-size:1.5rem;line-height:1;font-variant-numeric:tabular-nums}
.sched-time small{font-family:var(--f-label);font-weight:600;letter-spacing:.08em;color:var(--ink-mute);font-size:.8rem}
.sched-day{font-family:var(--f-display);text-transform:uppercase;font-size:1.4rem;padding:.9rem .75rem;letter-spacing:.02em}
.sched-cell{display:flex;flex-direction:column;justify-content:center;gap:.1rem;padding:.75rem;margin:.3rem .2rem;border-radius:.6rem;background:#e9e3d7;min-width:0}
.sched-cell b{font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:1.1rem;letter-spacing:.02em;line-height:1.05}
.sched-cell small{font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;color:var(--ink-mute);line-height:1.2}
.sched-cell.kids{background:var(--ink);color:var(--paper);align-items:flex-start}
.sched-cell.kids small{color:var(--gold)}
.sched-cell.off{background:transparent;color:var(--paper-line);align-items:flex-start}
.sched-break{padding:.8rem 0;border-bottom:1px solid var(--paper-line);font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:var(--ink-mute);text-align:center;background:repeating-linear-gradient(135deg,transparent 0 8px,rgba(13,12,11,.04) 8px 16px)}
.sched-day.today{color:var(--gold-deep)}
.sched-day.today::after{content:" · hoy";font-family:var(--f-label);font-weight:600;font-size:.75rem;letter-spacing:.12em}
.sched-cell.today{box-shadow:inset 0 0 0 1px var(--gold-deep)}
.sched-cell.now{background:var(--ink);color:var(--paper);box-shadow:0 0 0 2px var(--gold)}
.sched-cell.now small{color:var(--gold)}
.sched-now{display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1.25rem;padding:.6rem 1rem;border-radius:999px;background:var(--ink);color:var(--paper);font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:.9rem;max-width:none}
.sched-now::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(216,192,140,.7);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(216,192,140,0)}100%{box-shadow:0 0 0 0 rgba(216,192,140,0)}}
.sched-tabs{display:none}
@media (max-width:700px){
  .sched-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;margin-bottom:1rem}
  .sched-tabs button{font-family:var(--f-display);text-transform:uppercase;font-size:1.15rem;padding:.65rem 0;border-radius:.7rem;border:1px solid var(--paper-line);background:transparent;color:var(--ink);cursor:pointer}
  .sched-tabs button[aria-selected="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
  .sched-scroll{overflow:visible;margin-right:0;padding-right:0}
  .sched{min-width:0}
  .sched-head{display:none}
  .sched-row{grid-template-columns:5.5rem minmax(0,1fr)}
  .sched [data-day]{display:none}
  .sched[data-sel="1"] .sched-cell[data-day="1"],.sched[data-sel="2"] .sched-cell[data-day="2"],.sched[data-sel="3"] .sched-cell[data-day="3"],.sched[data-sel="4"] .sched-cell[data-day="4"],.sched[data-sel="5"] .sched-cell[data-day="5"]{display:flex}
  .sched-cell{margin:.35rem 0}
}
.sched-cell.closed-day{background:repeating-linear-gradient(135deg,transparent 0 6px,rgba(13,12,11,.06) 6px 12px);color:var(--ink-mute);box-shadow:none}
.sched-cell.closed-day b{text-decoration:line-through}
.sched-day .tag{font-family:var(--f-label);font-weight:600;font-size:.75rem;letter-spacing:.12em;color:#9b3b2e}
.sched-day.today .tag + *{display:none}
.sched-closed{margin-top:1.5rem;padding:1.1rem 1.25rem;border:1px solid var(--paper-line);border-radius:1rem;background:#ebe5d9}
.sched-closed ul{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-direction:column;gap:.35rem;color:var(--ink-mute)}
.sched-closed b{color:var(--ink)}
.sched-legend{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.sched-legend li{color:var(--ink-mute);font-size:.98rem}
.sched-legend b{display:block;font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--ink);font-size:.85rem}
@media (max-width:900px){.sched-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.sched-legend{grid-template-columns:1fr}}
.week-note{margin-top:1.75rem}

/* Infantil */
.kids{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,5rem);align-items:center}
.age{display:flex;flex-direction:column;gap:.4rem}
.age span{font-family:var(--f-display);font-size:clamp(7rem,22vw,15rem);line-height:.82;color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.age small{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1}
.age em{font-style:normal;font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--mute)}
.kids ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.kids li{font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--gold);color:var(--gold);border-radius:999px;padding:.4rem 1rem}
.kids-note{border-left:3px solid var(--gold);padding-left:1rem}
@media (max-width:820px){.kids{grid-template-columns:1fr}}

/* Valores: tarjetas que se apilan al hacer scroll */
.values{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.25rem}
.value{position:sticky;top:calc(6rem + env(safe-area-inset-top,0px));display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(1.25rem,4vw,3rem);align-items:center;padding:clamp(1.75rem,4vw,3rem);background:linear-gradient(160deg,#25211d,#171513 70%);border-radius:1.5rem;box-shadow:0 -1px 0 rgba(216,192,140,.25),0 30px 60px -30px rgba(0,0,0,.8);min-height:16rem}
.value:nth-child(2){top:calc(7rem + env(safe-area-inset-top,0px))}
.value:nth-child(3){top:calc(8rem + env(safe-area-inset-top,0px))}
.value:nth-child(4){top:calc(9rem + env(safe-area-inset-top,0px))}
.value-n{font-family:var(--f-display);font-size:clamp(4.5rem,12vw,9rem);line-height:.85;background:var(--gold-metal);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--gold)}
.value h3{font-size:clamp(2.4rem,6vw,4.2rem)}
.value-sub{font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--gold);margin:.3rem 0 .9rem}
.value p:not(.value-sub){color:var(--mute);font-size:1.08rem}
@media (max-width:560px){.value{grid-template-columns:1fr;gap:.5rem;min-height:0}}

/* Así empiezas */
.steps{list-style:none;margin:0 0 2rem;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;counter-reset:s}
.step{position:relative;display:flex;flex-direction:column;gap:.7rem;padding:1.8rem 1.6rem;border-top:1px solid rgba(216,192,140,.45)}
.step-n{font-family:var(--f-display);font-size:3.2rem;line-height:1;color:var(--gold)}
.step p{color:var(--mute)}
@media (max-width:820px){.steps{grid-template-columns:1fr}}

/* Trayectoria de Pablo */
.path{list-style:none;margin:0;padding:0 0 0 1.4rem;border-left:1px solid rgba(216,192,140,.45);display:flex;flex-direction:column;gap:1.5rem}
.path li{position:relative;color:var(--mute)}
.path li::before{content:"";position:absolute;left:calc(-1.4rem - 5px);top:.45rem;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px var(--ink)}
.path span{display:block;font-family:var(--f-display);text-transform:uppercase;font-size:1.35rem;color:var(--bone);letter-spacing:.02em}

/* Banda «Puro boxeo» */
.statement{position:relative;overflow:hidden;min-height:min(80svh,46rem);display:flex;align-items:flex-end;background:var(--ink)}
.statement-media{position:absolute;inset:0;overflow:hidden}
.statement-media img{width:100%;height:100%;object-fit:cover;object-position:60% 30%}
.statement-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,10,9,.15) 0%,rgba(11,10,9,.35) 50%,var(--ink) 100%)}
.statement-copy{position:relative;width:100%;padding-block:6rem 4rem;display:flex;flex-direction:column;gap:1rem}
.statement-big{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(4rem,14vw,11rem);line-height:.85;max-width:none}
.statement-big em{font-style:normal;background:var(--gold-metal);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--gold)}
.statement .lead{max-width:34rem}

/* Fachada */
.facade{margin:0 0 clamp(2.5rem,6vw,4rem)}
.facade img{width:100%;border-radius:1.25rem}
.facade figcaption{margin-top:.9rem;font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);font-size:.9rem}

/* Tarifas */
.prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.price{display:flex;flex-direction:column;gap:1rem;padding:2.2rem 1.8rem;background:var(--canvas);border-radius:1.25rem;transition:transform .35s var(--ease)}
.price:hover{transform:translateY(-6px)}
.price--main{background:linear-gradient(180deg,#2a2520,var(--canvas));color:var(--bone);box-shadow:inset 0 0 0 1px rgba(216,192,140,.55),0 20px 60px -30px rgba(216,192,140,.45)}
.price .amount{font-family:var(--f-display);font-size:clamp(4.5rem,8vw,6rem);line-height:.9}
.price--main .amount small{-webkit-text-fill-color:var(--gold)}
.price .amount small{font-size:.35em;color:var(--gold);margin-left:.15rem;vertical-align:.9em}
.price .amount--text{font-size:clamp(2.4rem,4vw,3rem);line-height:1;text-transform:uppercase}
.price .per{font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--gold)}
.price ul{margin:0;padding-left:1.1rem;color:var(--mute);display:flex;flex-direction:column;gap:.35rem}
.price .btn{margin-top:auto}
.price--main .btn{background:var(--gold-metal);background-size:200% 100%;color:var(--ink);border-color:transparent}
.price--main .btn:hover{background-position:100% 0;color:var(--ink)}
.price--main .amount{background:var(--gold-metal);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.price-note{margin-top:1.5rem;padding:1.1rem 1.4rem;border:1px dashed var(--gold);border-radius:1rem;max-width:none}
.price.price--main .per{color:var(--gold)}
.price.price--main ul{color:var(--mute)}
@media (max-width:1100px){.price{padding:1.8rem 1.3rem}}
@media (max-width:700px){.prices{grid-template-columns:1fr}}

/* Pablo: retrato fijo mientras pasa el texto */
.pablo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,5rem);align-items:start}
.pablo figure{margin:0;position:sticky;top:6rem}
.pablo figure img{width:100%;filter:grayscale(1) contrast(1.06);border-radius:1.25rem}
.pablo figure figcaption{margin-top:1rem;font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.9rem;color:var(--gold)}
.pablo .chapters{display:flex;flex-direction:column;gap:clamp(3rem,10vw,7rem);padding-block:2rem}
.fact span{display:block;font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.9rem;color:var(--mute);margin-bottom:.4rem}
.fact b{display:block;font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:clamp(2.6rem,6vw,4.4rem);line-height:.95}
.fact b em{font-style:normal;color:var(--gold)}
@media (max-width:820px){.pablo{grid-template-columns:1fr}.pablo figure{position:relative;top:0;max-width:28rem}}

/* Equipo y sala */
.team{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,5rem);align-items:center}
.frame{overflow:hidden;border-radius:1.25rem}
.frame img{width:100%;height:100%;object-fit:cover}
.gym{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:clamp(2.5rem,6vw,4rem)}
.gym .frame{aspect-ratio:3/4}
.gym .frame:nth-child(even){transform:translateY(2.5rem)}
@media (max-width:820px){.team{grid-template-columns:1fr}.gym{grid-template-columns:repeat(2,minmax(0,1fr))}.gym .frame:nth-child(even){transform:translateY(1.25rem)}}

/* Tienda */
.product{display:flex;flex-direction:column;gap:.7rem;text-decoration:none;color:var(--ink)}
.product .frame{aspect-ratio:1;background:#e7e1d6}
.product img{transition:transform .7s var(--ease)}
.product:hover img{transform:scale(1.07)}
.product span{font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.08em;line-height:1.25}
.product b{font-family:var(--f-display);font-weight:400;font-size:1.5rem}
.rail--shop{grid-auto-columns:calc((100% - 3.75rem)/4)}
@media (max-width:900px){.rail--shop{grid-auto-columns:62%}}
.shop-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem}

/* Preguntas */
.faq{display:flex;flex-direction:column;border-top:1px solid var(--line);max-width:56rem}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.4rem 0;font-family:var(--f-display);text-transform:uppercase;font-size:clamp(1.3rem,2.6vw,1.8rem);letter-spacing:.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold);font-size:1.6em;line-height:1;transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 1.5rem;color:var(--mute)}

/* Contacto */
.contact{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(2rem,6vw,5rem);align-items:end}
.contact dl{margin:0;display:flex;flex-direction:column;gap:1.4rem}
.contact dt{font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.85rem;color:var(--gold)}
.contact dd{margin:.25rem 0 0;font-size:1.2rem}
.contact dd a{color:var(--bone)}
.social{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}
@media (max-width:820px){.contact{grid-template-columns:1fr}}

/* Pie */
.site-footer{border-top:1px solid var(--line);padding-block:3rem calc(5.5rem + env(safe-area-inset-bottom,0px));color:var(--mute);font-size:.95rem}
.site-footer .big{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(2.8rem,11vw,9rem);line-height:.88;color:var(--bone);margin-bottom:2rem;max-width:none}
.site-footer .big span{color:var(--gold);background:var(--gold-metal);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.site-footer .row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.25rem}
.site-footer nav{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}
.site-footer a{color:var(--mute)}
.site-footer a:hover{color:var(--gold)}

/* WhatsApp flotante */
.wa-float{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:25;display:flex;align-items:center;gap:.5rem;background:var(--whatsapp);color:#fff;text-decoration:none;font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:.85rem 1.15rem;border-radius:999px;box-shadow:0 8px 28px rgba(0,0,0,.45);transition:transform .25s var(--ease)}
.wa-float:hover{color:#fff;transform:translateY(-3px)}
.wa-float svg{width:1.4rem;height:1.4rem}


/* App */
.app{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,6vw,5rem);align-items:center}
.app-features{list-style:none;margin:.5rem 0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--paper-line)}
.app-features li{display:flex;flex-direction:column;gap:.15rem;padding:1rem 0;border-bottom:1px solid var(--paper-line)}
.app-features b{font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:1.5rem;letter-spacing:.01em}
.app-features span{color:var(--ink-mute)}
.app-features .soon b{color:var(--gold-deep)}
.store{display:inline-flex;align-items:center;gap:.7rem;background:var(--ink);color:var(--paper);text-decoration:none;border-radius:.8rem;padding:.65rem 1.2rem .65rem 1rem;transition:transform .25s var(--ease)}
.store:hover{color:var(--paper);transform:translateY(-2px)}
.store svg{width:1.7rem;height:1.7rem;flex:none}
.store span{display:flex;flex-direction:column;font-family:var(--f-body);font-weight:600;font-size:1.2rem;line-height:1.1}
.store small{font-weight:400;font-size:.72rem;letter-spacing:.02em}
.clock{position:relative;display:grid;place-items:center;gap:1rem;justify-self:center;width:min(100%,24rem)}
.clock svg{grid-area:1/1;width:100%;height:auto;transform:rotate(-90deg);pointer-events:none}
.clock-track{fill:var(--ink);stroke:var(--paper-line);stroke-width:6}
.clock-bar{fill:none;stroke:var(--gold);stroke-width:6;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear,stroke .3s}
.clock.is-rest .clock-bar{stroke:var(--mute)}
.clock-face{grid-area:1/1;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--paper)}
.clock-phase{font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font-size:.95rem}
.clock.is-rest .clock-phase{color:var(--mute)}
.clock-time{font-family:var(--f-display);font-size:clamp(4.5rem,14vw,6.5rem);line-height:1;font-variant-numeric:tabular-nums}
.clock.is-last .clock-time{color:var(--gold)}
.clock-btn{padding:.6rem 1.4rem;font-size:.9rem}
.clock-note{color:var(--ink-mute);font-size:.95rem;text-align:center;max-width:22rem}
@media (max-width:820px){.app{grid-template-columns:1fr}}


/* Bonos de mensualidad y clases personales */
.plans{margin-top:clamp(3rem,7vw,5rem)}
.plans-head{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem}
.plans-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.plan{display:flex;flex-direction:column;gap:.2rem;padding:1.5rem 1.25rem 1.5rem 0;border-bottom:1px solid var(--line)}
.plan + .plan{padding-left:1.25rem;border-left:1px solid var(--line)}
.plan-n{font-family:var(--f-display);font-size:clamp(3.5rem,7vw,5rem);line-height:.9;font-variant-numeric:tabular-nums}
.plan-u{font-family:var(--f-display);text-transform:uppercase;font-size:1.5rem;line-height:1;color:var(--mute)}
.plan b{font-family:var(--f-display);font-weight:400;font-size:2.2rem;color:var(--gold);margin-top:.8rem;font-variant-numeric:tabular-nums}
.plan small{color:var(--mute);font-size:.95rem}
.plan--gold .plan-n,.plan--gold .plan-u{color:var(--gold)}
@media (max-width:820px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan:nth-child(3){padding-left:0;border-left:0}}
.personal{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem);align-items:center;margin-top:clamp(3rem,7vw,5rem);padding:clamp(1.5rem,4vw,3rem);background:var(--canvas);border-radius:1.25rem}
.personal-single{font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--mute)}
.personal-single b{font-family:var(--f-display);font-weight:400;font-size:3rem;letter-spacing:0;color:var(--bone);margin-right:.4rem;vertical-align:-.1em}
.bonos{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
.bonos caption{text-align:left;margin-bottom:1rem}
.bonos th,.bonos td{padding:1rem .75rem;border-bottom:1px solid var(--line);text-align:left}
.bonos thead th{font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:.85rem;color:var(--mute)}
.bonos tbody th{font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:1.5rem}
.bonos td{font-family:var(--f-display);font-size:2rem;color:var(--gold)}
@media (max-width:820px){.personal{grid-template-columns:1fr}}

/* ---------- Movimiento ---------- */
@media (prefers-reduced-motion:no-preference){
  /* Entrada de la portada al cargar */
  .hero-media img{animation:kenburns 14s var(--ease) both}
  .hero-copy > *{animation:rise 1s var(--ease) both}
  .hero-copy > *:nth-child(2){animation-delay:.12s}
  .hero-copy > *:nth-child(3){animation-delay:.24s}
  .hero-copy > *:nth-child(4){animation-delay:.36s}
  .ticker-track{animation:ticker 32s linear infinite}
  .ticker:hover .ticker-track{animation-play-state:paused}

  /* Animaciones ligadas al scroll (Chrome, Edge, Safari reciente). Sin soporte, todo se ve estático. */
  @supports (animation-timeline: view()){
    .reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
    .parallax img{animation:drift linear both;animation-timeline:view();animation-range:cover}
    .manifesto .w{color:#3d3832;animation:lit linear both;animation-timeline:view();animation-range:entry 100% cover 42%}
    .manifesto .g{color:#4a4335;animation:litgold linear both;animation-timeline:view();animation-range:entry 100% cover 42%}
    .film video{animation:filmzoom linear both;animation-timeline:view();animation-range:entry 0% cover 50%}
    .fact b{animation:rise linear both;animation-timeline:view();animation-range:entry 10% cover 40%}
  }
}
@keyframes kenburns{from{transform:scale(1.14)}to{transform:scale(1)}}
@keyframes rise{from{opacity:0;transform:translateY(42px)}to{opacity:1;transform:none}}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes drift{from{transform:translateY(-7%) scale(1.16)}to{transform:translateY(7%) scale(1.16)}}
@keyframes lit{to{color:var(--bone)}}
@keyframes litgold{to{color:var(--gold)}}
@keyframes filmzoom{from{transform:scale(.88);border-radius:2rem}to{transform:scale(1);border-radius:0}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Páginas legales */
.legal-page .site-header{position:sticky;background:rgba(11,10,9,.92);border-bottom-color:var(--line)}
.legal{padding-block:3rem 4rem}
.legal .wrap{max-width:48rem}
.legal h1{font-size:clamp(2.6rem,7vw,4rem);margin:.4rem 0}
.legal h2{font-size:1.6rem;margin:2.4rem 0 .8rem;color:var(--gold)}
.legal p+p{margin-top:.8rem}
.legal ul{padding-left:1.2rem;display:flex;flex-direction:column;gap:.4rem}
.legal table{border-collapse:collapse;width:100%}
.legal td,.legal th{border:1px solid var(--line);padding:.6rem .75rem;text-align:left;vertical-align:top}
.legal th{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.08em;color:var(--mute);font-weight:600}
.table-scroll{overflow-x:auto}

/* ---------- Páginas de captación ---------- */
.sub-page .site-header{position:sticky}
.nav--sub{display:flex!important;position:static!important;flex-direction:row!important;align-items:center!important;gap:1.2rem!important;padding:0!important;background:none!important;border:0!important;overflow:visible!important}
.nav--sub a{padding:0!important;border:0!important;font-family:var(--f-label)!important;font-size:.92rem!important}
.nav--sub .btn{padding:.6rem 1.1rem!important;margin:0!important;border:2px solid transparent!important}
@media (max-width:560px){.nav--sub a:not(.btn){display:none}}
.page-hero{position:relative;overflow:hidden;min-height:min(78svh,44rem);display:flex;align-items:flex-end;background:var(--ink)}
.page-hero-media{position:absolute;inset:0}
.page-hero-media img{width:100%;height:100%;object-fit:cover;object-position:60% 30%}
.page-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,10,9,.35) 0%,rgba(11,10,9,.35) 40%,var(--ink) 100%),linear-gradient(90deg,rgba(11,10,9,.8) 0%,rgba(11,10,9,0) 65%)}
.page-hero-copy{position:relative;width:100%;padding-block:6rem clamp(3rem,7vw,5rem);display:flex;flex-direction:column;gap:1.1rem}
.page-hero h1{font-size:clamp(2.8rem,8vw,6rem);line-height:.92;max-width:16ch}
.page-hero .lead{max-width:38rem}
.crumbs{font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:var(--mute)}
.crumbs a{color:var(--mute)}
.split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,6vw,5rem);align-items:center}
.split--flip .split-media{order:-1}
.split-media img{width:100%;aspect-ratio:4/5;object-fit:cover}
@media (max-width:820px){.split{grid-template-columns:1fr}.split--flip .split-media{order:0}.split-media img{aspect-ratio:4/3}}
.narrow{max-width:52rem}
.ticks{list-style:none;margin:.25rem 0;padding:0;display:flex;flex-direction:column;gap:.7rem}
.ticks li{position:relative;padding-left:1.6rem;color:var(--bone)}
.ticks li::before{content:"";position:absolute;left:0;top:.5em;width:.7rem;height:.35rem;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
.closing{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:clamp(2rem,6vw,5rem);align-items:end}
.closing h2 em{font-style:normal;color:var(--gold);background:var(--gold-metal);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.more-pages{display:flex;flex-direction:column;gap:.7rem}
.more-pages a{font-family:var(--f-display);text-transform:uppercase;font-size:1.4rem;color:var(--bone);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:.5rem}
.more-pages a:hover{color:var(--gold)}
@media (max-width:820px){.closing{grid-template-columns:1fr}}

.who a{font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:.92rem;border:1px solid var(--gold);color:var(--gold);border-radius:999px;padding:.45rem 1rem;text-decoration:none}
.who a:hover{background:var(--gold);color:var(--ink)}
.foot-pages{margin-top:1.25rem;gap:.5rem 1.25rem}
.bonos.times td{font-family:var(--f-body);font-size:1rem;color:var(--bone)}
.bonos.times tbody th{font-size:1.25rem;font-variant-numeric:tabular-nums}

/* Ajustes tablet */
.sched-cell b{font-size:clamp(.9rem,1.25vw,1.1rem);overflow-wrap:anywhere;hyphens:auto}
.sched-cell.kids{flex-direction:column;justify-content:center}
@media (min-width:701px) and (max-width:1180px){
  .sched{min-width:0}
  .sched-row{grid-template-columns:5.25rem repeat(5,minmax(0,1fr))}
  .sched-cell{padding:.6rem .5rem;margin:.25rem .15rem}
  .sched-cell small{font-size:.66rem;letter-spacing:.04em}
  .sched-day{font-size:1.2rem;padding:.8rem .5rem}
  .price .amount{font-size:clamp(3.6rem,7vw,5rem)}
}
@media (min-width:701px) and (max-width:900px){
  .plans-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .plan:nth-child(3){padding-left:1.25rem;border-left:1px solid var(--line)}
  .plan small{font-size:.85rem}
}
@media (max-width:700px){.film-bar .wrap{padding-bottom:5rem}}