/* @fonts-start · Fuentes propias (sin depender de Google): familia Barlow (Barlow Condensed para cartel y titulares, Barlow para texto y etiquetas), licencia SIL OFL */
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/barlow-condensed-500.woff") format("woff")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/barlow-condensed-600.woff") format("woff")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/barlow-condensed-700.woff") format("woff")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:800;font-display:swap;src:url("fonts/barlow-condensed-800.woff") format("woff")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:900;font-display:swap;src:url("fonts/barlow-condensed-900.woff") format("woff")}
@font-face{font-family:"Barlow Condensed";font-style:italic;font-weight:700;font-display:swap;src:url("fonts/barlow-condensed-700i.woff") format("woff")}
@font-face{font-family:"Barlow Condensed";font-style:italic;font-weight:800;font-display:swap;src:url("fonts/barlow-condensed-800i.woff") format("woff")}
@font-face{font-family:"Barlow Condensed";font-style:italic;font-weight:900;font-display:swap;src:url("fonts/barlow-condensed-900i.woff") format("woff")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/barlow-500.woff") format("woff")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/barlow-600.woff") format("woff")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/barlow-700.woff") format("woff")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:800;font-display:swap;src:url("fonts/barlow-800.woff") format("woff")}
@font-face{font-family:"Barlow";font-style:italic;font-weight:500;font-display:swap;src:url("fonts/barlow-500i.woff") format("woff")}
@font-face{font-family:"Barlow";font-style:italic;font-weight:600;font-display:swap;src:url("fonts/barlow-600i.woff") format("woff")}
@font-face{font-family:"Barlow";font-style:italic;font-weight:700;font-display:swap;src:url("fonts/barlow-700i.woff") format("woff")}
/* @fonts-end */

:root{
  /* Manual de identidad 2.0. Lona (claro) es la base: 70 %. Noche (negro ring) solo para el golpe: héroes, resultados, cara a cara y cierres (30 %).
     El Corte: -24° (skewX), siempre hacia delante. Degradados a 114°. Barlow Condensed (cartel y titulares) + Barlow (texto, tablas, formularios y etiquetas). */
  --ink:#F5F5F5;--canvas:#FFFFFF;--canvas-2:#ECECEA;--rope:#DCDCD6;--rope-strong:#BDBDB6;--hdr:#FFFFFF;
  --chalk:#242422;--soft:#45453F;--smoke:#66665F;--loser:#6E6E67;--placeholder:#707069;--outline:rgba(36,36,34,.1);
  --accent:#FF3333;--accent-deep:#E0162B;--accent-ui:#FF3333;--accent-text:#C81E1E;--accent-ink:#FFFFFF;--accent-soft:rgba(255,51,51,.1);
  --blue-ui:#3D8BFF;--res-w:#2EB872;--res-l:#FF3333;--res-d:#A3A39C;--focus:#1A5FC4;
  --belt:#8A5F05;--belt-soft:rgba(227,169,43,.12);--belt-line:rgba(227,169,43,.6);--belt-ink:#121211;
  --blue:#1A5FC4;--blue-soft:rgba(61,139,255,.1);--red-soft:rgba(255,51,51,.1);
  --win:#0F7A42;--win-soft:rgba(46,184,114,.12);--win-line:rgba(15,122,66,.45);
  --loss:#C81E1E;--loss-soft:rgba(255,51,51,.09);--loss-line:rgba(200,30,30,.4);
  --draw:#66665F;--draw-soft:rgba(102,102,95,.12);--shadow:rgba(36,36,34,.16);--grain:0;
  --sk:-24deg;--jab:cubic-bezier(.2,.8,.2,1);
  --golpe:linear-gradient(114deg,#FF3333 0%,#E0162B 100%);
  --impacto:linear-gradient(114deg,#FF3333 0%,#B8001F 100%);
  --cinturon:linear-gradient(114deg,#E3A92B 0%,#FFD76B 50%,#E3A92B 100%);
  --esquina-azul:linear-gradient(114deg,#3D8BFF 0%,#1747C9 100%);
  --luz:radial-gradient(ellipse at 40% 0%,#FFFFFF 0%,#ECECEA 70%);
  --card-sh:0 10px 26px rgba(36,36,34,.10);--card-sh-h:0 16px 34px rgba(36,36,34,.16);
  --f-display:"Barlow Condensed","Arial Narrow",sans-serif;
  --f-poster:"Barlow Condensed","Arial Narrow",Impact,sans-serif;
  --f-body:"Barlow","Segoe UI",Roboto,system-ui,sans-serif;
  --f-data:"Barlow","Segoe UI",Roboto,sans-serif;
  color-scheme:light;
}
/* Noche: negro ring con foco cenital, texto hueso */
.dark-band{--accent-text:#FF5F5F;--focus:#FFD23F;--placeholder:#8A8A83;--ink:#121211;--canvas:#1C1C1A;--canvas-2:#2E2E2B;--rope:#3A3A36;--rope-strong:#55554F;--chalk:#F5F5F5;--soft:#D4D4CF;--smoke:#A3A39C;--loser:#8F8F88;--outline:rgba(245,245,245,.12);
  --belt:#E3A92B;--belt-soft:rgba(227,169,43,.14);--belt-line:rgba(227,169,43,.5);--blue:#3D8BFF;--blue-soft:rgba(61,139,255,.2);--red-soft:rgba(255,51,51,.22);
  --win:#2EB872;--win-soft:rgba(46,184,114,.16);--win-line:rgba(46,184,114,.5);--loss:#FF5F5F;--loss-soft:rgba(255,77,77,.16);--draw:#A3A39C;--draw-soft:rgba(163,163,156,.16);--accent-soft:rgba(255,51,51,.16);
  --luz:radial-gradient(ellipse at 20% 0%,#3A3A36 0%,#121211 70%);--card-sh:none;--card-sh-h:none;
  background:var(--luz);color:var(--chalk);color-scheme:dark}
.lg-d{display:none!important}
.dark-band .lg-l{display:none!important}.dark-band .lg-d,.lg-d.keep{display:inline-block!important}

*{box-sizing:border-box}
html,body{background:var(--ink)}
body{color:var(--chalk);font-family:var(--f-body);font-weight:500;font-size:15.5px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--ink)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
img{max-width:100%}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wrap{max-width:1240px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.sm{color:var(--smoke);font-size:.88em}
.up{color:var(--win)}.dn{color:var(--loss)}
p{margin:0}
.eyebrow{font-family:var(--f-data);font-stretch:92%;font-weight:700;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke)}
.ttl{display:flex;align-items:center;gap:14px;font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:clamp(22px,2.9vw,34px);line-height:1.05;margin:6px 0 0;text-wrap:balance}
.ttl::before{content:"";flex:none;width:.4em;height:.92em;background:var(--accent-ui);transform:skewX(var(--sk))}
.sec{padding-block:64px 0}
.sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:22px}
.lead{max-width:62ch;color:var(--soft);font-size:17px}
.note{font-size:14px;color:var(--smoke);max-width:70ch}
.empty{color:var(--smoke);padding:16px 0}

/* Piezas comunes */
.btn{--cut:17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--f-data);font-stretch:90%;text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:14px;padding:12px 22px;border:0;background:var(--canvas-2);color:var(--chalk);cursor:pointer;white-space:nowrap;clip-path:polygon(var(--cut) 0,100% 0,calc(100% - var(--cut)) 100%,0 100%);transition:background .15s,transform .15s}
.btn:hover{background:var(--rope-strong)}
.btn.primary{background:var(--accent-ui);color:var(--accent-ink)}
.btn.primary:hover{background:var(--accent-deep)}
.btn.ghost{background:transparent;box-shadow:inset 0 0 0 1px var(--rope-strong);clip-path:none}
.btn.ghost:hover{box-shadow:inset 0 0 0 1px var(--chalk);background:transparent}
.btn.danger{background:var(--loss-soft);color:var(--loss)}
.btn.danger[data-armed="1"]{background:var(--loss);color:var(--accent-ink)}
.lnk{background:none;border:0;padding:0;color:var(--smoke);cursor:pointer;font-family:var(--f-data);font-stretch:90%;text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:12.5px}
.lnk:hover{color:var(--chalk)}
.lnk[data-armed="1"]{color:var(--loss)}
.seg{display:inline-flex;gap:3px;flex-wrap:wrap}
.seg button{--cut:14px;background:var(--canvas-2);border:0;padding:8px 15px;font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke);cursor:pointer;clip-path:polygon(var(--cut) 0,100% 0,calc(100% - var(--cut)) 100%,0 100%)}
.seg button.on{background:var(--chalk);color:var(--ink)}
.seg button:hover:not(.on){color:var(--chalk)}
.chip{display:inline-flex;align-items:center;font-family:var(--f-data);font-stretch:90%;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;background:var(--canvas-2);color:var(--smoke);white-space:nowrap;line-height:1.5;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%)}
.chip.gold{color:var(--belt-ink);background:var(--belt)}
.chip.red{color:var(--accent-ink);background:var(--accent-ui)}
.dlabel{display:inline-flex;align-self:flex-start;align-items:center;background:var(--chalk);color:var(--ink);font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:3px 12px;clip-path:polygon(11px 0,100% 0,calc(100% - 11px) 100%,0 100%);white-space:nowrap}
.ctry{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:12.5px;letter-spacing:.05em;color:var(--soft)}
.flag{display:inline-flex;width:21px;height:14px;transform:skewX(var(--sk));overflow:hidden;box-shadow:0 0 0 1px var(--rope);flex:none}
.flag.h{flex-direction:column}
.flag i{flex:1}
.res{display:inline-grid;place-items:center;min-width:26px;height:22px;padding:0 5px;font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:12.5px;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%)}
.res-G{background:var(--res-w);color:#121211}.res-P{background:var(--res-l);color:#FFFFFF}.res-E{background:var(--res-d);color:#121211}.res-SD{background:var(--canvas-2);color:var(--smoke)}
.mv{font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:12.5px}
.mv.up{color:var(--win)}.mv.dn{color:var(--loss)}.mv.eq{color:var(--placeholder)}.mv.new{color:var(--belt);text-transform:uppercase;font-size:11.5px;letter-spacing:.06em}
.av{position:relative;display:inline-grid;place-items:center;width:46px;height:46px;flex:none;background:linear-gradient(150deg,var(--rope-strong),var(--canvas-2));clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);overflow:hidden}
.av b{position:relative;font:900 italic 18px/1 var(--f-poster);font-stretch:85%;color:var(--chalk);letter-spacing:-.02em;margin-bottom:3px}
.av-f{position:absolute;left:0;right:0;bottom:0;height:5px;display:flex}
.av-f i{flex:1}
.av.lg{width:62px;height:62px}.av.lg b{font-size:24px}
.av.xl{width:132px;height:132px}.av.xl b{font-size:54px;margin-bottom:8px}.av.xl .av-f{height:10px}
.spark{display:block;overflow:visible}
.outline{color:transparent;-webkit-text-stroke:1.5px var(--outline)}

/* Cabecera */
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:var(--hdr);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);border-bottom:1px solid var(--rope)}
.top-row{display:flex;align-items:center;gap:18px;padding-block:11px}
.logo{display:flex;align-items:center;flex:none}
.logo img{height:36px;width:auto}
.tabs{display:flex;gap:2px;scrollbar-width:none;order:3;width:100%;margin:0 -4px;border-top:1px solid var(--rope);padding-top:8px}
.tabs::-webkit-scrollbar{display:none}
.tabs .ti{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:6px;padding:9px 14px;font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke);white-space:nowrap;transition:color .15s}
.tabs .ti::before{content:"";position:absolute;inset:2px 0;z-index:-1;background:var(--accent-ui);transform:skewX(var(--sk)) scaleX(0);transform-origin:left;transition:transform .22s var(--jab)}
.tabs .ti.on{color:var(--accent-ink)}
.tabs .ti.on::before{transform:skewX(var(--sk)) scaleX(1)}
.tabs .ti:hover:not(.on){color:var(--chalk)}
.tabs .ti.am.on::before{background:var(--blue-ui)}
.nav-dd{position:relative}
.nav-dd .ti svg{transition:transform .2s}
.dd{position:absolute;top:100%;left:0;z-index:60;min-width:230px;background:var(--canvas);border:1px solid var(--rope);border-top:3px solid var(--accent);box-shadow:0 18px 40px var(--shadow);padding:6px;display:none}
.nav-dd.am .dd{border-top-color:var(--blue)}
.nav-dd:hover .dd,.nav-dd:focus-within .dd{display:grid}
.nav-dd:hover .ti svg{transform:rotate(180deg)}
.dd a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.dd a:hover,.dd a:focus{background:var(--canvas-2);color:var(--chalk)}
.dd a span{font-size:12px;color:var(--smoke);letter-spacing:.06em}
.hdr-r{margin-left:auto;display:flex;gap:10px;align-items:center;min-width:0}
.search{position:relative;width:230px;min-width:0}
.search input{width:100%;background:var(--canvas);border:1px solid var(--rope);color:var(--chalk);padding:9px 12px 9px 34px;font:inherit;font-size:14px;border-radius:2px}
.search input::placeholder{color:var(--placeholder)}
.search input:focus{border-color:var(--accent);outline:none}
.search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--smoke)}
.gr{position:absolute;right:0;left:0;top:calc(100% + 6px);background:var(--canvas);border:1px solid var(--rope);box-shadow:0 18px 40px var(--shadow);z-index:50;max-height:60vh;overflow:auto;min-width:260px}
.gr a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--rope)}
.gr a:hover,.gr a:focus{background:var(--canvas-2)}
.gr .av{width:34px;height:34px}.gr .av b{font-size:13px}
.gr-t{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.gr-empty{padding:12px;color:var(--smoke)}
.lang .seg{flex-wrap:nowrap}.lang .seg button{padding:7px 11px;font-size:12px}
.top-row{flex-wrap:wrap;row-gap:8px}
@media(max-width:1060px){.tabs{overflow-x:auto}.dd{display:none!important}.nav-dd .ti svg{display:none}}
@media(max-width:700px){header.top{position:relative;top:0}.search{width:auto;flex:1}.hdr-r{width:100%;order:2}.logo img{height:28px}.top-row{column-gap:12px}}

/* Cintillo de resultados */
.ticker{display:flex;align-items:stretch;overflow:hidden;border-bottom:1px solid var(--rope)}
.tk-label{flex:none;position:relative;z-index:2;display:flex;align-items:center;gap:8px;background:var(--accent-ui);color:var(--accent-ink);font-family:var(--f-data);font-stretch:90%;font-weight:700;font-style:italic;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:9px 26px 9px max(16px,env(safe-area-inset-left,0px));clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%)}
.tk-label i{width:7px;height:7px;border-radius:50%;background:var(--accent-ink);animation:blink 1.4s infinite}
@keyframes blink{50%{opacity:.25}}
.tk-win{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.tk-track{display:flex;width:max-content;animation:tick 95s linear infinite}
.ticker:hover .tk-track{animation-play-state:paused}
.tk{display:flex;align-items:center;gap:9px;padding:9px 22px;white-space:nowrap;font-size:13.5px;color:var(--soft);border-right:1px solid var(--rope)}
.tk b{font-family:var(--f-data);font-stretch:90%;font-weight:700;font-style:italic;color:var(--accent-text);letter-spacing:.05em}
.tk strong{color:var(--chalk);font-weight:600}
.tk i{color:var(--smoke);font-style:normal}
.tk em{font-style:normal;font-family:var(--f-data);font-stretch:90%;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke)}
@keyframes tick{to{transform:translateX(-50%)}}

/* Cartel de portada */
.poster{position:relative;overflow:hidden;isolation:isolate}
.poster::before{content:"";position:absolute;inset:0;z-index:-3;background:
  radial-gradient(55% 75% at 12% 35%,rgba(255,51,51,.30),transparent 62%),
  radial-gradient(55% 75% at 88% 35%,rgba(61,139,255,.24),transparent 62%),
  radial-gradient(40% 55% at 50% -5%,rgba(255,255,255,.10),transparent 70%)}
.poster::after{content:"";position:absolute;left:0;right:0;bottom:84px;height:1px;z-index:-1;background:repeating-linear-gradient(90deg,rgba(245,245,245,.18) 0 18px,transparent 18px 26px)}
.slash{position:absolute;z-index:-2;top:-30%;bottom:-30%;left:50%;width:clamp(80px,10vw,150px);background:linear-gradient(180deg,#FF3333 0%,#C21B1B 100%);transform:translateX(-50%) skewX(-14deg);box-shadow:0 0 90px rgba(255,51,51,.45);animation:slashIn .75s var(--jab) both}
@keyframes slashIn{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
.ghostword{position:absolute;z-index:-2;left:50%;top:46%;transform:translate(-50%,-50%);font:900 italic clamp(120px,22vw,340px)/.8 var(--f-poster);font-stretch:62%;text-transform:uppercase;color:transparent;-webkit-text-stroke:1.5px var(--outline);white-space:nowrap;pointer-events:none;letter-spacing:-.02em}
.poster-in{padding-block:30px 34px}
.p-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:14px}
.p-evname{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(17px,2vw,24px);line-height:1.1;margin-top:6px}
.p-tags{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.p-fight{display:grid;grid-template-columns:minmax(0,1fr) clamp(130px,14vw,210px) minmax(0,1fr);align-items:center;gap:14px;margin-top:30px}
.p-side{display:flex;flex-direction:column;gap:12px;min-width:0}
.p-side.a{animation:inL .85s var(--jab) .1s both}
.p-side.b{align-items:flex-end;text-align:right;animation:inR .85s var(--jab) .1s both}
@keyframes inL{from{transform:translateX(-60px)}to{transform:none}}
@keyframes inR{from{transform:translateX(60px)}to{transform:none}}
.p-corner{display:flex;align-items:center;gap:9px;font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke)}
.p-side.b .p-corner{flex-direction:row-reverse}
.p-corner i{width:12px;height:12px;background:var(--accent-ui);transform:skewX(var(--sk))}
.p-side.b .p-corner i{background:var(--blue)}
.wtag{background:var(--belt);color:var(--belt-ink);padding:1px 8px;font-weight:900;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%)}
.p-name{display:block}
.p-name .fn{display:block;font:800 italic clamp(15px,1.6vw,21px)/1 var(--f-poster);font-stretch:95%;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);margin-bottom:4px}
.p-name .ln{display:block;font:900 italic clamp(44px,6.6vw,104px)/.84 var(--f-poster);font-stretch:68%;text-transform:uppercase;letter-spacing:-.01em;overflow-wrap:anywhere;text-wrap:balance}
.p-side:not(.won) .ln{color:transparent;-webkit-text-stroke:1.6px var(--soft)}
.p-name:hover .ln{color:var(--accent-text);-webkit-text-stroke-color:var(--accent)}
.p-nick{font:600 italic 16px var(--f-body);color:var(--accent-text)}
.p-side.b .p-nick{color:var(--blue)}
.p-meta{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:16px}
.p-side.b .p-meta{justify-content:flex-end}
.p-idx{display:flex;align-items:baseline;gap:10px;font-variant-numeric:tabular-nums}
.p-side.b .p-idx{flex-direction:row-reverse}
.p-idx b{font:900 italic clamp(34px,3.8vw,52px)/1 var(--f-poster);font-stretch:82%}
.p-idx .d{font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:18px}
.p-idx small{font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke)}
.p-mid{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.vs{font:900 italic clamp(58px,7.4vw,116px)/.9 var(--f-poster);font-stretch:78%;color:#fff;text-shadow:0 8px 34px rgba(0,0,0,.55);letter-spacing:-.03em}
.stamp{background:#F5F5F5;color:#111110;padding:9px 16px 8px;font:900 italic 19px/1.05 var(--f-poster);font-stretch:85%;text-transform:uppercase;clip-path:polygon(15px 0,100% 0,calc(100% - 15px) 100%,0 100%);transform:rotate(-4deg);animation:stamp .55s cubic-bezier(.3,1.7,.5,1) .55s both;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.stamp small{display:block;font:700 12px/1.4 var(--f-data);font-stretch:90%;letter-spacing:.08em;margin-top:3px;font-style:normal}
@keyframes stamp{from{transform:scale(1.9) rotate(-4deg)}to{transform:scale(1) rotate(-4deg)}}
.p-foot{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.p-stats{border-top:1px solid var(--rope);background:rgba(0,0,0,.25)}
.p-stats-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.p-stats-in div{padding:16px 0 16px 18px;display:flex;flex-direction:column;border-left:1px solid var(--rope)}
.p-stats-in div:first-child{border-left:0;padding-left:0}
.p-stats-in b{font:900 italic clamp(26px,3vw,40px)/1 var(--f-poster);font-stretch:82%;font-variant-numeric:tabular-nums}
.p-stats-in span{font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke);margin-top:4px}
@media(max-width:820px){
  .p-fight{grid-template-columns:1fr;gap:6px}
  .slash{display:none}
  .p-mid{flex-direction:row;justify-content:flex-start;padding:16px 0;margin-block:6px;border-block:1px solid var(--rope);gap:18px}
  .vs{font-size:56px;color:var(--accent-text);text-shadow:none}
  .p-side.b{align-items:flex-start;text-align:left}
  .p-side.b .p-corner,.p-side.b .p-idx{flex-direction:row}
  .p-side.b .p-meta{justify-content:flex-start}
  .poster::after{display:none}
  .p-stats-in{grid-template-columns:repeat(2,1fr)}
  .p-stats-in div:nth-child(3){border-left:0;padding-left:0}
  .p-stats-in div:nth-child(n+3){border-top:1px solid var(--rope)}
}
@media(prefers-reduced-motion:reduce){.slash,.p-side.a,.p-side.b,.stamp,.tk-track,.tk-label i{animation:none!important}.tk-win{overflow-x:auto}}

/* Tarjetas de cartelera */
.fcards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,86%);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}
@media(min-width:700px){.fcards{grid-auto-columns:minmax(320px,1fr)}}
@media(min-width:1060px){.fcards{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}}
.fcard{position:relative;overflow:hidden;isolation:isolate;scroll-snap-align:start;padding:20px;display:flex;flex-direction:column;gap:16px;min-width:0}
.fcard::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 50% at 0% 40%,rgba(255,51,51,.24),transparent 70%),radial-gradient(70% 50% at 100% 70%,rgba(61,139,255,.2),transparent 70%)}
.fc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.fc-date{display:flex;align-items:center;gap:10px}
.fc-date b{font:900 italic 56px/.85 var(--f-poster);font-stretch:80%}
.fc-date span{font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:13px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke)}
.cd{font-family:var(--f-data);font-stretch:90%;font-weight:700;font-style:italic;color:var(--accent-text);letter-spacing:.05em;text-transform:uppercase;font-size:13px}
.fc-ev{font-family:var(--f-display);text-transform:uppercase;font-size:15px;line-height:1.2}
.fc-ev span{display:block;font-family:var(--f-body);text-transform:none;font-size:13.5px;color:var(--smoke);margin-top:3px}
.fc-vs{display:grid;gap:4px}
.fc-n{display:block;padding-left:14px;position:relative}
.fc-n::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:5px;background:var(--accent-ui);transform:skewX(var(--sk))}
.fc-n.b::before{background:var(--blue)}
.fc-n .fn{display:block;font:800 italic 12.5px/1 var(--f-poster);letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}
.fc-n .ln{display:block;font:900 italic 34px/.9 var(--f-poster);font-stretch:70%;text-transform:uppercase;overflow-wrap:anywhere}
.fc-n:hover .ln{color:var(--accent-text)}
.fc-n .m{display:flex;gap:8px;align-items:center;margin-top:5px;font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:13px;color:var(--soft)}
.fc-x{font:900 italic 18px/1 var(--f-poster);color:var(--smoke);padding-left:14px}
.pbar{display:flex;height:26px;overflow:hidden;font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:13px;clip-path:polygon(11px 0,100% 0,calc(100% - 11px) 100%,0 100%)}
.pbar span{display:flex;align-items:center;padding:0 12px;white-space:nowrap;min-width:0;overflow:hidden;color:#fff}
.pbar .pa{background:linear-gradient(90deg,#B5161B,#E52424)}
.pbar .pb{background:linear-gradient(90deg,#2F74E0,#1F5FC0);justify-content:flex-end;flex:1}
.pbar.sm{height:20px;font-size:12px}
.fc-und{display:grid;gap:0;border-top:1px solid var(--rope);margin-top:auto}
.fc-u{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--rope);font-size:13.5px}
.fc-u i{color:var(--smoke);font-style:normal;font-size:12px}
.fc-u b{font-weight:600}

/* Campeones */
.champs{display:flex;flex-wrap:wrap;gap:12px}
.champs .champ{flex:1 1 250px}
.champ{position:relative;overflow:hidden;isolation:isolate;text-align:left;background:var(--canvas);border:1px solid var(--rope);padding:16px 16px 14px;min-height:210px;display:flex;flex-direction:column;gap:7px;cursor:pointer;transition:transform .2s var(--jab),border-color .2s;min-width:0}
.champ:hover{transform:translateY(-4px);border-color:var(--accent)}
.champ .wt{position:absolute;z-index:-1;right:-6px;top:-22px;font:900 italic 128px/1 var(--f-poster);font-stretch:66%;color:transparent;-webkit-text-stroke:1.5px var(--outline);pointer-events:none;letter-spacing:-.03em;transition:-webkit-text-stroke-color .2s}
.champ:hover .wt{-webkit-text-stroke-color:var(--accent)}
.champ .lim{font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:12.5px;color:var(--smoke)}
.champ .nm{font:900 italic 28px/.92 var(--f-poster);font-stretch:70%;text-transform:uppercase;margin-top:auto;overflow-wrap:anywhere}
.champ .mt{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:14px}
.champ .ft{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:10px;border-top:1px solid var(--rope);margin-top:4px}
.champ .ix{font:900 italic 22px/1 var(--f-poster);font-stretch:85%;font-variant-numeric:tabular-nums}
.champ .ix small{font-family:var(--f-data);font-size:12px;font-style:normal;letter-spacing:.08em;color:var(--smoke);margin-left:5px;font-weight:700}
.champ .one{font:900 italic 18px var(--f-poster);color:var(--belt)}
.champ .no{color:var(--smoke);font-size:14px;margin-top:auto}

/* Listas en columnas */
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:36px 40px}
.col .ttl{font-size:clamp(18px,1.9vw,23px);margin-bottom:12px}
.li{display:grid;grid-template-columns:44px 40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--rope)}
.li .av{width:40px;height:40px}.li .av b{font-size:15px}
.li:hover .li-n{color:var(--accent-text)}
.li-p{font:900 italic 34px/1 var(--f-poster);font-stretch:72%;color:transparent;-webkit-text-stroke:1.3px var(--rope-strong);font-variant-numeric:tabular-nums;text-align:center}
.li:first-child .li-p{-webkit-text-stroke-color:var(--belt)}
.li-n{display:block;font-weight:700;line-height:1.2;overflow-wrap:anywhere;transition:color .15s}
.li-m{font-size:12.5px;color:var(--smoke);display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:3px}
.li-v{font:900 italic 20px/1 var(--f-poster);font-stretch:85%;text-align:right;font-variant-numeric:tabular-nums}
.rr{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--rope)}
.rr:hover strong{color:var(--accent-text)}
.rr-d{font-family:var(--f-data);font-stretch:90%;font-weight:700;color:var(--smoke);font-size:12px;letter-spacing:.05em;text-transform:uppercase;width:46px}
.rr-t{font-size:14px;line-height:1.35}
.rr strong{font-weight:700;transition:color .15s}
.amgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.amc{display:flex;gap:12px;align-items:center;padding:12px;background:var(--canvas);border:1px solid var(--rope);min-width:0;transition:border-color .15s}
.amc:hover{border-color:var(--accent)}
.amc .k{font:900 italic 26px/1 var(--f-poster);font-stretch:70%;color:var(--belt);min-width:58px}
.amc .t{min-width:0}
.amc .t b{display:block;font-weight:700;line-height:1.2;overflow-wrap:anywhere}

/* Rankings */
.dhero{position:relative;overflow:hidden;isolation:isolate;padding-block:36px 26px}
.dhero .ghostword{top:56%;left:0;transform:translateY(-50%);-webkit-text-stroke:1.5px var(--outline);font-size:clamp(110px,19vw,300px)}
.dh-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px}
.dh-title{font:900 italic clamp(38px,7vw,98px)/.86 var(--f-poster);font-stretch:68%;text-transform:uppercase;margin:8px 0 0;text-wrap:balance;overflow-wrap:anywhere;min-width:0;max-width:100%}
.dh-lim{display:flex;align-items:baseline;gap:10px;font-variant-numeric:tabular-nums}
.dh-lim b{font:900 italic clamp(40px,5vw,68px)/.9 var(--f-poster);font-stretch:80%;color:var(--accent-text)}
.dh-lim span{font-family:var(--f-data);font-stretch:90%;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke);font-size:13px}
.filters{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:20px}
.chk{display:inline-flex;align-items:center;gap:8px;color:var(--smoke);cursor:pointer;font-size:14px}
.chk input{accent-color:var(--accent);width:16px;height:16px}
.divbar{display:flex;gap:4px;overflow-x:auto;padding:4px 0 10px;margin-bottom:24px;scrollbar-width:thin}
.divbar :is(button,a){--cut:17px;flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:1px;background:var(--canvas);border:0;padding:9px 18px 8px;cursor:pointer;clip-path:polygon(var(--cut) 0,100% 0,calc(100% - var(--cut)) 100%,0 100%);color:var(--smoke);transition:background .15s,color .15s}
.divbar :is(button,a) b{font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:13.5px;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.divbar :is(button,a) span{font-family:var(--f-data);font-stretch:90%;font-weight:600;font-size:12px}
.divbar :is(button,a):hover{color:var(--chalk);background:var(--canvas-2)}
.divbar :is(button,a).on{background:var(--accent-ui);color:var(--accent-ink)}
.divbar :is(button,a).p4p b{color:var(--belt)}
.divbar :is(button,a).p4p.on{background:var(--belt)}
.divbar :is(button,a).p4p.on b,.divbar :is(button,a).p4p.on span{color:var(--belt-ink)}
.belts-line{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:14px;color:var(--smoke);margin-bottom:20px;align-items:center}
.belts-line a{color:var(--chalk);font-weight:700}
.belts-line a:hover{color:var(--accent-text)}
.podium{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:12px;margin-bottom:14px}
.pod{position:relative;overflow:hidden;isolation:isolate;background:var(--canvas);border:1px solid var(--rope);padding:20px;display:flex;flex-direction:column;gap:10px;min-height:270px;min-width:0;transition:transform .2s var(--jab),border-color .2s}
.pod:hover{transform:translateY(-4px);border-color:var(--accent)}
.pod .big{position:absolute;z-index:-1;right:-10px;bottom:-46px;font:900 italic 250px/1 var(--f-poster);font-stretch:66%;color:transparent;-webkit-text-stroke:2px var(--outline);pointer-events:none}
.pod.p1{border-color:var(--belt-line);background:linear-gradient(155deg,var(--belt-soft),var(--canvas) 60%)}
.pod.p1 .big{-webkit-text-stroke-color:var(--belt-line)}
.pod-top{display:flex;align-items:center;gap:12px}
.pod-name{font:900 italic clamp(28px,3vw,42px)/.88 var(--f-poster);font-stretch:68%;text-transform:uppercase;margin-top:auto;overflow-wrap:anywhere}
.pod-nick{font:600 italic 14px var(--f-body);color:var(--accent-text)}
.pod-meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:14.5px}
.pod-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;padding-top:10px;border-top:1px solid var(--rope)}
.pod-idx b{display:block;font:900 italic 40px/1 var(--f-poster);font-stretch:82%;font-variant-numeric:tabular-nums}
.pod-idx span{font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke)}
.pod.p1 .pod-idx b{color:var(--belt)}
@media(max-width:900px){.podium{grid-template-columns:1fr 1fr}.pod.p1{grid-column:1/-1}}
@media(max-width:560px){.podium{grid-template-columns:1fr}.pod{min-height:0}.pod .big{font-size:180px;bottom:-34px}}
.rlist{border-top:1px solid var(--rope)}
.rrow,.rhd{display:grid;grid-template-columns:70px 46px minmax(0,1fr) 250px 104px 100px;gap:14px;align-items:center;padding:11px 12px;border-bottom:1px solid var(--rope);position:relative}
.rhd{padding-block:9px;font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke)}
.rhd .r{text-align:right}
.rrow::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent-ui);transform:scaleY(0);transition:transform .18s}
.rrow:hover{background:var(--canvas)}
.rrow:hover::before{transform:scaleY(1)}
.rrow.inact{opacity:.7}
.rpos{display:flex;align-items:center;gap:8px}
.rnum{font:900 italic 44px/1 var(--f-poster);font-stretch:70%;color:transparent;-webkit-text-stroke:1.3px var(--rope-strong);font-variant-numeric:tabular-nums;min-width:38px;transition:-webkit-text-stroke-color .15s}
.rrow:hover .rnum{-webkit-text-stroke-color:var(--accent)}
.rname{font:900 italic 21px/1.05 var(--f-poster);font-stretch:78%;text-transform:uppercase;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.rnick{font:600 italic 13.5px var(--f-body);text-transform:none;color:var(--accent-text)}
.rmeta{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;margin-top:5px;font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:14px}
.rlast{font-size:13.5px;line-height:1.4;min-width:0}
.rlast .x{font-family:var(--f-data);font-stretch:90%;font-weight:700}
.rpts{text-align:right;font-variant-numeric:tabular-nums}
.rpts b{display:block;font:900 italic 25px/1 var(--f-poster);font-stretch:82%}
.rpts span{font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke)}
.rlast-mob{display:none}
@media(max-width:900px){
  .rrow,.rhd{grid-template-columns:52px minmax(0,1fr) auto}
  .rhd .c-av,.rhd .c-last,.rhd .c-sp,.rrow .av,.rrow .rlast,.rrow .rspark{display:none}
  .rlast-mob{display:block;font-size:12.5px;color:var(--smoke);margin-top:4px}
  .rpos{flex-direction:column;align-items:flex-start;gap:2px}
  .rnum{font-size:36px}
  .rname{font-size:18px}
}
.subh{margin-top:36px}

/* Boxeadores */
.bfilters{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
@media(max-width:720px){.bfilters{grid-template-columns:1fr 1fr}.bfilters .fld:first-child{grid-column:1/-1}}
.count{font-size:14px;color:var(--smoke);margin-bottom:14px}
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.bcard{position:relative;overflow:hidden;isolation:isolate;background:var(--canvas);border:1px solid var(--rope);padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0;transition:transform .2s var(--jab),border-color .2s}
.bcard:hover{transform:translateY(-3px);border-color:var(--accent)}
.bcard .pos{position:absolute;z-index:-1;right:-4px;top:-16px;font:900 italic 96px/1 var(--f-poster);font-stretch:66%;color:transparent;-webkit-text-stroke:1.4px var(--outline)}
.bc-top{display:flex;gap:12px;align-items:center}
.bc-n{font:900 italic 21px/.95 var(--f-poster);font-stretch:74%;text-transform:uppercase;overflow-wrap:anywhere}
.bc-k{font:600 italic 13px var(--f-body);color:var(--accent-text);margin-top:3px;min-height:1.2em}
.bc-m{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:13.5px}
.bc-f{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;border-top:1px solid var(--rope)}
.bc-f b{font:900 italic 22px/1 var(--f-poster);font-stretch:82%;font-variant-numeric:tabular-nums}

/* Perfil */
.phero{position:relative;overflow:hidden;isolation:isolate}
.phero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(60% 90% at 10% 30%,rgba(255,51,51,.28),transparent 65%),radial-gradient(50% 70% at 100% 100%,rgba(227,169,43,.10),transparent 70%)}
.phero .echo{position:absolute;z-index:-1;right:-1%;bottom:-6%;font:900 italic clamp(120px,21vw,330px)/.78 var(--f-poster);font-stretch:62%;text-transform:uppercase;color:transparent;-webkit-text-stroke:1.5px var(--outline);white-space:nowrap;pointer-events:none}
.back{display:inline-flex;gap:8px;align-items:center;font-family:var(--f-data);font-stretch:90%;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12.5px;color:var(--smoke)}
.back:hover{color:var(--chalk)}
.ph-in{padding-block:22px 34px}
.ph-grid{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:26px;align-items:end;margin-top:22px}
.ph-name .fn{display:block;font:800 italic clamp(16px,1.8vw,24px)/1 var(--f-poster);letter-spacing:.08em;text-transform:uppercase;color:var(--soft);margin-bottom:6px}
.ph-name .ln{display:block;font:900 italic clamp(50px,7.6vw,118px)/.84 var(--f-poster);font-stretch:66%;text-transform:uppercase;overflow-wrap:anywhere;text-wrap:balance}
.ph-nick{font:600 italic 19px var(--f-body);color:var(--accent-text);margin-top:10px}
.ph-tags{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:14px;font-size:14px;color:var(--soft)}
.ph-idx{text-align:right}
.ph-idx b{display:block;font:900 italic clamp(56px,7vw,100px)/.85 var(--f-poster);font-stretch:80%;color:var(--belt);font-variant-numeric:tabular-nums}
.ph-idx span{font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke)}
.ph-rank{display:inline-flex;align-items:center;gap:8px;margin-top:10px;background:var(--accent-ui);color:var(--accent-ink);padding:5px 14px;font:900 italic 16px var(--f-poster);text-transform:uppercase;clip-path:polygon(11px 0,100% 0,calc(100% - 11px) 100%,0 100%)}
@media(max-width:820px){.ph-grid{grid-template-columns:auto minmax(0,1fr);gap:16px}.ph-idx{grid-column:1/-1;text-align:left}.av.xl{width:84px;height:84px}.av.xl b{font-size:34px;margin-bottom:6px}.av.xl .av-f{height:7px}}
@media(max-width:560px){.ph-grid{grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}.ph-grid>.av.xl{width:72px;height:72px}.prof-actions .btn{flex:1 1 auto;justify-content:center}}
.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--rope)}
.stat{padding:18px 16px 18px 0;display:flex;flex-direction:column;gap:4px;min-width:0}
.stat+.stat{padding-left:16px;border-left:1px solid var(--rope)}
.stat b{font:900 italic 30px/1.05 var(--f-poster);font-stretch:82%;font-variant-numeric:tabular-nums}
.stat .sm{font-size:12.5px}
@media(max-width:820px){.stats{grid-template-columns:1fr 1fr}.stat:nth-child(odd){padding-left:0;border-left:0}.stat:nth-child(n+3){border-top:1px solid var(--rope)}.stat:last-child{grid-column:1/-1}}
.last5{display:flex;gap:3px;align-items:center;margin-top:3px}
.recbar{display:flex;height:12px;gap:2px;margin-top:20px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.recbar span{min-width:0}
.recbar .w{background:var(--win)}.recbar .ko{background:#1E8C55}.recbar .l{background:var(--loss)}.recbar .dr{background:var(--draw)}
.reclg{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12.5px;color:var(--smoke);margin-top:8px}
.reclg i{display:inline-block;width:10px;height:10px;margin-right:6px;transform:skewX(var(--sk));vertical-align:-1px}
.nextf{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;margin-top:26px;padding:16px 20px;font-size:15px}
.nextf::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(255,51,51,.28),transparent 60%)}
.nextf b{font-weight:700}
.chart{margin-top:10px;min-height:260px}
.chart svg{display:block;max-width:100%}
.legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12.5px;color:var(--smoke);margin-top:8px}
.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}
.tbl{position:relative;overflow-x:auto;border-top:1px solid var(--rope)}
table{width:100%;border-collapse:collapse;min-width:820px;font-size:14px}
th{text-align:left;font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke);padding:10px;border-bottom:1px solid var(--rope);white-space:nowrap}
td{padding:11px 10px;border-bottom:1px solid var(--rope);vertical-align:middle}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
td.num b{font:900 italic 17px var(--f-poster);font-stretch:85%}
td a:hover{color:var(--accent-text)}
td .sm{white-space:nowrap}
tr:hover td{background:var(--canvas)}
.mth{font-family:var(--f-data);font-stretch:90%;font-weight:700}

/* Funciones */
.evrow{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 10px;border-bottom:1px solid var(--rope);transition:background .15s}
.evrow:hover{background:var(--canvas)}
.evrow:hover .evname{color:var(--accent-text)}
.evd{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--canvas-2);padding:8px 4px;clip-path:polygon(15px 0,100% 0,calc(100% - 15px) 100%,0 100%)}
.evd b{font:900 italic 28px/1 var(--f-poster);font-stretch:80%}
.evd span{font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke)}
.evname{font-family:var(--f-display);text-transform:uppercase;font-size:16px;line-height:1.2;transition:color .15s}
.evsub{font-size:13.5px;color:var(--smoke);margin-top:3px}
.evmain{font-size:13.5px;margin-top:5px;color:var(--soft);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.month{font-family:var(--f-data);font-stretch:90%;font-weight:700;font-style:italic;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);font-size:13px;padding:28px 10px 10px;border-bottom:2px solid var(--rope)}
.more{display:flex;justify-content:center;padding:26px 0}
.ehero{position:relative;overflow:hidden;isolation:isolate}
.ehero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(60% 90% at 50% 0%,rgba(255,51,51,.22),transparent 70%)}
.ehero .ghostword{top:62%}
.eh-in{padding-block:22px 34px}
.eh-title{font:900 italic clamp(38px,6vw,84px)/.88 var(--f-poster);font-stretch:68%;text-transform:uppercase;margin:12px 0 0;text-wrap:balance}
.vsrow{display:grid;grid-template-columns:minmax(0,1fr) 200px minmax(0,1fr);gap:16px;align-items:center;padding:20px 10px;border-bottom:1px solid var(--rope)}
.vsrow:first-child{background:linear-gradient(90deg,var(--red-soft),transparent 30%,transparent 70%,var(--blue-soft))}
.vs-s{display:flex;flex-direction:column;gap:5px;min-width:0}
.vs-s.b{text-align:right;align-items:flex-end}
.vs-s .nm{font:900 italic clamp(22px,2.6vw,34px)/.92 var(--f-poster);font-stretch:70%;text-transform:uppercase;overflow-wrap:anywhere}
.vs-s:not(.won) .nm{color:transparent;-webkit-text-stroke:1.2px var(--soft)}
.vs-s .nm:hover{color:var(--accent-text);-webkit-text-stroke-color:var(--accent)}
.vs-s .mt{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:13.5px}
.vs-s.b .mt{justify-content:flex-end}
.vs-m{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.vs-m .rt{font:900 italic 18px/1.1 var(--f-poster);text-transform:uppercase;color:var(--accent-text)}
@media(max-width:720px){.vsrow{grid-template-columns:1fr}.vs-s.b{text-align:left;align-items:flex-start}.vs-s.b .mt{justify-content:flex-start}.vs-m{flex-direction:row;flex-wrap:wrap;align-items:center;text-align:left}}

/* Índice FR */
.mhero{position:relative;overflow:hidden;isolation:isolate}
.mhero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(50% 80% at 85% 20%,rgba(255,51,51,.25),transparent 70%)}
.mh-in{padding-block:46px 46px}
.mh-title{display:flex;align-items:center;gap:16px;font-family:var(--f-display);text-transform:uppercase;font-size:clamp(34px,5vw,64px);line-height:1;margin:10px 0 0}
.mh-title img{height:.9em;width:auto}
.formula{font:900 italic clamp(30px,5.4vw,82px)/1 var(--f-poster);font-stretch:78%;margin-top:30px;letter-spacing:-.01em;overflow-wrap:anywhere}
.formula span{color:var(--accent-text)}
.formula-sub{font-family:var(--f-data);font-stretch:92%;font-weight:700;font-size:15px;color:var(--soft);margin-top:14px;letter-spacing:.02em}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.step{position:relative;overflow:hidden;isolation:isolate;background:var(--canvas);border:1px solid var(--rope);padding:20px 20px 22px;min-height:220px;display:flex;flex-direction:column;justify-content:flex-end}
.step .n{position:absolute;z-index:-1;right:-6px;top:-28px;font:900 italic 170px/1 var(--f-poster);font-stretch:66%;color:transparent;-webkit-text-stroke:1.6px var(--accent);opacity:.55}
.step h3{font-family:var(--f-display);text-transform:uppercase;font-size:18px;margin:0 0 8px}
.step p{color:var(--soft);font-size:14.5px}
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--rope);background:var(--canvas)}
.calc-in{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}
.calc-in .wide{grid-column:1/-1}
.calc-out{padding:20px;border-left:1px solid var(--rope);display:flex;flex-direction:column;gap:16px;justify-content:center}
@media(max-width:780px){.calc{grid-template-columns:1fr}.calc-out{border-left:0;border-top:1px solid var(--rope)}}
.deltas{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dbox{padding:12px 14px;background:var(--canvas-2);clip-path:polygon(15px 0,100% 0,calc(100% - 15px) 100%,0 100%)}
.dbox b{display:block;font:900 italic 40px/1.05 var(--f-poster);font-stretch:80%;font-variant-numeric:tabular-nums}
.mtable{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px 36px}
.kv{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--rope);font-size:14.5px}
.kv b{font:900 italic 18px var(--f-poster);font-stretch:85%;font-variant-numeric:tabular-nums}
.kv .c{font-family:var(--f-data);font-stretch:90%;font-weight:700;color:var(--accent-text);margin-right:10px}

/* Formularios y panel */
.in{background:var(--ink);border:1px solid var(--rope);color:var(--chalk);border-radius:2px;padding:10px 11px;font:inherit;font-size:15px;width:100%;min-width:0}
.in::placeholder{color:var(--placeholder)}
.in:focus{border-color:var(--accent);outline:none}
.in.okv{border-color:var(--win-line)}
.fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.fld>span{font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke);display:flex;align-items:center;gap:7px}
.fld>span i{width:10px;height:10px;display:inline-block;transform:skewX(var(--sk))}
.fld.red>span i{background:var(--accent-ui)}.fld.blue>span i{background:var(--blue)}
.fld small{color:var(--smoke);font-size:12.5px;min-height:1.3em}
.fld small b{color:var(--chalk);font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:4px}
.chipbtn{--cut:11px;background:var(--canvas-2);border:0;padding:7px 11px;font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:13px;letter-spacing:.05em;color:var(--smoke);cursor:pointer;clip-path:polygon(var(--cut) 0,100% 0,calc(100% - var(--cut)) 100%,0 100%)}
.chipbtn.on{background:var(--chalk);color:var(--ink)}
.chipbtn:hover:not(.on){color:var(--chalk)}
.ahero{padding-block:34px 0}
.adm-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px}
.who{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--smoke)}
.who select{width:auto}
.proto{font-size:13.5px;color:var(--smoke);margin:10px 0 20px;max-width:84ch}
.subtabs{display:flex;gap:4px;overflow-x:auto;margin-bottom:24px;scrollbar-width:none;border-bottom:1px solid var(--rope);padding-bottom:10px}
.subtabs :is(button,a){--cut:15px;background:var(--canvas);border:0;padding:10px 16px;font-family:var(--f-data);font-stretch:90%;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:var(--smoke);cursor:pointer;white-space:nowrap;clip-path:polygon(var(--cut) 0,100% 0,calc(100% - var(--cut)) 100%,0 100%)}
.subtabs :is(button,a).on{background:var(--accent-ui);color:var(--accent-ink)}
.evform{display:grid;grid-template-columns:minmax(0,2fr) 160px minmax(0,1fr) 170px;gap:12px;margin-bottom:16px}
@media(max-width:780px){.evform{grid-template-columns:1fr 1fr}.evform .fld:first-child{grid-column:1/-1}}
.cap-fight{border:1px solid var(--rope);background:var(--canvas);padding:16px 18px;margin-bottom:12px;display:grid;gap:16px;position:relative}
.cap-fight::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--accent) 50%,var(--blue) 50%)}
.cf-head{display:flex;justify-content:space-between;align-items:center}
.cf-corners{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cf-opts{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:flex-start}
.cf-opts .fld.nar{width:120px}.cf-opts .fld.mid2{width:170px}
@media(max-width:640px){.cf-corners{grid-template-columns:1fr}}
.cf-prev{border-top:1px dashed var(--rope);padding-top:12px;display:grid;gap:8px;font-size:14px}
.cf-prev .row{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
.cf-prev b{font:900 italic 18px var(--f-poster);font-stretch:85%}
.warn{color:var(--belt);font-family:var(--f-data);font-stretch:90%;font-weight:700;letter-spacing:.03em}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.alert{border-left:4px solid var(--loss);background:var(--loss-soft);padding:11px 14px;margin-bottom:14px}
.okbox{border-left:4px solid var(--win);background:var(--win-soft);padding:16px 18px;margin-bottom:20px;display:grid;gap:10px}
.okbox .hd{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}
.mvrow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;font-size:14px;padding:6px 0;border-top:1px solid var(--win-line);align-items:center}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.wgroup{margin-bottom:28px}
.wgroup .ttl{font-size:17px;margin-bottom:12px}
.wgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.locked{border:1px dashed var(--rope-strong);padding:20px;color:var(--smoke)}
.admins .li,.wprev .li{grid-template-columns:minmax(0,1fr) auto auto}
.log .li{grid-template-columns:120px minmax(0,1fr) auto}
@media(max-width:600px){.log .li{grid-template-columns:1fr}}


/* Ilustraciones de boxeadores */
.fig{display:block;height:100%;width:auto;overflow:visible}
.p-figs{position:absolute;z-index:-1;left:0;right:0;bottom:88px;height:clamp(300px,34vw,480px);pointer-events:none}
.p-figs .fig{position:absolute;bottom:0;height:100%;animation:figIn 1s var(--jab) .2s both}
.p-figs .fa{right:calc(50% + 4px)}.p-figs .fb{left:calc(50% + 4px)}
@keyframes figIn{from{translate:0 40px}to{translate:0 0}}
@media(max-width:820px){.p-figs{display:none}}
.ph-fig{position:absolute;z-index:-1;bottom:0;right:max(170px,calc((100% - 1240px)/2 + 230px));height:96%;pointer-events:none}
@media(max-width:820px){.ph-fig{right:-24px;height:62%;opacity:.4}}
.pod .pfig{position:absolute;z-index:-1;right:4%;top:14px;height:60%;pointer-events:none}
.pod.p1 .pfig{height:72%;right:8%}
@media(prefers-reduced-motion:reduce){.p-figs .fig{animation:none}}

/* Carteles de función */
.flyer{position:relative;overflow:hidden;isolation:isolate;aspect-ratio:4/5;width:100%;container-type:inline-size;background:#0C0C0B;color:#F5F5F5;display:block}
.flyer::before{content:"";position:absolute;inset:0;z-index:-4;background:radial-gradient(55% 45% at 22% 48%,rgba(255,51,51,.5),transparent 70%),radial-gradient(55% 45% at 78% 48%,rgba(61,139,255,.45),transparent 70%),linear-gradient(180deg,#0C0C0B,#161614 62%,#0C0C0B)}
.flyer::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(12,12,11,.92) 82%)}
.fl-band{position:absolute;z-index:-3;top:-10%;bottom:-10%;left:50%;width:15cqw;background:linear-gradient(#FF3333,#C21B1B);transform:translateX(-50%) skewX(-14deg);box-shadow:0 0 10cqw rgba(255,51,51,.4)}
.fl-ghost{position:absolute;z-index:-3;top:16%;left:50%;transform:translateX(-50%);font:900 italic 40cqw/.8 var(--f-poster);font-stretch:62%;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(245,245,245,.09);white-space:nowrap}
.fl-figs{position:absolute;z-index:-2;left:0;right:0;top:19%;height:58%}
.fl-figs .fig{position:absolute;bottom:0;height:100%}
.fl-figs .fa{right:46%}.fl-figs .fb{left:46%}
.fl-top{position:absolute;top:5cqw;left:6cqw;right:6cqw;display:flex;justify-content:space-between;align-items:flex-start;gap:3cqw}
.fl-date b{display:block;font:900 italic 15cqw/.8 var(--f-poster);font-stretch:76%}
.fl-date span{display:block;font:700 max(11px,3.5cqw)/1.2 var(--f-data);font-stretch:90%;letter-spacing:.08em;text-transform:uppercase;margin-top:1cqw}
.fl-org{text-align:right;font:700 max(11px,3.3cqw)/1.4 var(--f-data);font-stretch:90%;letter-spacing:.08em;text-transform:uppercase}
.fl-org b{display:inline-block;background:#E3A92B;color:#1A1405;padding:.5cqw 2cqw;margin-bottom:1cqw;clip-path:polygon(1cqw 0,100% 0,calc(100% - 1cqw) 100%,0 100%)}
.fl-res{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%) rotate(-6deg);background:#F5F5F5;color:#111110;font:900 italic 5cqw/1 var(--f-poster);font-stretch:85%;text-transform:uppercase;padding:1.6cqw 4cqw;white-space:nowrap;box-shadow:0 2cqw 5cqw rgba(0,0,0,.5);clip-path:polygon(1.5cqw 0,100% 0,calc(100% - 1.5cqw) 100%,0 100%)}
.fl-names{position:absolute;left:5cqw;right:5cqw;bottom:14cqw;display:grid;gap:.6cqw}
.fl-n{font:900 italic 11.5cqw/.86 var(--f-poster);font-stretch:64%;text-transform:uppercase;text-shadow:0 1cqw 4cqw rgba(0,0,0,.7);overflow-wrap:anywhere}
.fl-n.b{text-align:right}
.fl-n small{display:block;font:700 max(11px,3.2cqw)/1 var(--f-data);font-stretch:90%;font-style:normal;letter-spacing:.08em;color:#FF5C5C;margin-bottom:1cqw;text-shadow:none}
.fl-n.b small{color:#6AA6FF}
.fl-vs{font:900 italic 6.5cqw/1 var(--f-poster);text-align:center;color:#FF3333}
.fl-foot{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:3cqw;padding:2.8cqw 6cqw;background:#F5F5F5;color:#111110;font:700 max(11px,3.1cqw)/1.25 var(--f-data);font-stretch:90%;letter-spacing:.08em;text-transform:uppercase}
.fl-foot img{height:5.2cqw;width:auto;flex:none}
.fl-foot span{min-width:0}
.fc-fl{display:block;margin:-20px -20px 0}
.fc-fl:hover .fl-band{filter:brightness(1.15)}
.fc-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.eh-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,340px);gap:34px;align-items:end;margin-top:6px}
.eh-fl{box-shadow:0 30px 60px rgba(0,0,0,.5)}
@media(max-width:820px){.eh-grid{grid-template-columns:1fr}.eh-fl{max-width:380px}}
.uprow{display:grid;grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr);gap:16px;align-items:center;padding:18px 10px;border-bottom:1px solid var(--rope)}
.uprow .pbar{grid-column:1/-1}
@media(max-width:720px){.uprow{grid-template-columns:1fr}}

/* Contacto */
.chero{position:relative;overflow:hidden;isolation:isolate}
.chero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(55% 90% at 85% 40%,rgba(255,51,51,.32),transparent 70%)}
.chero .ghostword{top:60%}
.ch-in{padding-block:54px 52px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end}
.ch-title{font:900 italic clamp(54px,9vw,140px)/.84 var(--f-poster);font-stretch:64%;text-transform:uppercase;margin:12px 0 20px;max-width:11ch;overflow-wrap:anywhere}
.ch-title span{color:var(--accent-text)}
.ch-fig{height:clamp(200px,26vw,340px)}
@media(max-width:820px){.ch-in{grid-template-columns:1fr}.ch-fig{display:none}}
.reasons{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-bottom:36px}
.reason{position:relative;text-align:left;background:var(--canvas);border:1px solid var(--rope);padding:22px 20px 20px;display:flex;flex-direction:column;gap:10px;cursor:pointer;min-height:180px;transition:transform .2s var(--jab),border-color .2s}
.reason::before{content:"";width:34px;height:7px;background:var(--accent-ui);transform:skewX(var(--sk))}
.reason:hover{transform:translateY(-3px);border-color:var(--accent)}
.reason.on{border-color:var(--accent);background:linear-gradient(160deg,var(--accent-soft),var(--canvas) 70%)}
.reason h3{font-family:var(--f-display);text-transform:uppercase;font-size:16px;line-height:1.2;margin:auto 0 0}
.reason p{color:var(--soft);font-size:14px}
.reason .go{font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text)}
.cgrid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:14px;align-items:start}
@media(max-width:880px){.cgrid{grid-template-columns:1fr}}
.cform{background:var(--canvas);border:1px solid var(--rope);padding:26px;display:grid;gap:16px}
.cform .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.cform .row2{grid-template-columns:1fr}}
textarea.in{min-height:160px;resize:vertical;font-family:inherit}
.cinfo{position:relative;overflow:hidden;isolation:isolate;padding:26px;display:flex;flex-direction:column;gap:22px}
.cinfo::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(80% 60% at 100% 0%,rgba(255,51,51,.25),transparent 70%)}
.ci-v{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font:900 italic 22px/1.1 var(--f-poster);font-stretch:85%;overflow-wrap:anywhere;margin-top:6px;user-select:all}
.soc{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.soc span{display:inline-flex;gap:6px;align-items:center;background:var(--canvas-2);padding:6px 12px;font-size:13.5px;font-weight:600;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.soc b{font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:12px;letter-spacing:.08em;color:var(--accent-text)}
.msgs .msg{border:1px solid var(--rope);background:var(--canvas);padding:16px 18px;margin-bottom:10px;display:grid;gap:6px}
.msgs .msg p{white-space:pre-wrap;color:var(--soft);font-size:14.5px}
.fid{font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:12px;letter-spacing:.05em;color:var(--smoke)}
.login{min-height:70vh;display:grid;place-items:center;padding-block:50px;position:relative;overflow:hidden;isolation:isolate}
.login::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 70% at 50% 30%,rgba(255,51,51,.25),transparent 70%)}
.lbox{width:min(440px,100%);background:var(--canvas);border:1px solid var(--rope);padding:30px 28px;display:grid;gap:16px}
.lbox .mk img{height:48px;width:auto}
.lbox h1{font:900 italic 40px/.9 var(--f-poster);font-stretch:70%;text-transform:uppercase;margin:4px 0 0}
.demo{border-top:1px dashed var(--rope);padding-top:14px;display:grid;gap:6px;font-size:13px;color:var(--smoke)}
.demo button{all:unset;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:7px 10px;background:var(--canvas-2);color:var(--chalk)}
.demo button:hover{outline:1px solid var(--accent)}
.demo button span{overflow-wrap:anywhere}
.me{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13.5px;color:var(--smoke)}
.me b{color:var(--chalk)}
.adm-card{border:1px solid var(--rope);background:var(--canvas);padding:16px 18px;display:grid;gap:12px;margin-bottom:10px}
.adm-card.gen{border-color:var(--belt-line);background:linear-gradient(150deg,var(--belt-soft),var(--canvas) 60%)}
.adm-hd{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.adm-hd b{font:900 italic 20px/1 var(--f-poster);font-stretch:80%;text-transform:uppercase}
.perms{display:flex;flex-wrap:wrap;gap:6px 18px}
.perms label{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;cursor:pointer}
.perms input{accent-color:var(--accent);width:16px;height:16px}
.code{font:900 italic 30px/1 var(--f-poster);font-stretch:85%;letter-spacing:.12em;color:var(--chalk);user-select:all}
/* Frase oficial */
.motto{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 30px;padding-bottom:26px;margin-bottom:6px;border-bottom:1px solid var(--rope)}
.motto h1{font:900 italic clamp(50px,8.6vw,138px)/.82 var(--f-poster);font-stretch:64%;text-transform:uppercase;margin:0;letter-spacing:-.01em;animation:mottoIn .9s var(--jab) both}
.motto h1 span{color:var(--accent-text);display:inline-block}
.motto p{max-width:38ch;color:var(--soft);font-size:16px}
@keyframes mottoIn{from{transform:translateY(24px)}to{transform:none}}
@media(prefers-reduced-motion:reduce){.motto h1{animation:none}}
/* Patrocinadores */
.spons{padding-block:34px 36px;overflow:hidden;border-block:1px solid var(--rope)}
.sp-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.sp-win{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.sp-track{display:flex;width:max-content;animation:tick var(--sp-dur,40s) linear infinite}
.spons:hover .sp-track{animation-play-state:paused}
.sp{flex:none;display:grid;place-items:center;width:220px;height:92px;margin-right:18px;background:rgba(245,245,245,.04);border:1px solid var(--rope);color:var(--soft);transition:color .2s,border-color .2s,background .2s}
.sp:hover{color:var(--chalk);border-color:var(--accent);background:rgba(255,51,51,.08)}
.sp svg{width:176px;height:54px}
.sp img{max-width:170px;max-height:58px;object-fit:contain;filter:grayscale(1) brightness(1.6) contrast(.9);opacity:.85;transition:filter .2s,opacity .2s}
.sp:hover img{filter:none;opacity:1}
@media(prefers-reduced-motion:reduce){.sp-track{animation:none}.sp-win{overflow-x:auto}}
.splist .li{grid-template-columns:200px minmax(0,1fr) auto}
.splist .sp{width:190px;height:72px;margin:0}
.splist .sp svg{width:150px;height:46px}
/* Ramas */
.branch-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;background:var(--accent-ui);color:var(--accent-ink);clip-path:polygon(11px 0,100% 0,calc(100% - 11px) 100%,0 100%)}
.branch-tag.am{background:var(--blue-ui)}
.gtabs{display:flex;gap:4px;margin-top:22px}
.gtabs a{--cut:20px;padding:12px 26px;background:var(--canvas-2);font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke);clip-path:polygon(var(--cut) 0,100% 0,calc(100% - var(--cut)) 100%,0 100%)}
.gtabs a.on{background:var(--chalk);color:var(--ink)}
.gtabs a:hover:not(.on){color:var(--chalk)}
.dhero.am .dh-lim b{color:var(--blue)}
.am-note{border-left:4px solid var(--blue);background:var(--blue-soft);padding:12px 16px;font-size:14px;color:var(--soft);margin-bottom:22px;max-width:90ch}
.chip.blue{background:var(--blue-ui);color:#121211}

/* ===== Pulido v6 ===== */
body{background:radial-gradient(1400px 640px at 50% -280px,var(--accent-soft),transparent 72%) no-repeat,var(--ink)}
header.top::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--accent),transparent 32%,transparent 68%,var(--blue));pointer-events:none}
.poster .beam{position:absolute;z-index:-3;top:-35%;left:50%;width:44%;height:180%;transform-origin:50% 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.075) 50%,transparent);filter:blur(8px);animation:sweep 12s ease-in-out infinite alternate;pointer-events:none}
.poster .beam.b2{animation-duration:16s;animation-delay:-6s;background:linear-gradient(90deg,transparent,rgba(255,51,51,.12) 50%,transparent)}
@keyframes sweep{from{transform:translateX(-50%) rotate(-26deg)}to{transform:translateX(-50%) rotate(26deg)}}
.dust{position:absolute;inset:0;z-index:-2;pointer-events:none;width:100%;height:100%}
.slides{display:grid}
.slide{grid-area:1/1;position:relative;isolation:isolate;min-height:clamp(430px,40vw,560px);display:flex;flex-direction:column;visibility:hidden;opacity:0;transition:opacity .6s ease,visibility .6s}
.slide.on{visibility:visible;opacity:1}
.slide:not(.on) .p-side,.slide:not(.on) .stamp,.slide:not(.on) .king>div{animation:none!important}
.slide .ghostword{top:52%}
.slide .p-figs{bottom:0;height:clamp(300px,33vw,470px)}
.p-figs .fig{animation:bob 1.25s ease-in-out infinite}
.p-figs .fb{animation-delay:-.55s}
.p-figs .win{animation-duration:2.2s}
.p-figs.solo .fa{right:5%}
@keyframes bob{50%{translate:0 -8px}}
.slide .p-foot{margin-top:auto;padding-top:26px}
.king{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:20px;align-items:center;flex:1;padding-top:24px}
.king>div{display:flex;flex-direction:column;gap:14px;animation:inL .85s var(--jab) both}
.king .p-name .ln{font-size:clamp(56px,8vw,128px)}
.king .p-idx b{color:#E3A92B;font-size:clamp(44px,5vw,70px)}
.cdown{display:flex;gap:5px}
.cu{display:flex;flex-direction:column;align-items:center;min-width:54px;padding:7px 6px 6px;background:#F5F5F5;color:#111110;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.cu b{font:900 italic 28px/1 var(--f-poster);font-stretch:82%;font-variant-numeric:tabular-nums}
.cu span{font:700 11px/1.3 var(--f-data);font-stretch:90%;letter-spacing:.08em;text-transform:uppercase;margin-top:2px}
.cu:last-child{background:var(--golpe);color:#FFFFFF}
.sl-nav{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:12px;margin-top:22px}
.sl-btn{all:unset;cursor:pointer;display:grid;gap:9px;font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke);transition:color .2s}
.sl-btn .bar{display:block;height:3px;background:rgba(245,245,245,.16);overflow:hidden}
.sl-btn .bar i{display:block;height:100%;background:var(--accent-ui);transform-origin:left;transform:scaleX(var(--p,0))}
.sl-btn.on,.sl-btn:hover{color:var(--chalk)}
.sl-btn:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:820px){.slide{min-height:0}.king{grid-template-columns:1fr}.p-figs.solo{display:block;opacity:.3;height:320px}.sl-btn{font-size:11.5px;letter-spacing:.08em}.cu{min-width:46px}.cu b{font-size:22px}}
/* Brillo y relieve en tarjetas */
.champ::after,.bcard::after,.pod::after,.reason::after,.amc::after,.fcard::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.11) 50%,transparent 65%);transform:translateX(-130%);transition:transform .9s var(--jab)}
.champ:hover::after,.bcard:hover::after,.pod:hover::after,.reason:hover::after,.amc:hover::after,.fcard:hover::after{transform:translateX(130%)}
.amc{position:relative;overflow:hidden}
.champ .wt,.bcard .pos,.pod .big{transition:-webkit-text-stroke-color .25s,transform .5s var(--jab)}
.champ:hover .wt{transform:translate(-8px,6px) scale(1.04)}
.pod:hover .big{transform:translateX(-10px)}
.fcard{transition:transform .25s var(--jab)}
.fcard:hover{transform:translateY(-4px)}
.tilt{display:block;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out;will-change:transform}
.btn .ar{display:inline-block;transition:transform .2s}
.btn:hover .ar{transform:translateX(4px)}
/* Aparición al hacer scroll (siempre visible; solo se desplaza) */
.rv{transition:transform 1s var(--jab)}
.rv:not(.rv-in){transform:translateY(34px)}
@media(prefers-reduced-motion:reduce){.rv:not(.rv-in){transform:none}.p-figs .fig,.poster .beam{animation:none}.tilt{transform:none}}
/* Índice FR: niveles y explicación */
.tier{display:inline-flex;align-items:center;font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;white-space:nowrap;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%)}
.t-elite{background:var(--cinturon);color:#121211}.t-cont{background:var(--golpe);color:#FFFFFF}.t-comp{background:var(--chalk);color:var(--ink)}.t-dev{background:var(--canvas-2);color:var(--smoke)}
.frl{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke);transition:color .15s}
.frl i{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;border:1.5px solid currentColor;font:700 11px/1 var(--f-body);font-style:normal;letter-spacing:0;text-transform:none}
.frl:hover{color:var(--accent-text)}
.frl:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.ph-idx .frl{justify-content:flex-end;width:100%}
.ph-idx .tier{margin-top:8px}
.pod-idx .tier{margin-top:6px}
.why{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:34px;align-items:center;padding:44px}
.why::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 90% at 0% 0%,rgba(255,51,51,.28),transparent 70%),radial-gradient(50% 80% at 100% 100%,rgba(227,169,43,.12),transparent 70%)}
.why .ghostword{top:auto;bottom:-8%;left:-2%;transform:none;font-size:clamp(120px,16vw,240px)}
.pillars{display:grid;gap:10px}
.pillar{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;align-items:center;padding:16px 18px;background:rgba(245,245,245,.04);border:1px solid var(--rope);transition:border-color .2s,transform .3s var(--jab)}
.pillar:hover{border-color:var(--accent);transform:translateX(6px)}
.pillar svg{width:46px;height:46px;color:var(--accent-text)}
.pillar h3{font-family:var(--f-display);text-transform:uppercase;font-size:15px;margin:0 0 4px}
.pillar p{font-size:14px;color:var(--soft)}
.scale{display:flex;gap:3px;margin-top:22px}
.scale span{flex:1;display:flex;align-items:flex-end;height:46px;padding:0 10px 7px;font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;clip-path:polygon(15px 0,100% 0,calc(100% - 15px) 100%,0 100%)}
.scale span:nth-child(1){background:#2A2A27;color:#A3A39C;height:30px}
.scale span:nth-child(2){background:#F5F5F5;color:#111110;height:36px}
.scale span:nth-child(3){background:var(--golpe);color:#FFFFFF;height:42px}
.scale span:nth-child(4){background:#E3A92B;color:#1A1405;height:48px}
.scale{align-items:flex-end}
@media(max-width:860px){.why{grid-template-columns:1fr;padding:26px}}
.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.modal[hidden]{display:none}
.mbox{position:relative;width:min(640px,100%);max-height:88vh;overflow:auto;padding:30px;display:grid;gap:14px;animation:mIn .35s var(--jab)}
.mbox::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent),var(--belt))}
@keyframes mIn{from{transform:translateY(18px) scale(.98)}to{transform:none}}
.mbox h2{font:900 italic clamp(34px,5vw,52px)/.9 var(--f-poster);font-stretch:70%;text-transform:uppercase;margin:0}
.mbox p{color:var(--soft)}
.mx{position:absolute!important;top:14px;right:14px;padding:8px 12px!important}
.tlist{display:grid;gap:6px}
.tlist div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;align-items:center;font-size:14px;padding:8px 0;border-bottom:1px solid var(--rope)}

/* ===== Responsivo v7: menú completo y portada compacta ===== */
@media(max-width:1180px){.tabs .ti{padding:9px 10px;font-size:12.5px;letter-spacing:.08em}}
@media(max-width:700px){
  .tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;overflow:visible;margin:0;padding-top:10px}
  .tabs .nav-dd .ti{width:100%}
  .tabs .ti{justify-content:center;padding:11px 4px;font-size:12px;letter-spacing:.07em}
  .tabs .ti::before{transform:skewX(var(--sk)) scaleX(1);background:var(--canvas-2);inset:0}
  .tabs .ti.on::before{background:var(--accent-ui)}
  .tabs .ti.am.on::before{background:var(--blue-ui)}
  .top-row{padding-block:10px 12px}
}
@media(max-width:820px){
  .poster-in{padding-block:20px 18px}
  .motto{padding-bottom:14px;margin-bottom:0;gap:8px}
  .motto h1{font-size:clamp(42px,11vw,80px)}
  .motto p{font-size:14px}
  .slide{min-height:0}
  .p-top{gap:8px}
  .p-evname{font-size:16px;margin-top:3px}
  .p-fight{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;margin-top:16px;align-items:start}
  .p-mid{flex-direction:column;justify-content:center;align-self:center;border:0;padding:0;margin:0;gap:10px}
  .vs{font-size:44px;color:#fff;text-shadow:none}
  .stamp{font-size:13px;padding:6px 10px 5px}
  .stamp small{font-size:11px;letter-spacing:.08em}
  .p-side{gap:7px}
  .p-side.b{align-items:flex-end;text-align:right}
  .p-side.b .p-corner,.p-side.b .p-idx{flex-direction:row-reverse}
  .p-side.b .p-meta{justify-content:flex-end}
  .p-name .fn{font-size:12px;margin-bottom:3px}
  .p-name .ln{font-size:clamp(28px,5.4vw,46px);overflow-wrap:break-word}
  .p-corner{flex-wrap:wrap}
  .p-nick{display:none}
  .p-idx{flex-wrap:wrap;gap:4px 8px}
  .p-idx b{font-size:clamp(24px,4.8vw,38px)}
  .slide .p-foot{padding-top:16px;margin-top:4px}
  .king{padding-top:12px;gap:0}
  .king>div{gap:10px}
  .king .p-name .ln{font-size:clamp(42px,11vw,76px)}
  .king .p-idx b{font-size:clamp(34px,8vw,52px)}
  .p-figs.solo{height:260px;opacity:.28}
  .p-stats-in{grid-template-columns:repeat(4,minmax(0,1fr))}
  .p-stats-in div,.p-stats-in div:nth-child(3),.p-stats-in div:nth-child(n+3){padding:12px 0 12px 12px;border-left:1px solid var(--rope);border-top:0}
  .p-stats-in div:first-child{border-left:0;padding-left:0}
  .p-stats-in b{font-size:clamp(20px,5.4vw,32px)}
  .p-stats-in span{font-size:11px;letter-spacing:.07em}
  .sl-nav{margin-top:16px;gap:8px}
  .cdown{gap:3px}
  .cu{min-width:42px;padding:5px 3px 4px}.cu b{font-size:19px}.cu span{font-size:11px;letter-spacing:.06em}
}
@media(max-width:560px){
  .motto p{display:none}
  .motto h1{font-size:clamp(40px,12.5vw,60px)}
  .p-top .p-tags .chip{display:none}
  .p-top .eyebrow{font-size:11.5px;letter-spacing:.06em}
  .p-fight{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"a b" "m m";column-gap:14px;row-gap:12px}
  .p-side.a{grid-area:a}.p-side.b{grid-area:b}
  .p-mid{grid-area:m;flex-direction:row;align-self:stretch;justify-content:center;align-items:center;gap:14px;padding:10px 0;border-block:1px solid var(--rope)}
  .vs{font-size:28px;color:var(--accent-text)}
  .p-corner{font-size:11.5px;letter-spacing:.06em;gap:6px}
  .p-corner i{width:9px;height:9px}
  .wtag{font-size:11px;padding:0 5px}
  .p-name .ln{font-size:clamp(24px,8vw,34px)}
  .p-meta{font-size:12.5px;gap:4px 8px}
  .p-meta .chip,.p-meta .sm{display:none}
  .p-idx .d{font-size:13px}
  .p-idx small,.p-idx .frl{font-size:11px;letter-spacing:.08em}
  .slide .p-foot .btn.ghost{display:none}
  .slide .p-foot .btn{padding:10px 18px;font-size:12.5px}
  .king .p-tags .chip{display:none}
  .sl-btn{font-size:11px;letter-spacing:.05em;gap:7px}
  .p-stats-in div{padding-left:8px}
  .p-stats-in span{font-size:11px;letter-spacing:.04em}
}

/* ===== Menú de celular (tres rayitas) ===== */
.sbtn,.hb{display:none}
@media(max-width:900px){
  header.top{position:sticky;top:env(safe-area-inset-top,0px)}
  .top-row{flex-wrap:nowrap;padding-block:9px;gap:10px}
  .tabs{display:none!important}
  .hdr-r{width:auto;order:0;margin-left:auto;gap:6px;position:static}
  .lang .seg button{padding:8px 9px;font-size:12px}
  .search{display:none;position:absolute;left:0;right:0;top:100%;width:auto;padding:10px max(16px,env(safe-area-inset-right,0px)) 12px max(16px,env(safe-area-inset-left,0px));background:var(--hdr);border-bottom:1px solid var(--rope);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  .search svg{left:calc(max(16px,env(safe-area-inset-left,0px)) + 11px)}
  header.top.srch .search{display:block}
  .gr{left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));min-width:0}
  .sbtn,.hb{--cut:14px;display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:40px;background:var(--canvas-2);border:0;color:var(--chalk);cursor:pointer;clip-path:polygon(var(--cut) 0,100% 0,calc(100% - var(--cut)) 100%,0 100%)}
  .sbtn[aria-expanded="true"]{background:var(--chalk);color:var(--ink)}
  .hb{flex-direction:column;gap:4.5px;background:var(--accent-ui);color:#FFFFFF}
  .hb span{display:block;width:20px;height:2.5px;background:currentColor;transition:transform .25s,opacity .2s}
  .hb[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .hb[aria-expanded="true"] span:nth-child(2){opacity:0}
  .hb[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .logo img{height:27px}
}
.mnav{position:fixed;left:0;right:0;bottom:0;top:var(--hh,60px);z-index:45;overflow:auto;overscroll-behavior:contain;padding:8px max(16px,env(safe-area-inset-right,0px)) calc(28px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));animation:mnIn .3s var(--jab)}
.mnav[hidden]{display:none}
@keyframes mnIn{from{transform:translateY(-14px)}to{transform:none}}
.mnav .big{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 2px;border-bottom:1px solid var(--rope);font:900 italic 30px/1 var(--f-poster);font-stretch:74%;text-transform:uppercase;color:var(--chalk)}
.mnav .big small{font:700 12px/1.3 var(--f-body);font-style:normal;text-transform:none;color:var(--smoke);text-align:right;max-width:20ch}
.mnav .big.on{color:var(--accent-text)}
.mnav .big.am{color:#6AA6FF}
.mnav .grp{border-bottom:1px solid var(--rope);padding-bottom:14px}
.mnav .grp .big{border-bottom:0;padding-bottom:10px}
.mnav .subs{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mnav .subs a{--cut:15px;display:block;padding:13px 10px;background:var(--canvas-2);font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;text-align:center;clip-path:polygon(var(--cut) 0,100% 0,calc(100% - var(--cut)) 100%,0 100%)}
.mnav .subs a.on{background:var(--accent-ui);color:#FFFFFF}
.mnav .grp.am .subs a.on{background:var(--blue-ui)}
.mnav-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:22px;font-size:13px;color:var(--smoke)}
.mnav-foot a{color:var(--soft)}
html.menu-open{overflow:hidden}
.totop{position:fixed;z-index:38;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));width:46px;height:46px;display:grid;place-items:center;border:0;cursor:pointer;background:var(--accent-ui);color:#121211;clip-path:polygon(15px 0,100% 0,calc(100% - 15px) 100%,0 100%);box-shadow:0 10px 26px var(--shadow)}
.totop[hidden]{display:none}
/* Ayudas de lectura */
abbr[title]{text-decoration:none;cursor:help}
.legend-line{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12.5px;color:var(--smoke);margin:12px 0 0}
.legend-line b{color:var(--soft);font-weight:700}
.champ .go{position:absolute;right:14px;bottom:44px;font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .2s}
.champ:hover .go,.champ:focus-visible .go{opacity:1;transform:none}
.pcap{font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke);margin-bottom:-8px}
.sub-exp{font-size:13px;color:var(--smoke);margin:-4px 0 6px}
.ft-map{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;padding-top:18px;border-top:1px solid var(--rope)}
.ft-map div{display:grid;gap:7px;align-content:start}
.ft-map b{font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text)}
.ft-map a{font-size:14px;color:var(--soft)}
.ft-map a:hover{color:var(--chalk)}
@media(max-width:560px){.pod .pfig{opacity:.3}}
.pod-idx .tier,.ph-idx .tier{font-size:12px;letter-spacing:.06em}
.pod-idx .t-elite,.ph-idx .t-elite{color:#121211}.pod-idx .t-cont,.ph-idx .t-cont{color:#FFFFFF}.pod-idx .t-comp,.ph-idx .t-comp{color:var(--ink)}.pod-idx .t-dev,.ph-idx .t-dev{color:var(--smoke)}
.ph-idx .ph-rank{color:var(--accent-ink)}

/* ===== Cara a cara ===== */
.h2h-hero{position:relative;overflow:hidden;isolation:isolate}
.h2h-hero::before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(55% 75% at 12% 45%,rgba(255,51,51,.3),transparent 62%),radial-gradient(55% 75% at 88% 45%,rgba(61,139,255,.26),transparent 62%)}
.h2h-in{padding-block:26px 30px}
.h2h-pick{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:end;margin-top:18px}
.h2h-pick .fld.blue{text-align:right}
.h2h-pick .fld.blue>span{justify-content:flex-end}
.swap{--cut:14px;width:52px;height:46px;border:0;cursor:pointer;background:var(--canvas-2);color:var(--chalk);font-size:20px;clip-path:polygon(var(--cut) 0,100% 0,calc(100% - var(--cut)) 100%,0 100%)}
.swap:hover{background:var(--accent-ui);color:#FFFFFF}
.h2h-stage{position:relative;isolation:isolate;margin-top:18px}
.h2h-stage .p-figs{position:absolute;z-index:-1;left:0;right:0;bottom:0;height:clamp(260px,30vw,420px);pointer-events:none}
.h2h-stage .p-fight{margin-top:0;min-height:clamp(260px,28vw,400px);align-items:end}
.h2h-sum{font-size:16px;color:var(--soft);margin-top:16px;text-align:center}
.h2h-sum b{color:var(--chalk)}
.hrows{border-top:1px solid var(--rope)}
.hrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,1.3fr) minmax(0,1fr);gap:14px;align-items:center;padding:12px 6px;border-bottom:1px solid var(--rope)}
.hv{font:900 italic 24px/1.1 var(--f-poster);font-stretch:85%;font-variant-numeric:tabular-nums;color:var(--soft);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.hv.b{justify-content:flex-end;text-align:right}
.hv.win{color:var(--chalk)}
.hv.a.win::after,.hv.b.win::before{content:"";width:10px;height:10px;transform:skewX(var(--sk));background:var(--accent-ui)}
.hv.b.win::before{background:var(--blue-ui)}
.hl{text-align:center;font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke);display:grid;gap:7px}
.hbar{display:flex;height:6px;gap:2px}
.hbar i{display:block;height:100%}
.hbar .ba{background:var(--accent-ui)}.hbar .bb{background:var(--blue-ui)}
.common .li{grid-template-columns:minmax(0,1fr) auto auto}
.socbtn svg{width:16px;height:16px}
.prof-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
@media(max-width:700px){.h2h-pick{grid-template-columns:1fr;}.h2h-pick .fld.blue{text-align:left}.h2h-pick .fld.blue>span{justify-content:flex-start}.swap{justify-self:center}.hrow{grid-template-columns:minmax(0,1fr) minmax(110px,1.1fr) minmax(0,1fr);gap:8px}.hv{font-size:19px}.h2h-stage .p-figs{display:none}}
/* Cartel para redes */
.mbox.wide{width:min(760px,100%)}
.soc-prev{display:grid;place-items:center;min-height:200px;background:#000;padding:12px}
.soc-prev img{display:block;max-width:100%;max-height:58vh;box-shadow:0 20px 50px rgba(0,0,0,.6)}
.p-side.nx .ln,.h2h-stage .p-side .ln{color:var(--chalk);-webkit-text-stroke:0}
.h2h-stage .p-name .ln{font-size:clamp(34px,5vw,78px);overflow-wrap:normal;word-break:normal}
#toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%,24px);opacity:0;pointer-events:none;background:var(--accent-ui);color:var(--accent-ink);padding:12px 20px;font-weight:700;box-shadow:0 14px 34px var(--shadow);transition:transform .25s ease,opacity .25s ease;z-index:95;max-width:calc(100% - 32px);clip-path:polygon(15px 0,100% 0,calc(100% - 15px) 100%,0 100%)}
#toast.show{transform:translate(-50%,0);opacity:1}
@media(prefers-reduced-motion:reduce){#toast,.champ,.pod,.bcard{transition:none}}
footer.ft{margin-top:84px;position:relative;overflow:hidden;isolation:isolate}
footer.ft::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 120% at 0% 100%,rgba(255,51,51,.22),transparent 70%)}
.ft-in{padding-block:40px 34px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px 34px;align-items:center}
.ft-in img{height:70px;width:auto}
.ft-tag{font:900 italic clamp(22px,3vw,40px)/.95 var(--f-poster);font-stretch:72%;text-transform:uppercase}
.ft-tag span{color:var(--accent-text)}
.ft-sm{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--smoke);padding-top:18px;border-top:1px solid var(--rope)}
@media(max-width:600px){.ft-in{grid-template-columns:1fr}.ft-in img{height:54px}}

/* ===== Accesibilidad ===== */
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.btn:focus-visible,.seg button:focus-visible,.chip:focus-visible,.chipbtn:focus-visible,.divbar :is(button,a):focus-visible,.subtabs :is(button,a):focus-visible,.gtabs a:focus-visible,.hb:focus-visible,.sbtn:focus-visible,.totop:focus-visible,.mnav .subs a:focus-visible,.tabs .ti:focus-visible{clip-path:none;outline:3px solid var(--focus);outline-offset:2px}
#app:focus{outline:none}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;left:12px;top:-60px;z-index:200;background:var(--focus);color:#111110;font-weight:800;padding:12px 18px;transition:top .15s}
.skip:focus{top:calc(10px + env(safe-area-inset-top,0px))}
.mpause{all:unset;cursor:pointer;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:40px;padding:0 12px;font-family:var(--f-data);font-stretch:90%;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);background:rgba(245,245,245,.06)}
.mpause:hover{color:var(--chalk);background:rgba(245,245,245,.12)}
.mpause:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}
.mpause svg{width:14px;height:14px}
.mpause .ic-play,.still .mpause .ic-pause{display:none}
.still .mpause .ic-play{display:inline}
.mpause .lb-play,.still .mpause .lb-pause{display:none}
.still .mpause .lb-play{display:inline}
.ticker .mpause{background:transparent;border-left:1px solid var(--rope);min-height:0}
.sl-tools{display:flex;justify-content:flex-end;margin-top:10px}
.still *,.still *::before,.still *::after{animation-play-state:paused!important}
.ft-motion{display:inline-flex;align-items:center;gap:8px}
@media (pointer:coarse){
  .seg button,.chipbtn,.subtabs :is(button,a){min-height:44px}
  .lnk{min-height:44px;display:inline-flex;align-items:center}
  .frl{min-height:40px}
  .sbtn,.hb{height:44px}
  .divbar :is(button,a){min-height:48px}
  .dd a,.ft-map a,.belts-line a{min-height:44px;display:flex;align-items:center}
  .perms label{min-height:40px}
}

/* ===== Fights Ranking · piezas nuevas de la versión publicada ===== */
a.champ,a.champ:hover{color:inherit;text-decoration:none}
.divbar a{text-decoration:none}
.subtabs a{text-decoration:none;display:inline-flex;align-items:center;gap:6px}
#app{min-height:60vh;transition:opacity .15s}
#app.busy{opacity:.55;pointer-events:none}
.boot-load{display:grid;place-items:center;min-height:60vh}
.loading{display:flex;gap:12px;align-items:center;justify-content:center;padding:60px 16px;color:var(--smoke);font-weight:600}
.spin{display:inline-block;width:18px;height:18px;border:3px solid var(--rope-strong);border-top-color:var(--accent);border-radius:50%;animation:frspin .8s linear infinite;vertical-align:-3px}
.btn .spin{width:14px;height:14px;border-width:2px;border-color:currentColor;border-top-color:transparent}
@keyframes frspin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.spin{animation-duration:2.4s}}
.bgrid.busy{opacity:.5}
.badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent-ui);color:#fff;font:800 11px/1 var(--f-body);font-style:normal;letter-spacing:0}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
#toast.bad{background:#5c1013;color:#fff}
section.nf{padding-top:70px;padding-bottom:90px}
.more{display:flex;justify-content:center;padding:18px 0 6px}
.sm-btn{padding:6px 12px;min-height:0;font-size:13px}

/* Banderas reales (imagen) con respaldo de franjas */
.flag.img{display:inline-block;background:var(--rope)}
.flag.img img{display:block;width:100%;height:100%;object-fit:cover}
.flag.img.nf{background:linear-gradient(var(--rope-strong),var(--rope))}

/* Fotos de boxeadores */
.av.ph{overflow:hidden}
.av.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.av.ph .av-f{z-index:1}
.ph-photo{position:absolute;right:max(16px,calc((100% - 1240px)/2));bottom:0;height:92%;aspect-ratio:3/4;max-width:42%;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(to top,transparent 0,#000 30%);mask-image:linear-gradient(to top,transparent 0,#000 30%)}
.ph-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 15%;opacity:.55;filter:grayscale(.25) contrast(1.05)}
@media(max-width:820px){.ph-photo{opacity:.5;max-width:60%}}
.flyer.real{background:#000;display:grid;place-items:center}
.flyer.real img{width:100%;height:100%;object-fit:cover}

/* Buscador con sugerencias */
.ac{position:relative}
.ac-l{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:40;background:var(--canvas);border:1px solid var(--rope-strong);box-shadow:0 18px 40px var(--shadow);max-height:340px;overflow:auto}
.ac-o{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:9px 12px;cursor:pointer;border-bottom:1px solid var(--rope)}
.ac-o .av{width:34px;height:34px}.ac-o .av b{font-size:13px}
.ac-o b{display:block;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac-o .sm{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac-o.hi,.ac-o:hover{background:var(--canvas-2)}
.ac-e{padding:12px;color:var(--smoke)}
.in.okv{border-color:var(--win-line)}

/* Panel */
.afilters{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:14px}
.afilters .grow{flex:1 1 220px;margin:0}
.alist{display:grid;gap:0;border-top:1px solid var(--rope)}
.arow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--rope)}
.arow .evd{min-width:44px}
.arow-act{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:700px){.arow{grid-template-columns:auto minmax(0,1fr)}.arow-act{grid-column:1/-1;justify-content:flex-start}}
.danger-l{color:var(--loss)!important}
.lnk.armed,.btn.armed{background:var(--loss-soft);color:var(--loss);outline:2px solid var(--loss-line)}
.pager{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 0}
.count{color:var(--smoke);font-size:14px;margin:6px 0 10px}
.note.editing{border-left:4px solid var(--belt);background:var(--belt-soft);padding:10px 14px;margin-bottom:14px;color:var(--chalk)}
.rcbar{height:12px;background:var(--canvas-2);border:1px solid var(--rope);overflow:hidden;margin:10px 0 6px}
.rcbar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent-deep),var(--accent));transition:width .4s}
.adm-back{margin-bottom:14px}
.photo-row{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}
.photo-row>div{flex:1 1 220px;display:grid;gap:10px}
.adm-card.off{opacity:.7}
.steps-l{margin:0 0 6px 18px;padding:0;display:grid;gap:6px;color:var(--soft)}
.imp-err{max-height:320px;overflow:auto;border:1px solid var(--rope);margin-top:6px}
.imp-err table{width:100%;border-collapse:collapse;font-size:13.5px}
.imp-err th,.imp-err td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--rope);vertical-align:top}
.imp-err th{position:sticky;top:0;background:var(--canvas-2)}
.msg.unread{border-left:4px solid var(--accent)}
.qr-box{background:#fff;display:inline-block;padding:6px;line-height:0;margin:6px 0}
.qr-box svg{width:200px;height:200px}
.code-in{font:700 26px/1 var(--f-data);letter-spacing:.08em;text-align:center}
.lbox .lnk{justify-self:center}
.ft-soc{display:flex;gap:10px;margin-top:6px}
.ft-soc a{font-weight:800}
.cinfo .soc a{color:inherit;text-decoration:none;display:inline-flex;gap:6px}
.cinfo a{color:inherit}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:600px){.grid2{grid-template-columns:1fr}}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ph-name .ln,.p-name .ln,.pod-name{overflow-wrap:normal;word-break:normal;hyphens:manual}
@media(max-width:600px){.ph-name .ln{font-size:min(50px,calc(150vw / var(--len,8)))}}
.adm-card .code{font-size:18px;letter-spacing:.08em;word-break:break-all;font-style:normal}

/* ==========================================================================
   Manual de identidad 2.0 · capa de marca
   Lona como base, Noche para el golpe, El Corte a -24°, placas, Estela,
   Luz de ring y movimiento "el jab". Datos y tablas, siempre planos.
   ========================================================================== */
body{background:radial-gradient(1500px 700px at 40% -320px,#FFFFFF,transparent 72%) no-repeat,var(--ink);font-feature-settings:"tnum" 1}
body::after{display:none}
::selection{background:#FF3333;color:#FFFFFF}

/* ---------- Tipografía ---------- */
.ttl,.p-evname,.fc-ev,.evname,.mh-title,.step h3,.reason h3,.pillar h3{font-family:var(--f-display);font-weight:800;letter-spacing:-.01em;text-transform:none}
.ttl{font-size:clamp(30px,3.6vw,46px);line-height:1;gap:0}
.ttl::before{display:none}
.col .ttl{font-size:clamp(25px,2.4vw,32px)}
.wgroup .ttl{font-size:24px}
.p-evname{font-size:clamp(20px,2.2vw,28px)}
.fc-ev,.evname{font-size:19px}
.step h3,.reason h3{font-size:22px}.pillar h3{font-size:19px}
.mh-title{font-size:clamp(40px,5.4vw,72px)}
.eyebrow{font-weight:700;font-size:14px;letter-spacing:.08em;color:var(--smoke)}
/* Etiqueta de sección: barra inclinada roja + etiqueta en rojo */
.sec-head .eyebrow,.col>.eyebrow,.lbl{display:flex;align-items:center;gap:12px;color:var(--accent-text)}
.sec-head .eyebrow::before,.col>.eyebrow::before,.lbl::before{content:"";flex:none;width:9px;height:14px;background:var(--golpe);transform:skewX(var(--sk))}
.rhd,th,.fld>span,.pcap,.p-stats-in span,.pod-idx span,.rpts span,.ph-idx span,.dh-lim span,.p-idx small,.p-corner{letter-spacing:.08em}
.rhd,th{font-size:13px;font-weight:700}
.fld>span{font-size:13px}
.chip,.dlabel,.tier,.branch-tag{font-size:13px}
.lnk,.back,.frl{font-size:13.5px}
.tabs .ti{font-weight:700;font-size:14.5px;letter-spacing:.08em}
.seg button,.chipbtn,.subtabs :is(button,a){font-size:14px}
.divbar :is(button,a) b{font-size:15px}.divbar :is(button,a) span{font-size:13px}
.mv{font-size:14px;font-weight:700}
.rmeta,.pod-meta,.champ .mt,.bc-m,.p-meta{font-size:15px}
.ctry{font-size:13.5px}
/* Cifras de datos: rectas y tabulares. La itálica 900 queda para apellidos, posiciones y marcadores */
.rpts b,.stat b,.li-v,.bc-f b,.champ .ix,.pod-idx b,td.num b,.kv b,.hv,.dbox b,.cf-prev b,.ci-v,.adm-hd b{font-style:normal;font-weight:700}
.rpts b{font-size:27px}.stat b{font-size:34px}.pod-idx b{font-size:44px}

/* ---------- Botones ---------- */
.btn{position:relative;isolation:isolate;clip-path:none;background:none;color:var(--ink);font-weight:700;font-size:15px;letter-spacing:.08em;padding:12px 30px;transition:transform .2s var(--jab),color .2s}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--chalk);transform:skewX(var(--sk));transition:box-shadow .2s var(--jab),background .2s}
.btn:hover{background:none;transform:translateX(2px)}
.btn.primary{color:#FFFFFF;background:none}
.btn.primary::before{background:var(--golpe);box-shadow:0 8px 20px rgba(255,51,51,.32)}
.btn.primary:hover{background:none}
.btn.primary:hover::before{box-shadow:0 12px 30px rgba(255,51,51,.5)}
.btn.ghost{color:var(--chalk);background:none;box-shadow:none}
.btn.ghost::before{background:transparent;box-shadow:inset 0 0 0 1.5px var(--rope-strong)}
.btn.ghost:hover{box-shadow:none;background:none}
.btn.ghost:hover::before{box-shadow:inset 0 0 0 1.5px var(--chalk)}
.btn.danger{color:var(--loss);background:none}
.btn.danger::before{background:var(--loss-soft)}
.btn.danger[data-armed="1"]{color:#FFFFFF;background:none}
.btn.danger[data-armed="1"]::before{background:#FF3333}
.btn[disabled]{opacity:.55;cursor:default;transform:none}
.btn:focus-visible{clip-path:none}

/* ---------- Placas ---------- */
.placa,.rnum{--ph:36px;position:relative;isolation:isolate;display:inline-grid;place-items:center;min-width:50px;height:var(--ph);padding:0 12px;font:900 italic 25px/1 var(--f-poster);color:#242422;-webkit-text-stroke:0;font-variant-numeric:tabular-nums;flex:none}
.placa::before,.rnum::before{content:"";position:absolute;inset:0;z-index:-1;background:#DCDCD6;transform:skewX(var(--sk))}
.rnum{font-size:25px;min-width:50px}
.dark-band .placa{color:#F5F5F5}.dark-band .placa::before{background:#2E2E2B}
.placa.gold{color:#121211}
.placa.gold::before{background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.85) 50%,transparent 60%) no-repeat -160% 0/55% 100%,var(--cinturon);box-shadow:0 8px 18px rgba(227,169,43,.45);animation:brillo 3.6s var(--jab) infinite}
.placa.blue{color:#F5F5F5}.placa.blue::before{background:var(--esquina-azul)}
.placa.live{color:#FFFFFF;font-style:normal;font-size:15px;letter-spacing:.08em}.placa.live::before{background:var(--golpe);box-shadow:0 8px 18px rgba(255,51,51,.4)}
.placa.sm{--ph:30px;min-width:42px;font-size:21px;padding:0 9px}
.placa.lg{--ph:52px;min-width:72px;font-size:38px}
@keyframes brillo{0%{background-position:-160% 0,0 0}38%,100%{background-position:260% 0,0 0}}
.rrow:hover .rnum{-webkit-text-stroke:0}
.rrow:hover .rnum::before{background:#D4D4CF}

/* ---------- Encabezado ---------- */
header.top{background:var(--hdr);border-bottom:0;box-shadow:0 10px 30px rgba(36,36,34,.10);-webkit-backdrop-filter:none;backdrop-filter:none}
header.top::after{display:none}
body::before{background:#FFFFFF}
.tabs{border-top-color:var(--rope)}
.tabs .ti{color:var(--chalk)}
.tabs .ti:hover:not(.on){color:var(--accent-text)}
.tabs .ti::before{background:var(--golpe)}
.tabs .ti.on,.tabs .ti.am.on{color:#FFFFFF}
.tabs .ti.am.on::before{background:var(--blue-ui)}
.dd{border:0;border-top:3px solid var(--accent);box-shadow:0 18px 40px rgba(36,36,34,.16)}
.search input{background:var(--ink);border-color:var(--rope)}
@media(max-width:700px){.tabs .ti::before{background:var(--canvas-2)}.tabs .ti.on::before{background:var(--golpe)}.tabs .ti.am.on::before{background:var(--blue-ui)}}
@media(max-width:900px){.search{background:#FFFFFF;-webkit-backdrop-filter:none;backdrop-filter:none}.sbtn{background:var(--canvas-2)}.hb{background:var(--golpe);color:#FFFFFF}}

/* ---------- Cintillo de resultados: banda oscura con etiqueta roja (como antes) ---------- */
.tk-label{color:#FFFFFF}

/* ---------- Pie: acceso a administradores como botón ---------- */
.ft-map a.ft-adm{justify-self:start;margin-top:6px;padding:10px 24px;font-size:14px;gap:8px;min-height:0}
.ft-map a.ft-adm svg{width:15px;height:15px;flex:none}


/* ---------- Héroe de portada (Noche) ---------- */
.poster.dark-band{background:radial-gradient(ellipse at 28% 0%,#3A3A36 0%,#121211 70%)}
.poster::before{background:radial-gradient(45% 65% at 12% 40%,rgba(255,51,51,.13),transparent 62%),radial-gradient(45% 65% at 88% 40%,rgba(61,139,255,.11),transparent 62%)}
.poster::after,.poster .beam,.dust{display:none}
/* Estela: una barra ancha y cuatro delgadas, siempre en El Corte */
.slash,.estela,.fl-band{background:linear-gradient(90deg,#FF3333 0 50%,transparent 50% 58%,rgba(255,51,51,.8) 58% 72%,transparent 72% 78%,rgba(255,51,51,.6) 78% 86%,transparent 86% 90%,rgba(255,51,51,.42) 90% 95%,transparent 95% 97%,rgba(255,51,51,.28) 97% 100%);box-shadow:none;filter:drop-shadow(0 14px 30px rgba(255,51,51,.35))}
.slash{width:clamp(130px,15vw,230px);transform:translateX(-36%) skewX(var(--sk));animation:slashIn .52s var(--jab) both}
.estela{position:absolute;z-index:-1;top:-30%;bottom:-30%;left:56%;width:clamp(110px,13vw,200px);transform:skewX(var(--sk));pointer-events:none;animation:slashIn .52s var(--jab) both}
.p-figs .fig{animation:figIn .52s var(--jab) .08s both}
.p-figs .fb{animation-delay:.16s}
.vs{display:inline-block;background:var(--golpe);color:#FFFFFF;text-shadow:none;padding:.1em .2em .02em;line-height:.9;font-size:clamp(44px,5vw,78px);box-shadow:0 12px 30px rgba(255,51,51,.35)}
.motto h1{letter-spacing:0}
.stamp{color:#121211}
.cu{color:#121211}
.p-stats{background:rgba(0,0,0,.28)}
.sl-btn .bar i{background:var(--golpe)}
@media(max-width:820px){.vs{font-size:34px;color:#FFFFFF}}
@media(max-width:560px){.vs{font-size:24px;color:#FFFFFF}}

/* ---------- Tarjetas en Lona ---------- */
.champ,.bcard,.pod,.amc,.reason,.step,.cform,.lbox,.calc{border-color:transparent;box-shadow:var(--card-sh)}
.champ:hover,.bcard:hover,.pod:hover,.amc:hover,.reason:hover{transform:translateX(2px);border-color:transparent;box-shadow:var(--card-sh-h)}
.reason.on{border-color:transparent;box-shadow:inset 0 0 0 2px var(--accent),var(--card-sh)}
.champ::after,.bcard::after,.pod::after,.reason::after,.amc::after,.fcard::after{display:none}
.champ .wt,.bcard .pos,.pod .big{-webkit-text-stroke-color:#E3E3DF}
.champ:hover .wt{-webkit-text-stroke-color:#FFB3B3}
.ch-top{display:flex;align-items:center;gap:14px}
.champ .one{display:none}
.champ .nm{font-size:30px}
.dlabel{padding:3px 16px}
.chip.gold{background:var(--cinturon);color:#121211}
.chip.red{background:var(--golpe);color:#FFFFFF}
.pod.p1{border-color:transparent;border-left:8px solid #E3A92B;background:var(--canvas)}
.pod.p1 .pod-idx b{color:var(--belt)}
.pod-top .placa{margin-right:2px}
.pod .pfig{opacity:.16}.pod.p1 .pfig{opacity:.26}
.tilt{transform:none!important}

/* ---------- Ranking: encabezado en Noche, filas planas alternadas ---------- */
.dhero.dark-band{background:radial-gradient(ellipse at 20% 0%,#3A3A36 0%,#121211 70%);padding-block:36px 30px}
.dhero.dark-band+.wrap,.dhero.dark-band+section{padding-top:22px}
.dhero .ghostword{-webkit-text-stroke-color:rgba(245,245,245,.07)}
.dhero.am .dh-lim b{color:#3D8BFF}
.divbar :is(button,a){background:var(--canvas);box-shadow:0 2px 8px rgba(36,36,34,.06)}
.divbar :is(button,a).on{background:var(--golpe);color:#FFFFFF}
.divbar :is(button,a).p4p.on{background:var(--cinturon)}
.rlist{border-top:0}
.rhd{background:var(--canvas-2);border-bottom:0}
.rrow{border-bottom:0;background:var(--canvas)}
.rlist .rrow:nth-child(even){background:var(--canvas-2)}
.rrow:hover,.rlist .rrow:nth-child(even):hover{background:#FFF6F6}
.rrow::before{background:var(--golpe)}
.rname{font-size:22px}
.tbl{border-top:0}
th{background:var(--canvas-2);border-bottom:0}
td{background:var(--canvas);border-bottom:0}
tbody tr:nth-child(even) td{background:var(--canvas-2)}
tr:hover td,tbody tr:nth-child(even):hover td{background:#FFF6F6}
.recbar .ko{background:#1E9C5E}
.pbar{font-size:14px}
.pbar span{color:#121211}.pbar .pa{color:#FFFFFF}
.pbar .pa{background:var(--golpe)}
.pbar .pb{background:linear-gradient(114deg,#3D8BFF,#5C9DFF)}

/* Listas de portada con placa (libra por libra) */
.li-p{position:relative;isolation:isolate;display:inline-grid;place-items:center;height:30px;font:900 italic 21px/1 var(--f-poster);color:#242422;-webkit-text-stroke:0}
.li-p::before{content:"";position:absolute;inset:0 3px;z-index:-1;background:#DCDCD6;transform:skewX(var(--sk))}
.li:first-child .li-p{-webkit-text-stroke:0}
.col.p4p a.li:first-of-type .li-p::before{background:var(--cinturon);box-shadow:0 6px 14px rgba(227,169,43,.4)}
.col.p4p a.li:first-of-type .li-p{color:#121211}

/* ---------- Perfil en Lona ---------- */
.phero{background:radial-gradient(ellipse at 30% 0%,#FFFFFF 0%,#ECECEA 72%)}
.phero::before{background:none}
.phero .echo{-webkit-text-stroke:1.5px rgba(36,36,34,.07)}
.ph-name .ln{color:var(--accent-text)}
.ph-idx b{color:var(--chalk);font-style:normal;font-weight:700}
.ph-idx.top b{color:var(--belt)}
.stats{border-bottom:0;background:var(--canvas);box-shadow:var(--card-sh);margin-top:6px}
.stat{padding:18px 18px}
.stat+.stat{border-left:1px solid var(--rope)}
.nextf.dark-band{background:radial-gradient(ellipse at 20% 0%,#3A3A36 0%,#121211 70%)}
.nextf::before{background:linear-gradient(100deg,rgba(255,51,51,.22),transparent 55%)}

/* ---------- Eventos y carteles ---------- */
.ehero.dark-band{background:radial-gradient(ellipse at 50% 0%,#3A3A36 0%,#121211 70%)}
.ehero::before{background:none}
.ehero:not(.dark-band){background:radial-gradient(ellipse at 40% 0%,#FFFFFF 0%,#ECECEA 72%)}
.evd{background:#242422;color:#F5F5F5}
.evd span{color:#D4D4CF}
.month{border-bottom:0;display:flex;align-items:center;gap:12px;font-style:normal;font-weight:700;letter-spacing:.08em;font-size:14px}
.month::before{content:"";flex:none;width:9px;height:14px;background:var(--golpe);transform:skewX(var(--sk))}
.evrow{border-bottom:1px solid var(--rope)}
.fcard{background:var(--canvas);box-shadow:var(--card-sh);color:var(--chalk)}
.fcard::before{display:none}
.fcard:hover{transform:translateX(2px);box-shadow:var(--card-sh-h)}
.vs-m .rt{color:var(--accent-text)}
/* Cartel de próxima función: Lona */
.fl-band{width:17cqw;transform:translateX(-36%) skewX(var(--sk))}
.fl-vs{display:block;justify-self:center;background:var(--golpe);color:#FFFFFF;padding:.6cqw 2.2cqw .2cqw}
.flyer.lona{background:#ECECEA;color:#242422}
.flyer.lona::before{background:radial-gradient(ellipse at 40% 0%,#FFFFFF 0%,#ECECEA 70%)}
.flyer.lona::after{background:linear-gradient(180deg,transparent 58%,rgba(236,236,234,.94) 84%)}
.flyer.lona .fl-ghost{-webkit-text-stroke:1px rgba(36,36,34,.09)}
.flyer.lona .fl-n{text-shadow:none;color:#242422}
.flyer.lona .fl-n small{color:#C81E1E}
.flyer.lona .fl-n.b small{color:#1A5FC4}
.flyer.lona .fl-foot{background:#121211;color:#F5F5F5}
.flyer.lona .fl-org b,.fl-org b{background:var(--cinturon);color:#121211}

/* ---------- Cara a cara: Noche con Las Cuerdas de esquina ---------- */
.h2h-hero.dark-band{background:radial-gradient(ellipse at 50% 0%,#3A3A36 0%,#121211 70%)}
.h2h-hero::after,.cuerdas{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:linear-gradient(#FF3333 0 2px,transparent 2px 4px,#55554F 4px 6px,transparent 6px 8px,#3D8BFF 8px 10px)}
.hbar .ba{background:var(--golpe)}.hbar .bb{background:var(--blue-ui)}
.swap{background:var(--canvas-2)}

/* ---------- Bandas y cierres ---------- */
.spons{border-block:0;background:var(--canvas-2)}
.sp{background:var(--canvas);border-color:transparent;box-shadow:0 2px 10px rgba(36,36,34,.06);color:var(--smoke)}
.sp:hover{background:var(--canvas);border-color:transparent;color:var(--chalk);transform:translateX(2px);box-shadow:var(--card-sh)}
.sp img{filter:grayscale(1);opacity:.7}
.why.dark-band{background:radial-gradient(ellipse at 20% 0%,#3A3A36 0%,#121211 70%)}
.why::before{background:radial-gradient(60% 90% at 0% 0%,rgba(255,51,51,.16),transparent 70%)}
.pillar{background:rgba(245,245,245,.04)}
.pillar:hover{transform:translateX(2px)}
.chero.dark-band{background:radial-gradient(ellipse at 70% 0%,#3A3A36 0%,#121211 70%)}
.chero::before,.cinfo::before,.login::before,.mhero::before{background:none}
.cinfo.dark-band{background:radial-gradient(ellipse at 100% 0%,#3A3A36 0%,#121211 70%)}
.mbox.dark-band{background:radial-gradient(ellipse at 20% 0%,#3A3A36 0%,#121211 70%)}
.mbox::before{background:var(--golpe)}
footer.ft.dark-band{background:radial-gradient(ellipse at 20% 0%,#3A3A36 0%,#121211 70%)}
footer.ft::before{background:none}
footer.ft::after{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:linear-gradient(#3A3A36 0 2px,transparent 2px 4px,#3A3A36 4px 6px,transparent 6px 8px,#3A3A36 8px 10px)}
.totop{background:var(--golpe);color:#FFFFFF}
.mnav{background:var(--ink)}
.mnav .subs a.on{background:var(--golpe);color:#FFFFFF}
.mnav .big.am{color:var(--blue)}
.gtabs a.on{background:var(--chalk);color:var(--ink)}
.subtabs :is(button,a).on{background:var(--golpe);color:#FFFFFF}
.am-note{border-left-color:#3D8BFF}

/* ---------- Movimiento: entradas por El Corte ---------- */
.rv{transition:transform .52s var(--jab),opacity .52s var(--jab)}
.rv:not(.rv-in){transform:translate(-14px,30px)}
.mv.flash{animation:destello .9s steps(2,jump-none) 2}
@keyframes destello{50%{opacity:.2}}
@media(prefers-reduced-motion:reduce){
  .placa.gold::before{animation:none}
  .slash,.estela,.p-figs .fig,.mv.flash{animation:none}
  .rv:not(.rv-in){transform:none}
  .btn,.champ,.bcard,.pod,.amc,.reason,.fcard,.sp{transition:none}
}
@media(max-width:820px){.ph-fig{opacity:.12}.estela{left:auto;right:-70px;width:120px;opacity:.7}}
@media(min-width:1061px){.tabs{justify-content:flex-end}.tabs .nav-dd .dd{left:auto;right:0}}
.sp{width:260px;height:112px}.sp svg{width:224px;height:68px}.sp img{max-width:216px;max-height:78px}
@media(max-width:600px){.sp{width:220px;height:96px}.sp svg{width:190px;height:58px}.sp img{max-width:184px;max-height:66px}}
/* Portada más compacta */
.poster-in{padding-block:22px 24px}
.motto{padding-bottom:16px}
.motto h1{font-size:clamp(44px,6.2vw,96px)}
.slide{min-height:clamp(340px,30vw,430px)}
.slide .p-figs{height:clamp(260px,26vw,370px)}
.p-fight{margin-top:18px}
.p-name .ln{font-size:clamp(40px,5.4vw,84px)}
.king .p-name .ln{font-size:clamp(50px,6.4vw,100px)}
.king{padding-top:14px}
.sl-nav{margin-top:14px}
.p-stats-in div{padding-block:12px}
.p-stats-in b{font-size:clamp(24px,2.6vw,34px)}
/* Posición más destacada */
.placa,.rnum{--ph:44px;min-width:62px;font-size:33px;color:#121211;-webkit-text-stroke:.7px currentColor;paint-order:stroke fill}
.rnum{font-size:33px}
.placa::before,.rnum::before{background:#D4D4CF}
.placa.blue,.dark-band .placa{color:#F5F5F5}
.placa.sm{--ph:34px;min-width:48px;font-size:25px}
.placa.lg{--ph:56px;min-width:78px;font-size:42px}
.li-p{height:34px;font-size:25px;color:#121211;-webkit-text-stroke:.6px currentColor}
.li-p::before{background:#D4D4CF}
.rrow,.rhd{grid-template-columns:84px 46px minmax(0,1fr) 250px 104px 100px}
@media(max-width:900px){.rrow,.rhd{grid-template-columns:66px minmax(0,1fr) auto}.rnum{--ph:38px;min-width:52px;font-size:28px}}
/* Posición en el perfil: cifra de cartel, grande y en rojo */
.stat.pos b{font:900 italic clamp(50px,4.8vw,64px)/.88 var(--f-poster);color:var(--accent-text);letter-spacing:-.01em;margin-block:2px 4px}
@media(max-width:820px){.stat.pos b{font-size:48px}}
/* ===== Ajustes de claridad (20 oct) ===== */
/* Rojo más profundo detrás de texto blanco pequeño: se lee mejor (contraste ≥ 4.5) */
:root{--golpe-t:linear-gradient(114deg,#E0162B 0%,#C81E1E 100%);--accent-ui:#D91B25;--res-l:#D41E26}
.btn.primary::before,.tabs .ti::before,.chip.red,.t-cont,.ph-rank,.branch-tag:not(.am),.divbar :is(button,a).on,.subtabs :is(button,a).on,.mnav .subs a.on,.totop,.hb,.pbar .pa,.cu:last-child,.placa.live::before,.scale span:nth-child(3){background:var(--golpe-t)}
@media(max-width:700px){.tabs .ti::before{background:var(--canvas-2)}.tabs .ti.on::before{background:var(--golpe-t)}}
.tabs .ti.am.on::before{background:var(--blue-ui)}
/* Leyenda de métodos */
.mleg{margin-top:14px;font-size:14px;color:var(--smoke)}
.mleg summary{cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-family:var(--f-data);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);list-style:none;min-height:32px}
.mleg summary::-webkit-details-marker{display:none}
.mleg summary::before{content:"+";display:inline-grid;place-items:center;width:18px;height:18px;border:1.5px solid currentColor;font-size:13px;line-height:1}
.mleg[open] summary::before{content:"–"}
.mleg>div{display:flex;flex-wrap:wrap;gap:6px 18px;padding:10px 0 4px}
.mleg b{font-family:var(--f-data);font-weight:700;color:var(--chalk);margin-right:3px}
.mv.eq{color:var(--smoke)}
/* Flechas y pestañas del slider más visibles */
.sl-tools{gap:8px;align-items:center}
.sl-arr{all:unset;cursor:pointer;display:inline-grid;place-items:center;width:46px;height:40px;position:relative;isolation:isolate;color:#F5F5F5;font:700 20px/1 var(--f-data)}
.sl-arr::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(245,245,245,.12);transform:skewX(var(--sk));transition:background .2s}
.sl-arr:hover::before{background:var(--golpe-t)}
.sl-arr:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.sl-btn{font-size:13.5px;color:#D4D4CF}
.sl-btn .bar{height:5px;background:rgba(245,245,245,.24)}
.sl-btn.on{color:#FFFFFF}
/* Campeones: cuadrícula fija */
.champs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1000px){.champs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.champs{grid-template-columns:1fr}}
/* Pie: botón de administradores con borde */
.ft-map a.btn.ghost.ft-adm{color:#F5F5F5}
.ft-map a.ft-snd{margin-top:10px}
.ft-map a.ft-snd+a.ft-adm{margin-top:10px}
.ft-map a.btn.ghost.ft-adm::before{box-shadow:inset 0 0 0 1.5px rgba(245,245,245,.55)}
.ft-map a.btn.ghost.ft-adm:hover::before{box-shadow:inset 0 0 0 1.5px #FF5F5F}
/* Celular: nada por debajo de 12 px en la portada */
@media(max-width:820px){.p-corner,.p-top .eyebrow,.p-idx small,.p-idx .frl,.wtag,.stamp small,.cu span,.p-stats-in span,.sl-btn{font-size:12.5px!important}.p-meta{font-size:13.5px}.p-name .fn{font-size:13px}}
@media(max-width:560px){.p-corner,.p-top .eyebrow,.p-idx small,.p-idx .frl,.sl-btn,.p-stats-in span{font-size:12px!important;letter-spacing:.03em!important}.p-meta{font-size:13px}}
/* ===== Panel de control: menú lateral agrupado + inicio ===== */
.in-admin #ticker{display:none}
.adm-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:32px;align-items:start;margin-top:22px}
.anav{position:sticky;top:calc(var(--hh,70px) + 14px)}
.anav-d{display:none}
.anav-list{display:grid;gap:18px;background:var(--canvas);box-shadow:var(--card-sh);padding:14px 10px}
.anav-g{display:grid;gap:2px}
.anav-g+.anav-g{border-top:1px solid var(--rope);padding-top:14px}
.anav-h{font-family:var(--f-data);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke);padding:0 10px 6px}
.anav-list a{display:flex;align-items:center;gap:10px;padding:10px 10px;font-weight:600;font-size:15px;color:var(--chalk);border-left:4px solid transparent;transition:background .15s,color .15s}
.anav-list a:hover{background:var(--canvas-2);color:var(--accent-text)}
.anav-list a.on{background:#FFF0F0;border-left-color:#D91B25;color:var(--accent-text);font-weight:700}
.aic{width:20px;height:20px;flex:none}
.anav-list .badge{margin-left:auto}
.adm-main{min-width:0}
.adm-ph{margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--rope)}
.adm-ph h2{display:flex;align-items:center;gap:12px;font:800 clamp(26px,2.8vw,34px)/1.05 var(--f-display);margin:0}
.adm-ph h2 .aic{width:28px;height:28px;color:var(--accent-text)}
.adm-ph p{margin-top:6px;color:var(--soft);font-size:16px;max-width:70ch}
.ahome-hi h2{font:800 clamp(30px,3.2vw,42px)/1 var(--f-display);margin:0}
.ahome-hi p{color:var(--soft);font-size:17px;margin-top:6px}
.aquick{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:22px 0}
.aq{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:4px;align-content:start;padding:18px 18px 16px;background:var(--canvas);box-shadow:var(--card-sh);border-top:4px solid #D91B25;transition:transform .2s var(--jab),box-shadow .2s var(--jab)}
.aq:hover{transform:translateX(2px);box-shadow:var(--card-sh-h)}
.aq:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.aq .aic{width:30px;height:30px;color:var(--accent-text);margin-bottom:6px}
.aq b{font:800 21px/1.1 var(--f-display)}
.aq span{font-size:14px;color:var(--soft)}
.afind{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:28px}
.afind .fld{flex:1 1 280px}
.ahome-h{font:800 22px/1.1 var(--f-display);margin:26px 0 12px}
.todo{background:var(--canvas);box-shadow:var(--card-sh);border-left:5px solid #E3A92B;padding:14px 16px;margin-bottom:10px;display:grid;gap:8px}
.todo.ok{border-left-color:#2EB872}
.todo>b{font-size:16px}
.todo-r{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--rope)}
.todo-r>span{display:grid;min-width:0}
@media(max-width:960px){
  .adm-layout{grid-template-columns:1fr;gap:16px}
  .anav{position:static}
  .anav-full{display:none}
  .anav-d{display:block}
  .anav-d summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--canvas);box-shadow:var(--card-sh);font-weight:700;font-size:16px;border-left:5px solid #D91B25;min-height:48px}
  .anav-d summary::-webkit-details-marker{display:none}
  .anav-d summary i{margin-left:auto;font-style:normal;color:var(--smoke)}
  .anav-d summary::after{content:"Cambiar";font-family:var(--f-data);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text)}
  .anav-d[open] summary{box-shadow:none}
  .anav-d .anav-list{margin-top:6px}
  .anav-list a{min-height:46px}
}
.evd span{letter-spacing:.03em;white-space:nowrap}
.arow .evd{min-width:62px}
@media(max-width:960px){.anav-d summary i{display:none}}
@media(max-width:600px){.aquick{grid-template-columns:1fr 1fr;gap:8px}.aq{padding:12px 12px 10px}.aq .aic{width:24px;height:24px;margin-bottom:2px}.aq b{font-size:17px}.aq span{display:none}}
/* Foto del boxeador (recortada, sin fondo) */
.ph-photo{-webkit-mask-image:none;mask-image:none;height:100%;max-width:40%;aspect-ratio:auto;width:auto}
.ph-photo img{object-fit:contain;object-position:50% 100%;opacity:1;filter:none;height:100%;width:auto;max-width:100%;display:block;margin-left:auto}
@media(max-width:820px){.ph-photo{opacity:.28;max-width:70%;height:78%}}
.ph-cur{display:inline-grid;place-items:end center;width:132px;height:160px;background:var(--luz);box-shadow:inset 0 0 0 1px var(--rope);overflow:hidden;flex:none}
.ph-cur img{max-width:100%;max-height:100%;object-fit:contain}
.ph-busy{display:flex;align-items:center;gap:10px;padding:16px 0;color:var(--soft);font-weight:600}
.ph-cmp{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:14px 0 10px}
.ph-opt{position:relative;display:grid;gap:4px;padding:10px;background:var(--canvas);box-shadow:inset 0 0 0 1.5px var(--rope);cursor:pointer}
.ph-opt.on{box-shadow:inset 0 0 0 3px #D91B25}
.ph-opt input{position:absolute;top:10px;left:10px;width:18px;height:18px;accent-color:#D91B25}
.ph-prev{display:grid;place-items:end center;height:220px;overflow:hidden;background:var(--canvas-2)}
.ph-prev.cut{background:radial-gradient(ellipse at 40% 0%,#FFFFFF 0%,#ECECEA 70%)}
.ph-prev img{max-width:100%;max-height:100%;object-fit:contain}
.ph-opt b{font-size:15px;margin-top:4px}
.adm-card{align-content:start}
.phero.has-photo .ph-photo{right:max(230px,calc((100% - 1240px)/2 + 250px));max-width:34%}
@media(min-width:821px){.phero.has-photo .ph-grid{grid-template-columns:minmax(0,1fr) auto}.phero.has-photo .ph-grid>.av.xl{display:none}}
@media(max-width:820px){.phero.has-photo .ph-photo{right:0;max-width:62%;opacity:.35}}
@media(max-width:820px){.phero.has-photo .ph-photo{display:none}}
/* Portada aún más compacta (slider más bajo) */
.poster-in{padding-block:16px 16px}
.motto{padding-bottom:10px}
.motto h1{font-size:clamp(38px,4.6vw,72px)}
.slide{min-height:clamp(290px,24vw,350px)}
.slide .p-figs{height:clamp(220px,21vw,300px)}
.p-fight{margin-top:10px}
.p-name .ln{font-size:clamp(36px,4.4vw,68px)}
.king .p-name .ln{font-size:clamp(44px,5.2vw,82px)}
.p-idx b{font-size:clamp(30px,3.2vw,44px)}
.vs{font-size:clamp(40px,4.2vw,64px)}
.slide .p-foot{padding-top:16px}
.sl-nav{margin-top:10px}
.p-stats-in div{padding-block:9px}
.p-stats-in b{font-size:clamp(22px,2.2vw,30px)}
.fid-box{display:grid;gap:2px;padding:12px 14px;margin:6px 0 14px;background:var(--canvas-2);border-left:4px solid #D91B25}
.fid-box .fld-l{font-family:var(--f-data);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke)}
.fid-box b{font:800 26px/1.1 var(--f-display);letter-spacing:.04em}
.fid-box b i{font-style:normal;color:var(--smoke);letter-spacing:.1em}
/* Cinturones de campeón */
.belt{display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 7px;font-family:var(--f-data);font-weight:700;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:#121211;white-space:nowrap;line-height:1.5;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);padding-inline:12px}
.belt.w{background:var(--cinturon);box-shadow:0 4px 10px rgba(227,169,43,.35)}
.belt.r{background:linear-gradient(114deg,#C9C9C2 0%,#F2F2EE 50%,#B9B9B2 100%)}
.belt-i{width:17px;height:17px;flex:none}
.champ-ban{display:inline-flex;align-items:center;gap:12px;margin:10px 0 2px;padding:8px 22px 8px 16px;color:#121211;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}
.champ-ban.w{background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.8) 50%,transparent 60%) no-repeat -160% 0/55% 100%,var(--cinturon);animation:brillo 3.6s var(--jab) infinite}
.champ-ban.r{background:linear-gradient(114deg,#C9C9C2 0%,#F2F2EE 50%,#B9B9B2 100%)}
.champ-ban .belt-i{width:34px;height:34px}
.champ-ban div{display:grid;line-height:1.15}
.champ-ban b{font:900 italic 21px/1 var(--f-poster);text-transform:uppercase;letter-spacing:.01em}
.champ-ban span{font-family:var(--f-data);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
@media(prefers-reduced-motion:reduce){.champ-ban.w{animation:none}}
.dark-band .belt.r{background:linear-gradient(114deg,#A3A39C 0%,#E3E3DF 50%,#8F8F88 100%)}
/* Franja de campeones vigentes */
.cstrip{position:relative;overflow:hidden;isolation:isolate;margin:0 0 18px;padding:18px 20px 16px;background:radial-gradient(ellipse at 15% 0%,#3A3A36 0%,#121211 70%)}
.cstrip::before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:var(--cinturon)}
.cs-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 18px;margin-bottom:12px}
.cs-t{display:inline-flex;align-items:center;gap:10px;font:900 italic 24px/1 var(--f-poster);text-transform:uppercase;color:#FFD76B}
.cs-t .belt-i{width:26px;height:26px}
.cs-s{font-size:13px;color:var(--smoke)}
.cs-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.cs-card{display:grid;gap:10px;padding:12px 14px;background:rgba(245,245,245,.05);box-shadow:inset 0 0 0 1px rgba(227,169,43,.35);transition:transform .2s var(--jab),background .2s}
.cs-card:hover{transform:translateX(2px);background:rgba(227,169,43,.10)}
.cs-org{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:3px 14px 3px 10px;background:var(--cinturon);color:#121211;font-family:var(--f-data);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.cs-org .belt-i{width:17px;height:17px}
.cs-who{display:flex;align-items:center;gap:10px;min-width:0}
.cs-who>span:last-child{display:grid;min-width:0}
.cs-n{font:900 italic 22px/1 var(--f-poster);text-transform:uppercase;color:#F5F5F5;overflow-wrap:anywhere}
.cs-m{display:flex;gap:8px;align-items:center;margin-top:4px;font-size:13.5px;font-weight:600;color:var(--soft)}
.cs-pos{font-size:13px;color:var(--smoke);border-top:1px solid rgba(245,245,245,.12);padding-top:8px}
.cs-pos b{color:#F5F5F5;font-weight:700}
.cs-reg{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(245,245,245,.12);font-size:14px;color:#F5F5F5}
.cs-reg a{display:inline-flex;align-items:center;gap:8px;font-weight:600}
.cs-reg a:hover{color:#FFD76B}
.cs-rl{font-family:var(--f-data);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke)}
@media(max-width:700px){.cs-list{grid-auto-flow:column;grid-auto-columns:82%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.cs-card{scroll-snap-align:start}.cstrip{margin-inline:-16px;padding-inline:16px}}
/* ===== Enviar papeleta o resultados ===== */
.shero{background:radial-gradient(ellipse at 40% 0%,#FFFFFF 0%,#ECECEA 72%);border-bottom:1px solid var(--rope)}
.sh-in{padding-block:34px 28px;max-width:980px}
.sh-t{font:800 clamp(34px,5vw,56px)/1 var(--f-display);margin:8px 0 10px}
.snd{max-width:980px;padding-block:24px 10px}
.snd-ver{margin-top:16px;padding:12px 16px;background:#E8F6EE;border-left:5px solid #2EB872;font-size:16px}
.snd-ver b{font-weight:700}
.snd-code{margin-top:18px;padding:16px 18px;background:var(--canvas-2);border:1px solid var(--rope);border-left:5px solid var(--accent-ui)}
.snd-code label{display:block;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:13px;margin-bottom:2px}
.snd-code .sm{margin:0}
.snd-code-f{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}
.snd-code-f .in{max-width:240px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.sstep{background:var(--canvas);box-shadow:var(--card-sh);padding:20px 20px 22px;margin-bottom:16px}
.sstep-h{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}
.sstep-n{flex:none;display:grid;place-items:center;width:40px;height:40px;position:relative;isolation:isolate;font:900 italic 24px/1 var(--f-poster);color:#fff}
.sstep-n::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--golpe-t);transform:skewX(var(--sk))}
.sstep-h h2{font:800 25px/1.1 var(--f-display);margin:4px 0 0}
.sstep-h p{color:var(--soft);font-size:15px;margin-top:4px}
.skind{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sk{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:6px;padding:18px;background:var(--canvas-2);border:2px solid transparent;transition:border-color .15s,background .15s}
.sk b{font:800 24px/1 var(--f-display)}
.sk span{color:var(--soft);font-size:15px}
.sk:hover{border-color:var(--rope-strong)}
.sk.on{border-color:#D91B25;background:#FFF0F0}
.sk:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.sgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.sgrid .wide{grid-column:1/-1}
.sfight{border:1px solid var(--rope);border-left:5px solid #D91B25;padding:14px;margin-bottom:12px;background:var(--canvas)}
.sf-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.sf-h b{font-family:var(--f-data);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:14px}
.sf-c{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:start}
.sf-vs{align-self:center;font:900 italic 22px/1 var(--f-poster);color:var(--accent-text);padding-top:18px}
.snew{display:grid;gap:4px;margin-top:6px}
.snew>span{font-size:12.5px;color:var(--smoke)}
.sf-o{margin-top:12px}
.sf-r{display:grid;gap:12px;margin-top:14px;padding-top:12px;border-top:1px dashed var(--rope)}
.seg.big button{padding:11px 16px;font-size:14.5px}
.seg.big button.r-A.on{background:var(--golpe-t);color:#fff}
.seg.big button.r-B.on{background:#1A5FC4;color:#fff}
.smeth{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.smeth button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:2px;padding:9px 12px;background:var(--canvas-2);font-size:13.5px;color:var(--soft);border:2px solid transparent}
.smeth button b{font-family:var(--f-data);font-weight:800;font-size:16px;color:var(--chalk)}
.smeth button.on{border-color:#D91B25;background:#FFF0F0}
.smeth button:focus-visible{outline:3px solid var(--focus)}
.snar{max-width:180px}
.sfile{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;cursor:pointer}
.sfiles{display:grid;gap:8px;margin:12px 0}
.sfi{display:flex;align-items:center;gap:12px;padding:8px;background:var(--canvas-2)}
.sfi img{width:56px;height:56px;object-fit:cover}
.sfi-pdf{display:grid;place-items:center;width:56px;height:56px;background:#C81E1E;color:#fff;font-weight:800}
.sfi-n{flex:1;min-width:0;overflow-wrap:anywhere;font-size:14px}
.lnk-u{color:var(--accent-text);text-decoration:underline;text-underline-offset:2px;font-weight:600}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.snd-go{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;margin:8px 0 30px}
.snd-go .btn{padding:16px 36px;font-size:17px}
.sdone{text-align:center;padding:40px 16px 30px;background:var(--canvas);box-shadow:var(--card-sh)}
.sdone-i{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#2EB872;color:#fff;font-size:40px;font-weight:800}
.sdone h2{font:800 40px/1 var(--f-display);margin:14px 0 8px}
.sdone .actions{justify-content:center;margin-top:18px}
@media(max-width:700px){
  .skind,.sgrid{grid-template-columns:1fr}
  .sf-c{grid-template-columns:1fr}
  .sf-vs{padding:0;justify-self:center}
  .sstep{padding:16px 14px 18px;margin-inline:-6px}
  .snd-go .btn{width:100%}
}
.cta-send{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;padding:18px 20px;margin-bottom:18px;background:var(--canvas);box-shadow:var(--card-sh);border-left:6px solid #D91B25}
.cta-send>span:first-child{display:grid;gap:4px;max-width:60ch}
.cta-send b{font:800 22px/1.1 var(--f-display)}
.cta-send>span:first-child>span{color:var(--soft)}
/* Envíos por revisar (panel) */
.vbad{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;background:#E8F6EE;color:#0F7A42;font-weight:700;font-size:13px}
.nvbad{display:inline-flex;align-items:center;padding:1px 8px;background:#FFF4DB;color:#8A5F05;font-weight:700;font-size:12.5px;letter-spacing:.03em;text-transform:uppercase}
.sub-head{gap:8px}
.sub-h1{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.sub-h1 b{font:800 22px/1 var(--f-display)}
.sub-who{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font-size:14.5px}
.sub-ev{font:800 28px/1.05 var(--f-display);margin:8px 0 0}
.sub-notes{font-style:italic;color:var(--soft);border-left:3px solid var(--rope);padding-left:10px}
.sub-cols{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);margin-top:10px}
@media(max-width:900px){.sub-cols{grid-template-columns:1fr}}
.sfrs{display:grid;gap:8px}
.sfr{display:grid;grid-template-columns:34px minmax(0,1fr);gap:4px 10px;padding:12px;background:var(--canvas);box-shadow:var(--card-sh)}
.sfr-n{grid-row:span 2;font:900 italic 24px/1 var(--f-poster);color:var(--smoke)}
.sfr-c{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:start}
.sfr-o{display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:space-between;font-size:13.5px;color:var(--soft)}
.sfr-res{color:var(--chalk)}
.sbx{display:grid;gap:4px;padding:8px 10px;background:var(--canvas-2);min-width:0}
.sbx.ok{border-left:4px solid #2EB872}
.sbx.new{border-left:4px solid #E3A92B}
.sbx b{overflow-wrap:anywhere}
.sbx-a{display:grid;gap:6px;margin-top:4px}.sbx-a .btn{justify-self:start;padding:9px 18px;font-size:13px}
@media(max-width:700px){.sfr-c{grid-template-columns:1fr}.sfr-c .sf-vs{justify-self:center;padding:0}}
.sfiles-t{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.sfile-t{display:block;background:var(--canvas-2);box-shadow:inset 0 0 0 1px var(--rope);overflow:hidden}
.sfile-t img{display:block;width:100%;height:160px;object-fit:cover}
.sfile-t.pdf{display:grid;place-items:center;gap:6px;height:160px;padding:10px;text-align:center;font-size:13px;overflow-wrap:anywhere}
.sfile-t.pdf span{display:grid;place-items:center;width:52px;height:52px;background:#C81E1E;color:#fff;font-weight:800}
.sub-go{margin-top:14px}
.sub-rej{margin-top:6px}
.sub-rej summary{cursor:pointer;color:var(--loss);font-weight:600;min-height:32px;display:flex;align-items:center}
.sub-rej .fld{margin:8px 0}
.fromsub{padding:12px 16px;margin-bottom:14px;background:#FFF4DB;border-left:5px solid #E3A92B;font-size:15px}
.ptn{gap:10px}
.ptn.off{opacity:.65}
.ptn-l{display:grid;gap:4px}
.ptn-l code{display:block;padding:8px 10px;background:var(--canvas-2);font-size:13.5px;overflow-wrap:anywhere;user-select:all}
@media(max-width:600px){.ft-map div:last-child{grid-column:1/-1}}

/* Quién puede enviar */
.snd-only{margin-top:14px;padding:12px 16px;background:var(--canvas-2);border-left:5px solid var(--chalk);font-size:15px;line-height:1.45}
.snd-only b{font-weight:700}
.srole{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.srole button{all:unset;box-sizing:border-box;cursor:pointer;padding:12px 14px;background:var(--canvas-2);font-weight:700;font-size:15px;line-height:1.3;color:var(--chalk);border:2px solid transparent;min-height:48px;display:flex;align-items:center}
.srole button.on{border-color:#D91B25;background:#FFF0F0}
.srole button:focus-visible{outline:3px solid var(--focus)}
.scheck{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:12px 14px;background:#FFF8E6;border:1px solid #E9C46A;font-size:15px;line-height:1.4;cursor:pointer}
.scheck input{width:22px;height:22px;flex:none;margin:0;accent-color:#D91B25}
.srole-t{font-weight:700;color:var(--accent-text)}

/* ---------- Avisos legales ---------- */
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.legal{max-width:820px;font-size:17px;line-height:1.65;color:var(--soft)}
.legal h2{font:800 italic 26px/1.1 var(--f-poster);text-transform:uppercase;color:var(--chalk);margin:34px 0 10px;letter-spacing:.01em}
.legal h2:first-child{margin-top:0}
.legal b{color:var(--chalk);font-weight:700}
.legal ul{padding-left:20px;margin:8px 0}
.legal li{margin:6px 0}
.legal a{color:var(--accent-text);font-weight:700}
.ft-sm a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.ft-sm a:hover{color:#FF5F5F}

/* ---------- Reportar un error ---------- */
.repf{display:grid;gap:12px;margin-top:6px}
.repf .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.repf .row2{grid-template-columns:1fr}}
.repf textarea.in{min-height:96px}
.rep-i{all:unset;box-sizing:border-box;cursor:pointer;width:26px;height:26px;display:inline-grid;place-items:center;border:1.5px solid var(--rope);color:var(--soft);font:800 14px/1 var(--f-data);opacity:.55;transition:opacity .2s,border-color .2s,color .2s}
.rep-i:hover,.rep-i:focus-visible{opacity:1;border-color:#D91B25;color:#D91B25}
.rep-i:focus-visible{outline:3px solid var(--focus)}
.rep-l{all:unset;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--soft);text-decoration:underline;text-underline-offset:3px;margin-top:4px;opacity:.7}
.rep-l:hover,.rep-l:focus-visible{opacity:1;color:var(--accent-text)}
.msg-ref{margin:6px 0 2px;font-size:14px;font-weight:700}

/* ---------- Verificado con acta ---------- */
.vacta{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:7px 14px 7px 10px;background:#E8F6EE;color:#14663C;font-weight:700;font-size:14px;letter-spacing:.03em}
.dark-band .vacta{background:rgba(46,184,114,.16);color:#7EE2AE}
.vacta-i{width:18px;height:18px;flex:none}
.vacta-s{display:inline-flex;align-items:center;gap:4px;color:#1E8C55;font-weight:700}
.vacta-s .vacta-i{width:14px;height:14px}

/* ---------- Reglas del ranking ---------- */
.rules{margin:22px 0 6px;padding:12px 16px;background:var(--canvas-2);border-left:5px solid var(--chalk)}
.rules summary{cursor:pointer;font-weight:700;min-height:32px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.rules ul,.rules-l{margin:8px 0 4px;padding-left:20px;line-height:1.5}
.rules li,.rules-l li{margin:5px 0}

/* ---------- Portal: clave personal y seguimiento ---------- */
.srole-lock{padding:12px 16px;background:#E8F6EE;border-left:5px solid #2EB872;font-size:15px;margin-bottom:6px}
.strack{display:grid;gap:4px;margin:18px auto 0;max-width:560px;padding:14px 18px;background:var(--canvas-2);border-left:5px solid var(--chalk);text-align:left}
.sstat{max-width:720px;padding:26px;background:var(--canvas-2);border-top:6px solid var(--rope)}
.sstat.st-ok{border-top-color:#2EB872}.sstat.st-no{border-top-color:#D91B25}.sstat.st-rev{border-top-color:#E9C46A}
.sstat h2{font:900 italic 34px/1 var(--f-poster);text-transform:uppercase;margin:18px 0 8px}
.sst-steps{list-style:none;display:flex;gap:6px;padding:0;margin:0;flex-wrap:wrap}
.sst-steps li{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;background:var(--canvas);font-weight:700;font-size:14px;color:var(--soft)}
.sst-steps li span{width:24px;height:24px;display:grid;place-items:center;background:var(--rope);color:#fff;font:800 13px/1 var(--f-data)}
.sst-steps li.on{color:var(--chalk)}.sst-steps li.on span{background:#2EB872}
.sst-steps li.bad span{background:#D91B25}
.smine{margin-top:14px;font-size:15px}
.smine summary{cursor:pointer;font-weight:700;min-height:32px;display:flex;align-items:center}
.smine a{display:flex;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--rope);color:var(--chalk)}
.smine a .ar{margin-left:auto}
.ntf{display:grid;gap:6px;border-left:5px solid #2EB872}
.ntf-t{background:var(--canvas-2);padding:10px 12px;margin:2px 0 6px;white-space:pre-wrap}
.ptn-role{margin:2px 0 6px}
.cols>*{min-width:0}
@media(max-width:560px){.cols{grid-template-columns:minmax(0,1fr)}.cta-send .btn{white-space:normal;max-width:100%;text-align:center}}
.adm-card{grid-template-columns:minmax(0,1fr)}.adm-card h3.ttl{flex-wrap:wrap}
@media(max-width:560px){.adm-card .actions .btn{white-space:normal;max-width:100%;text-align:center}}
/* Registrar boxeador nuevo desde la captura */
.ac-new{all:unset;box-sizing:border-box;display:block;width:100%;cursor:pointer;padding:12px 14px;font-weight:700;color:var(--accent-text);border-top:1px solid var(--rope);background:var(--canvas)}
.ac-new:hover,.ac-new:focus-visible{background:#FFF0F0}
.cap-nb{display:grid;gap:10px;margin-top:10px;padding:14px;background:var(--canvas-2);border-left:4px solid #D91B25}
.cap-nb-r{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.cap-nb .sm{margin:0}
.cap-nb,.cap-nb>*,.cap-nb .fld{min-width:0}.cap-nb .in{width:100%;max-width:100%;box-sizing:border-box}.cap-nb .actions .btn{white-space:normal;max-width:100%}
/* Historial rápido en la ficha del boxeador */
.hq{margin-top:26px}
.hq .ttl .sm{font:600 14px var(--f-body,inherit);text-transform:none;letter-spacing:0}
.hq-t{font:800 italic 20px/1.1 var(--f-poster);text-transform:uppercase;margin:12px 0 0}
.hq-have summary{cursor:pointer;font-weight:700;min-height:32px;display:flex;align-items:center}
.hq-list{display:grid;gap:0;margin-top:6px}
.hq-li{display:grid;grid-template-columns:92px auto minmax(0,1fr) minmax(0,1.2fr);gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--rope);font-size:14px}
@media(max-width:700px){.hq-li{grid-template-columns:auto auto minmax(0,1fr)}.hq-li>.sm:last-child{grid-column:1/-1}}
.hq-row{padding:14px 16px;background:var(--canvas-2);border-left:4px solid var(--chalk);margin-bottom:10px}
.hq-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.hq-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px 12px}
.hq-g .hq-opp{grid-column:span 2}
@media(max-width:420px){.hq-g .hq-opp{grid-column:auto}}
.hq-g>*{min-width:0}
.hq-more{margin-top:10px}
.hq-more summary{cursor:pointer;font-size:14px;font-weight:700;color:var(--accent-text);min-height:30px;display:flex;align-items:center}
.hq-more .hq-g{margin-top:8px}
.hq .ttl .sm{margin-left:8px}
/* ---------- Pagos ---------- */
.pay-sum{display:grid;gap:6px;padding:14px 16px;background:var(--canvas-2);border-left:5px solid var(--chalk);max-width:560px}
.pay-sum>div{display:flex;justify-content:space-between;gap:16px;font-size:15px}
.pay-sum .pay-tot{border-top:1px solid var(--rope);padding-top:8px;margin-top:2px;font-size:18px}
.pay-sum .pay-tot b{font:900 italic 26px/1 var(--f-poster);color:var(--accent-text)}
.pay-sum s{opacity:.55;font-size:.7em;margin-right:6px}
.pay-free{margin-top:12px;padding:12px 16px;background:#E8F6EE;border-left:5px solid #2EB872;font-weight:700;color:#14663C;max-width:560px}
.pay-ms{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-top:4px}
.pay-m{all:unset;box-sizing:border-box;cursor:pointer;display:flex;gap:14px;align-items:flex-start;padding:16px;background:var(--canvas-2);border:2px solid transparent;line-height:1.35}
.pay-m svg{width:30px;height:30px;flex:none;color:var(--chalk);margin-top:2px}
.pay-m b{display:block;font-size:17px;margin-bottom:3px}
.pay-m>span>span{font-size:14px;color:var(--soft)}
.pay-m.on{border-color:#D91B25;background:#FFF0F0}
.pay-m.on svg{color:#D91B25}
.pay-m:focus-visible{outline:3px solid var(--focus)}
.pay-safe{margin-top:10px}
.paybox{display:grid;gap:12px;margin:18px auto 0;max-width:640px;text-align:left}
.pb-h{display:grid;gap:4px;padding:14px 18px;background:#FFF4E0;border-left:5px solid #E9A23B}
.pb-h b{font:900 italic 24px/1.05 var(--f-poster);text-transform:uppercase}
.pb-m{display:grid;gap:8px;padding:16px 18px;background:var(--canvas-2);border:2px solid transparent}
.pb-m.on{border-color:var(--rope)}
.pb-m>b{font-size:17px}
.pb-m .btn{justify-self:start}
.pb-bank{display:grid;gap:0;background:var(--canvas);padding:4px 12px}
.pb-kv{display:grid;grid-template-columns:minmax(110px,auto) 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--rope);font-size:15px}
.pb-kv:last-child{border-bottom:0}
.pb-kv b{font-family:var(--f-data);letter-spacing:.02em;word-break:break-all}
.sfile.busy{opacity:.5;pointer-events:none}
.pb-wait{margin-bottom:10px}
.sstat.st-pay{border-top-color:#E9A23B}
.paychip{display:inline-block;padding:2px 8px;font-size:12px;font-weight:700;letter-spacing:.03em;background:var(--canvas-2);color:var(--soft);vertical-align:middle}
.paychip.pc-paid{background:#E8F6EE;color:#14663C}
.paychip.pc-pending{background:#FFF4E0;color:#8A5300}
.paychip.pc-exempt,.paychip.pc-member,.paychip.pc-credit,.paychip.pc-free{background:#EEF2FF;color:#2B3A8C}
.paybn{display:grid;gap:8px}
.paybn.wait{border-left:5px solid #E9A23B;background:#FFF9EE}
.paybn.ok{border-left:5px solid #2EB872}
.pay-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:8px}
.pay-kpis>div{display:grid;gap:4px;padding:14px 16px;background:var(--canvas);border:1px solid var(--rope)}
.pay-kpis span{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--soft)}
.pay-kpis b{font:900 italic 26px/1 var(--f-poster)}
.pay-months{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}
.pay-months span{display:grid;padding:8px 12px;background:var(--canvas-2);font-size:13px;color:var(--soft)}
.pay-months b{font-size:16px;color:var(--chalk)}
.ps{margin-top:26px}
.ps-h{font:800 italic 18px/1.1 var(--f-poster);text-transform:uppercase;margin:16px 0 0}
.ps-blk{display:grid;gap:8px;padding:12px 14px;background:var(--canvas-2)}
.ps-how summary{cursor:pointer;font-weight:700;color:var(--accent-text);min-height:30px;display:flex;align-items:center}
.ps-how ol{margin:8px 0;padding-left:20px;line-height:1.5}
.ps-how code{word-break:break-all}
.chk.big{align-items:flex-start;padding:12px 14px;background:var(--canvas-2)}
.chk.big>span{display:grid;gap:2px}
.ptn-pay{display:grid;gap:8px;padding:12px;background:var(--canvas-2)}
.ptn-pay-f{display:flex;gap:8px;flex-wrap:wrap}
.ptn-pay-f .in{max-width:170px}
.pb-steps{margin:2px 0 4px;padding-left:20px;line-height:1.45;font-size:15px}
.pb-steps li{margin:3px 0}
.pb-alt summary{cursor:pointer;min-height:32px;display:flex;align-items:center}
.pb-alt[open]{gap:8px}
.paybox,.strack{width:100%;box-sizing:border-box;min-width:0}
.paybox>*{min-width:0}
.sdone{min-width:0;max-width:100%}
.snd-go .btn{white-space:normal;max-width:100%;text-align:center}
.pb-m{grid-template-columns:minmax(0,1fr)}.paybox .btn,.paybox .sfile .btn{white-space:normal;max-width:100%;text-align:center}
.pb-kv b{word-break:normal;overflow-wrap:anywhere}@media(max-width:560px){.pb-kv{grid-template-columns:minmax(0,1fr) auto;gap:2px 10px}.pb-kv>span{grid-column:1/-1;font-size:13px;color:var(--soft)}.pb-kv b{font-size:17px}}
/* ---------- Textos de la página ---------- */
.tx-list{display:grid;gap:8px}
.txi{padding:0}
.txi>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;list-style:none}
.txi>summary::-webkit-details-marker{display:none}
.txi>summary>span:first-child{display:grid;gap:2px;min-width:0}
.txi>summary .sm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.txi[open]{padding:0 18px 18px}
.txi[open]>summary{padding:14px 0;border-bottom:1px solid var(--rope);margin-bottom:6px}
.tx-rich{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.5;min-height:260px}
.tx-tools{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:6px}
.tx-pv{margin-top:10px;padding:14px 16px;background:var(--canvas-2);font-size:15px;max-width:none}
.tx-see{font:700 13px var(--f-body,inherit);letter-spacing:.04em;margin-left:10px;text-transform:none}
.tx-tr .ttl{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.legal p{margin:0 0 14px}.legal ul{margin:0 0 14px}
.bk-list{display:grid;margin:6px 0}
.bk-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--rope)}
.bk-row>span{display:grid}
/* ---------- Estadísticas ---------- */
.st-chart{position:relative;overflow-x:auto}
.st-chart svg{display:block;width:100%;min-width:320px;height:auto}
.st-g{stroke:var(--rope);stroke-width:1;opacity:.6}
.st-ax{font:600 11px var(--f-body,inherit);fill:var(--soft)}
.st-bar{fill:#D91B25;transition:opacity .15s}
.st-hit{fill:transparent}
.st-chart:hover .st-b .st-bar{opacity:.55}
.st-chart .st-b.on .st-bar{opacity:1}
.st-tip{position:absolute;transform:translate(-50%,-100%);background:var(--chalk);color:var(--canvas);font-size:13px;font-weight:600;padding:6px 10px;white-space:nowrap;pointer-events:none;z-index:2}
.st-tbl summary{cursor:pointer;font-weight:700;font-size:14px;margin-top:8px}
.st-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:12px}
.st-cols>*{min-width:0}
.st-list{display:grid}
.st-li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--rope);font-size:14px}
.st-li a,.st-li span:not(.st-n){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-n{font:800 13px var(--f-data);color:var(--soft)}
.st-src{display:grid;gap:8px}
.st-src>div{display:grid;grid-template-columns:minmax(0,1fr) 2fr 44px;gap:8px;align-items:center;font-size:14px}
.st-src i{display:block;height:10px;background:linear-gradient(90deg,#D91B25 var(--w),var(--canvas-2) var(--w));border-radius:0 4px 4px 0}
.st-src b{text-align:right}
/* ---------- Certificado de récord ---------- */
.cert-wrap{max-width:900px}
.cert-v{margin-bottom:14px}
.cert{background:#fff;color:#121211;border:1px solid #D8D8D2;box-shadow:var(--card-sh);padding:34px 38px;margin-top:16px;position:relative;overflow:hidden}
.cert::before{content:"";position:absolute;top:0;right:60px;width:46px;height:100%;background:#D91B25;transform:skewX(-24deg);opacity:.08}
.cert.revoked::after{content:"ANULADO";position:absolute;inset:0;display:grid;place-items:center;font:900 italic 120px var(--f-poster);color:rgba(217,27,37,.18);transform:rotate(-18deg);pointer-events:none}
.cert-h{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:3px solid #121211;padding-bottom:14px}
.cert-h>div{text-align:right}
.cert-logo{height:46px;width:auto}
.cert-k{font:700 13px var(--f-body,inherit);letter-spacing:.12em;text-transform:uppercase;color:#66665F}
.cert-main{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:22px}
.cert-name{font:900 italic clamp(38px,6vw,62px)/.95 var(--f-poster);text-transform:uppercase;margin:6px 0 0;color:#121211}
.cert-nick{font-size:18px;color:#66665F;margin-top:4px}
.cert-id{display:inline-block;margin-top:10px;padding:4px 10px;background:#D91B25;color:#fff;font:800 14px var(--f-data);letter-spacing:.06em}
.cert-belts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.cert-belts span{padding:4px 10px;background:#E7B417;color:#121211;font-weight:700;font-size:13px}
.cert-ph{width:150px;height:auto;flex:none}
.cert-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:24px 0 18px;border:2px solid #121211}
.cert-stats>div{display:grid;gap:2px;padding:12px 14px;border-right:1px solid #D8D8D2}
.cert-stats>div:last-child{border-right:0}
.cert-stats span{font:700 12px var(--f-body,inherit);letter-spacing:.1em;text-transform:uppercase;color:#66665F}
.cert-stats b{font:900 italic 34px/1 var(--f-poster);color:#121211}
.cert-stats i{font-style:normal;font-size:13px;color:#66665F}
.cert-t{width:100%;border-collapse:collapse;font-size:13px}
.cert-t th{text-align:left;font:700 11px var(--f-body,inherit);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#121211;padding:7px 8px}
.cert-t td{padding:6px 8px;border-bottom:1px solid #E6E6E0;vertical-align:top}
.cert-t tr:nth-child(even) td{background:#F7F7F4}
.cert-f{display:flex;gap:18px;align-items:center;margin-top:22px;padding-top:16px;border-top:3px solid #121211}
.cert-f>div:last-child{display:grid;gap:6px;font-size:13px;color:#3A3A36}
.cert-f .qr{width:110px;height:110px;flex:none}
@media(max-width:640px){.cert{padding:20px 16px}.cert-stats{grid-template-columns:1fr 1fr}.cert-stats>div:nth-child(2){border-right:0}.cert-stats>div:nth-child(-n+2){border-bottom:1px solid #D8D8D2}.cert-ph{width:90px}.cert-t th:nth-child(5),.cert-t td:nth-child(5){display:none}.cert-f{flex-direction:column;align-items:flex-start}}
@media print{
  @page{size:letter;margin:12mm}
  body{background:#fff!important}
  body *{visibility:hidden}
  .cert,.cert *{visibility:visible}
  .cert{position:absolute;left:0;top:0;width:100%;box-shadow:none;border:0;margin:0;padding:0}
  .cert-t tr{break-inside:avoid}
}
.cert-t{min-width:0}.cert-t td{overflow-wrap:anywhere}.st-tbl table{min-width:0}
@media(max-width:640px){.cert-h{flex-wrap:wrap}.cert-h>div{text-align:left}.cert-logo{height:38px}}.afilters .btn{white-space:normal;max-width:100%}