
:root{
  --ground:#04070F; --deep:#081426; --panel:#0C1526; --panel-2:#111C31; --line:#1F2E47;
  --ink:#EEF3FD; --ink-dim:#94A2C0; --ink-faint:#5E6B87;
  --brand:#2F6DF6; --data:#59E1FF; --own:#FFB43D;
  --bx:#70BBE9; --ux:#EE7700; --cx:#E8314A; --nd:#4E5870;
  --fd:"Chakra Petch",system-ui,sans-serif;
  --fb:"IBM Plex Sans",system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--fb);font-size:20.2px;
  line-height:1.6;-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--data);outline-offset:2px;border-radius:4px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
img{-webkit-user-drag:none;user-select:none}

/* fondo: retícula técnica + resplandor, sin imagen externa */
.bg{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
   radial-gradient(1100px 620px at 82% -12%,rgba(47,109,246,.26),transparent 62%),
   radial-gradient(820px 560px at -8% 108%,rgba(89,225,255,.10),transparent 62%),
   linear-gradient(180deg,#061020 0%,#04070F 55%,#050B16 100%)}
.bg::before{content:"";position:absolute;inset:0;opacity:.5;
  background:
   repeating-linear-gradient(115deg,transparent 0 58px,rgba(89,225,255,.055) 58px 59px),
   repeating-linear-gradient(65deg,transparent 0 92px,rgba(47,109,246,.05) 92px 93px)}
.bg::after{content:"";position:absolute;inset:0;
  background-image:var(--fondo);background-repeat:repeat-y;
  background-position:center top;background-size:100% auto;
  opacity:.13;mix-blend-mode:screen}
.gears{position:fixed;inset:0;z-index:1;pointer-events:none;
  background-image:var(--gearbg);background-repeat:no-repeat;
  background-position:-80px 14%,right -110px bottom 8%;
  background-size:400px,470px;opacity:.075;filter:grayscale(1) contrast(1.15)}
.frame{position:fixed;inset:9px;border:1px solid rgba(89,225,255,.16);border-radius:5px;
  z-index:3;pointer-events:none}
.frame::before,.frame::after{content:"";position:absolute;width:34px;height:34px}
.frame::before{top:-1px;left:-1px;border-top:2px solid var(--data);border-left:2px solid var(--data)}
.arriba{position:fixed;right:20px;bottom:20px;z-index:20;width:50px;height:50px;border-radius:50%;
  border:1px solid var(--line);background:rgba(12,21,38,.93);backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(0,0,0,.5);
  opacity:0;transform:translateY(12px);transition:.18s;pointer-events:none}
.arriba.ver{opacity:1;transform:none;pointer-events:auto}
.arriba:hover{border-color:var(--data);background:rgba(47,109,246,.3)}
.arriba svg{width:23px;height:23px;fill:none;stroke:var(--data);stroke-width:2.3;
  stroke-linecap:round;stroke-linejoin:round}
@media(max-width:820px){.arriba{right:13px;bottom:13px;width:45px;height:45px}}
.frame::after{bottom:-1px;right:-1px;border-bottom:2px solid var(--data);border-right:2px solid var(--data)}

.wrap{position:relative;z-index:2;max-width:1290px;margin:0 auto;padding:0 26px 72px}

/* top */
.top{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:22px 0 15px}
.brand{display:flex;align-items:center;gap:9px;font-family:var(--fd);cursor:pointer}
.brand img{height:31px;display:block}
.brand b{font-size:29.7px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.brand b i{font-style:normal;color:var(--brand)}
.tag{font-size:12.2px;letter-spacing:.16em;text-transform:uppercase;color:var(--data);
  border:1px solid rgba(89,225,255,.35);padding:3px 6px;border-radius:3px}
.search{flex:1;min-width:225px;position:relative}
.search input{width:100%;background:rgba(12,21,38,.85);border:1px solid var(--line);color:var(--ink);
  border-radius:9px;padding:10px 13px 10px 36px;font:inherit}
.search input::placeholder{color:var(--ink-faint)}
.search svg{position:absolute;left:12px;top:11px;stroke:var(--ink-faint);fill:none;stroke-width:2}
.util{display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:100%}
.lang{display:flex;border:1px solid var(--line);border-radius:7px;overflow:hidden}
.lang button{font-family:var(--fd);font-size:14.9px;letter-spacing:.1em;padding:6px 10px;color:var(--ink-faint);white-space:nowrap}
.lang button[aria-pressed="true"]{background:var(--brand);color:#fff}
.count{font-family:var(--fd);font-size:16.2px;letter-spacing:.07em;color:var(--ink-dim);
  display:flex;align-items:center;gap:7px;white-space:nowrap}
.count b{color:var(--own);font-size:23px;font-variant-numeric:tabular-nums}

/* nowrap + overflow-x: la fila se desliza sola. Sin esto medía 561px en una
   pantalla de 390 y arrastraba TODO el documento a lo ancho. */
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:18px;
  flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;
  scrollbar-width:none;-webkit-overflow-scrolling:touch}
.tabs::-webkit-scrollbar{display:none}
.tab{font-family:var(--fd);font-size:16.9px;letter-spacing:.11em;text-transform:uppercase;
  padding:11px 15px;color:var(--ink-faint);border-bottom:2px solid transparent;margin-bottom:-1px;
  white-space:nowrap;flex:0 0 auto}
.tab[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--brand)}
.tab span{opacity:.5;margin-left:5px;font-variant-numeric:tabular-nums}

.note{display:flex;gap:11px;margin:0 0 18px;padding:12px 15px;
  background:linear-gradient(90deg,rgba(47,109,246,.16),rgba(47,109,246,.02));
  border-left:3px solid var(--brand);border-radius:0 8px 8px 0;font-size:17.6px;color:var(--ink-dim)}
.note strong{color:var(--ink);font-weight:600}

.bar{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:16px}
.lbl{font-family:var(--fd);font-size:13.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}
select{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:7px;
  padding:7px 10px;font:inherit;font-size:17.6px}
.vw{display:flex;border:1px solid var(--line);border-radius:7px;overflow:hidden;margin-left:auto}
.vw button{padding:7px 12px;font-family:var(--fd);font-size:14.9px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--ink-faint)}
.vw button[aria-pressed="true"]{background:var(--brand);color:#fff}

/* catálogo */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(208px,1fr));gap:14px}
.cardp{position:relative;background:linear-gradient(175deg,rgba(17,28,49,.95),rgba(12,21,38,.95));
  border:1px solid var(--line);border-radius:12px;overflow:hidden;text-align:left;
  display:flex;flex-direction:column;transition:.16s}
.cardp:hover{border-color:var(--brand);transform:translateY(-2px)}
.stripe{height:4px;background:var(--nd)}
.ph{position:relative;padding:15px 14px 6px;display:flex;align-items:center;justify-content:center;min-height:128px;
  background:radial-gradient(closest-side at 50% 55%,rgba(47,109,246,.17),transparent 72%)}
.ph img{max-width:100%;max-height:106px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55))}
.ft{padding:0 13px 13px;display:flex;flex-direction:column;gap:2px}
.n1{font-family:var(--fd);font-weight:600;font-size:19.6px;line-height:1.25}
.n2{font-size:15.5px;color:var(--ink-faint)}
.vars{font-size:14.9px;color:var(--ink-dim);line-height:1.45;margin-top:3px}
.vars b{color:var(--data);font-weight:600;font-family:var(--fd);letter-spacing:.04em}
.vtab{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.vpill{font-family:var(--fd);font-size:16.2px;padding:4px 9px;border:1px solid var(--line);
  border-radius:100px;color:var(--ink-dim);font-variant-numeric:tabular-nums}
.vpill span{color:var(--data);margin-left:5px}
.setter{border:1px dashed var(--line);border-radius:10px;padding:11px 13px;
  display:flex;flex-direction:column;gap:9px}
.setter p{margin:0;font-size:15.5px;color:var(--ink-faint);line-height:1.5}
.setrow{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.pill{font-family:var(--fd);font-size:16.2px;letter-spacing:.04em;padding:6px 11px;border:1px solid var(--line);
  border-radius:100px;color:var(--ink-dim);transition:.14s;font-variant-numeric:tabular-nums}
.pill:hover{border-color:var(--ink-dim);color:var(--ink)}
.pill[aria-pressed="true"]{color:#231603;font-weight:600}
.subf{display:flex;gap:7px;flex-wrap:nowrap;margin:-4px 0 16px;
  overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:2px;
  scrollbar-width:none;-webkit-overflow-scrolling:touch}
.subf::-webkit-scrollbar{display:none}
.subf button{white-space:nowrap;flex:0 0 auto;
  font-family:var(--fd);font-size:14.9px;letter-spacing:.09em;text-transform:uppercase;
  padding:6px 12px;border:1px solid var(--line);border-radius:100px;color:var(--ink-dim);transition:.14s}
.subf button[aria-pressed="true"]{background:var(--cx);border-color:var(--cx);color:#fff}
.subf button:hover:not([aria-pressed="true"]){border-color:var(--cx);color:var(--ink)}
.comp{display:flex;flex-direction:column;gap:7px;flex:1;min-width:0}
.compwrap{display:flex;gap:18px;align-items:flex-start}
.basefoto{margin:0;flex:0 0 178px;background:radial-gradient(closest-side at 50% 55%,rgba(89,225,255,.15),transparent 72%);
  border-radius:10px;padding:10px;text-align:center}
.basefoto img{max-width:100%;max-height:170px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.55))}
.basefoto figcaption{font:600 12.8px/1.3 var(--fd);letter-spacing:.13em;text-transform:uppercase;color:var(--data);margin-top:6px}
@media(max-width:700px){.compwrap{flex-direction:column}.basefoto{flex:0 0 auto;align-self:center;max-width:220px}}
.slot{display:grid;grid-template-columns:188px 1fr;gap:12px;align-items:baseline;
  padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:rgba(17,28,49,.6)}
.slot dt{font-family:var(--fd);font-size:12.8px;letter-spacing:.14em;text-transform:uppercase;color:var(--data)}
.slot dd{margin:0;font-family:var(--fd);font-size:20.2px;font-weight:600}
.slot a{color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(89,225,255,.5)}
.slot a:hover{color:var(--data)}
.slot .no{color:var(--ink-faint);font-weight:400;font-size:17.6px;font-family:var(--fb)}
.w{font-family:var(--fd);font-size:16.2px;color:var(--data);font-variant-numeric:tabular-nums;margin-top:4px}
.mk{position:absolute;top:11px;right:10px;z-index:3;max-width:64%;display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.sysb{height:24px;display:block;opacity:.95}
.sysb.gen{width:88px;height:38px;object-fit:contain;object-position:right center}      /* p191: caja ancha para el logo recortado */
.sysb.exp{height:20px;margin-top:3px}
@supports (height:1cqh){
  /* en escritorio se quedan igual (el piso gana); en celular suben ~25% */
  .sysb{height:clamp(24px,8.3cqw,30px)}
  .sysb.gen{width:clamp(80px,27cqw,100px);height:clamp(34px,11cqw,44px)}
  .sysb.exp{height:clamp(20px,6.9cqw,25px)}
  .sysb.tipo{height:clamp(30px,10.4cqw,38px)}
}
.syslogo.expl{height:33px}
.syslogo.ipl2{height:24px}
.syslogo.gen{height:45px}
.sysb.tipo{height:30px}
.sysb.none{font-family:var(--fd);font-size:12.2px;color:var(--nd);border:1px solid var(--nd);
  border-radius:3px;padding:1px 4px;height:auto}
.chip{font-family:var(--fd);font-size:12.8px;letter-spacing:.1em;text-transform:uppercase;
  border-radius:3px;padding:2px 6px;background:rgba(89,225,255,.14);color:var(--data);
  border:1px solid rgba(89,225,255,.28)}
.chip{white-space:nowrap}
.chip.t-ataque{background:rgba(59,130,246,.18);color:#7CB2FF;border-color:rgba(59,130,246,.45)}
.chip.t-defensa{background:rgba(34,197,94,.18);color:#6EE7A0;border-color:rgba(34,197,94,.45)}
.chip.t-equilibrio{background:rgba(239,68,68,.18);color:#FF8A8A;border-color:rgba(239,68,68,.45)}
.chip.t-resistencia{background:rgba(250,204,21,.18);color:#FFD866;border-color:rgba(250,204,21,.45)}
.spec dd .t{font-family:var(--fd)}
.t-ataque-c{color:#7CB2FF}.t-defensa-c{color:#6EE7A0}.t-equilibrio-c{color:#FF8A8A}.t-resistencia-c{color:#FFD866}
.chip.cat{background:rgba(255,180,61,.16);color:var(--own);border-color:rgba(255,180,61,.34);font-size:11.5px;letter-spacing:.08em}
.owndot{width:9px;height:9px;border-radius:50%;background:var(--own);box-shadow:0 0 0 3px rgba(255,180,61,.18)}
.estrella{position:absolute;right:7px;bottom:3px;z-index:4;width:36px;height:36px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;border:1px solid var(--line);
  background:rgba(4,7,15,.72);transition:.14s;cursor:pointer}
.estrella svg{width:20px;height:20px;fill:none;stroke:var(--ink-faint);stroke-width:1.8;stroke-linejoin:round}
.estrella:hover{border-color:var(--own);background:rgba(255,180,61,.18)}
.estrella:hover svg{stroke:var(--own)}
.estrella.on{border-color:var(--own);background:rgba(255,180,61,.2)}
.estrella.on svg{fill:var(--own);stroke:var(--own)}
.face{position:absolute;top:7px;left:7px;width:44px;height:44px}
@supports (width:1cqw){
  .face{width:clamp(57px,19cqw,72px);height:clamp(57px,19cqw,72px)}
}
.face img{width:100%;height:100%;object-fit:contain}

.tbl{width:100%;border-collapse:collapse;font-size:18.9px}
.tbl th{font-family:var(--fd);font-size:13.5px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--ink-faint);text-align:left;padding:8px 11px;border-bottom:1px solid var(--line);font-weight:600}
.tbl td{padding:9px 11px;border-bottom:1px solid rgba(31,46,71,.55)}
.tbl tr{cursor:pointer}
.tbl tr:hover td{background:rgba(17,28,49,.7)}
.tbl .nm{font-family:var(--fd);font-weight:600}
.tbl .sub{color:var(--ink-faint);font-size:16.9px}
.tbl .num{font-variant-numeric:tabular-nums;text-align:right;color:var(--data);font-family:var(--fd)}
.sw{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:7px;vertical-align:-1px}
.scroll{overflow-x:auto}

/* ficha */
.navrow{display:flex;gap:8px;align-items:center;margin-bottom:6px}
.back{font-family:var(--fd);font-size:16.2px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-dim);padding:8px 12px;border:1px solid var(--line);border-radius:100px}
.back:hover{color:var(--ink);border-color:var(--brand)}
.card{background:rgba(12,21,38,.94);border:1px solid var(--line);border-radius:14px;overflow:hidden}
/* container-type deja usar cqw = 1% del ancho de la tarjeta */
.cardp,.card{container-type:inline-size}
.card>.stripe{height:5px}
.hero{display:grid;grid-template-columns:1.02fr .98fr}
.gal{position:relative;background:
  radial-gradient(closest-side at 50% 52%,rgba(47,109,246,.22),transparent 72%),rgba(17,28,49,.9);
  display:flex;align-items:center;justify-content:center;padding:20px;min-height:310px;
  touch-action:pan-y;overflow:hidden}
.gal>img.pieza{max-width:100%;max-height:100%;object-fit:contain;
  filter:drop-shadow(0 14px 26px rgba(0,0,0,.6));pointer-events:none}
.nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;
  background:rgba(4,7,15,.75);border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.nav:hover{background:var(--brand);border-color:var(--brand)}
.nav.l{left:12px}.nav.r{right:12px}
.nav svg{stroke:var(--ink);fill:none;stroke-width:2.2}
.galfoot{position:absolute;left:0;right:0;bottom:11px;display:flex;flex-direction:column;align-items:center;gap:7px}
.galfoot span{font-family:var(--fd);font-size:12.8px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}
.dots{display:flex;gap:5px}
.dots i{width:6px;height:6px;border-radius:50%;background:var(--line);display:block;transition:.15s}
.dots i.on{background:var(--data);width:16px;border-radius:3px}

.meta{padding:22px 24px;display:flex;flex-direction:column;gap:14px}
/* ojo: .hrow ya estaba tomado por las filas del buscador (más abajo), y esa
   regla ganaba por venir después: el título quedaba en una columna de 48px */
.hrow-tit{display:flex;gap:14px;align-items:flex-start;position:relative;padding-right:104px}
.hrow-tit>div{min-width:0}
h1{font-family:var(--fd);font-size:clamp(28.4px,3.1vw,39.2px);font-weight:700;margin:0;line-height:1.12}
.h2n{font-size:17.6px;color:var(--ink-dim);margin-top:4px}
.tbd{color:var(--ink-faint);border-bottom:1px dashed var(--ink-faint);white-space:nowrap}
.excl{color:var(--ink-dim);font-weight:600;letter-spacing:.02em}
.logos{position:absolute;top:3px;right:0;display:flex;align-items:center;gap:8px}
.syslogo{height:39px;width:auto;display:block}

/* blader con marco de engrane */
.blader{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid var(--line);
  border-radius:10px;background:linear-gradient(90deg,rgba(47,109,246,.12),transparent)}
.gear{position:relative;width:62px;height:62px;flex:0 0 auto;display:flex;align-items:center;justify-content:center}
.gear .por{width:100%;height:100%;object-fit:contain}
.blader dt{font-family:var(--fd);font-size:12.8px;letter-spacing:.16em;text-transform:uppercase;color:var(--data)}
.blader dd{margin:0;font-family:var(--fd);font-size:21.6px;font-weight:600}
.blader.multi{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.blader.multi .par{display:flex;align-items:center;gap:10px;min-width:0}
.blader.multi dd{font-size:18.2px}
.blader.multi .gear{width:50px;height:50px}
.blader.ipbox{background:linear-gradient(90deg,rgba(255,180,61,.10),transparent)}
.gear .ipl{object-fit:contain}
.face.ip img{opacity:.95}

.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:9px;overflow:hidden}
.spec{background:var(--panel);padding:9px 12px}
.spec dt{font-family:var(--fd);font-size:12.8px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--data);margin:0 0 2px}
.spec dd{margin:0;font-size:20.2px;font-weight:600;font-family:var(--fd);font-variant-numeric:tabular-nums}
.desg{display:block;font:400 14.9px/1.4 var(--fb);color:var(--ink-faint);margin-top:3px;letter-spacing:0}
.spec dd small{font-size:14.9px;font-weight:400;color:var(--ink-faint);font-family:var(--fb)}
.spec.wide{grid-column:1/-1}
.ars-bar{margin:0 0 14px}
.cmb-peso{display:inline-block;text-decoration:none;font-family:var(--fd);font-size:14.5px;font-variant-numeric:tabular-nums;color:var(--own);
  border:1px solid rgba(255,180,61,.35);border-radius:999px;padding:1px 9px;margin:3px 8px 0 0;white-space:nowrap}
.beyhead .cmb-peso{margin-left:8px}
.alts{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;margin-top:6px}
.alt{position:relative;border:1px solid var(--line);border-radius:14px;background:var(--panel);transition:border-color .15s}
.alt.act{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand) inset}
.alt.mia{background:rgba(255,180,61,.07)}
.alt-b{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:12px 50px 12px 14px;text-align:left;color:var(--ink)}
.alt-b:disabled{cursor:default}
.alt-b b{font-family:var(--fd);font-size:27px;font-weight:700;line-height:1.05;font-variant-numeric:tabular-nums}
.alt-b span{font-family:var(--fd);font-size:17px;color:var(--ink-dim)}.alt-b small{font-size:13px;color:var(--ink-faint)}
.alt .estrella{right:8px;top:50%;bottom:auto;transform:translateY(-50%)}
.deck-mas{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:14px 0 0;padding:13px;border:1px dashed var(--line);
  border-radius:14px;font-family:var(--fd);font-size:15.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim)}
.deck-mas b{font-size:20px;color:var(--brand)}.deck-mas:hover{border-color:var(--brand);color:var(--ink)}
.solomios.deck-solo{margin:16px 0 0}
.solomios.chico{margin:10px 0 0 0;padding:3px 9px;font-size:12.5px}.solomios.chico input{width:13px;height:13px}
.cmb-listo{display:block;width:100%;margin-top:12px;padding:10px 12px;background:#1F9D55 !important;border-color:#1F9D55 !important;color:#fff !important;font-weight:600;font-size:15px}
.cmb-listo:hover{background:#25b365 !important;border-color:#25b365 !important}
.deck-rep{margin:8px 0 2px}
.cmb-uso{display:block;margin:-4px 0 6px;font:600 13.5px/1.3 var(--fd);letter-spacing:.06em;color:var(--ink-faint)}
.cmb-uso.aviso{color:var(--own)}
.cmb-acc{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.cmb-acc .mini{font-size:13.5px;padding:6px 12px}
.cmb-del:hover{border-color:#EF4444;color:#fff}
.cmb-conf{margin-top:8px;padding:9px 11px;border:1px solid rgba(239,68,68,.4);border-radius:10px;background:rgba(239,68,68,.07)}
.cmb-conf p{margin:0 0 4px;font-size:16.2px;color:var(--ink-dim)}
.cmb-pick{display:flex;flex-direction:column;gap:2px;margin-top:9px;padding-top:9px;border-top:1px dashed var(--line)}
.cmb-decks{display:flex;flex-wrap:wrap;gap:6px}
.cmb-decks .mini{font-size:13.5px;padding:6px 12px}.cmb-decks .mini small{opacity:.7;margin-left:3px}
.cmb-decks .mini:disabled,.tn-bey:disabled{opacity:.45;cursor:default}
.combo.abierto{border-color:var(--own)}
.tn-bey-w{margin-bottom:7px}
.tn-bey-w .tn-bey{margin-bottom:3px}
.tn-bey-w .mini{font-size:12.5px;padding:4px 10px;margin-left:57px}
.dg-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:18px}
.dg-m h3{font-family:var(--fd);font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 8px}
.dg-m h3 small{color:var(--ink-faint);font-size:13px}
.dg{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.dg li{display:flex;gap:10px;align-items:baseline;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:rgba(17,28,49,.5);font-size:15.5px}
.dg li b{font-family:var(--fd);font-variant-numeric:tabular-nums;min-width:58px;color:var(--brand)}
.dg-n{min-width:0;overflow-wrap:anywhere}.dg-b{color:var(--ink-faint)}
.dg li em{font-style:normal;color:var(--own);font-size:14px}.dg li i{font-style:normal;color:var(--ink-faint);font-size:13.5px}
.dg-h{font-family:var(--fd);font-weight:600;min-width:42px}
.dg-g{border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:12px;padding:10px 10px 10px 12px;margin-bottom:12px;background:rgba(47,109,246,.05)}
.dg-gh{font-family:var(--fd);font-size:19px;font-weight:700;letter-spacing:.06em;margin:0 0 8px}
.dg-gh small{font-size:13px;color:var(--ink-faint);font-weight:400}
.donde summary{cursor:pointer;display:inline-flex;gap:8px;align-items:center;font-family:var(--fd);font-size:15px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--brand);padding:8px 14px;border:1px solid var(--line);border-radius:10px;margin-bottom:12px}
.donde summary small{color:var(--ink-faint)}.donde details[open] summary{border-color:var(--brand)}
.dg-nota{font-size:13.5px;color:var(--ink-faint);margin-top:12px}
.spec .desg a{color:inherit;text-decoration:underline dotted}
.spec.cb dd{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}
.spec.cb dd a,.spec.cb dd span{font-size:16.5px;padding:3px 10px;border:1px solid var(--line);border-radius:8px;
  background:rgba(47,109,246,.08);color:var(--ink);text-decoration:none}
.spec.cb dd a:hover{border-color:var(--brand);color:var(--brand);text-decoration:none}
.own-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px;
  border-radius:9px;border:1px solid var(--brand);font-family:var(--fd);font-size:16.9px;
  letter-spacing:.1em;text-transform:uppercase;transition:.15s}
.own-btn:hover{background:rgba(47,109,246,.16)}
.own-btn[aria-pressed="true"]{background:var(--own);border-color:var(--own);color:#231603}

.secnav{position:sticky;top:0;z-index:5;display:flex;gap:5px;overflow-x:auto;padding:11px 24px;
  background:rgba(8,20,38,.95);backdrop-filter:blur(8px);border-top:1px solid var(--line);
  border-bottom:1px solid var(--line)}
.secnav button{font-family:var(--fd);font-size:14.2px;letter-spacing:.12em;text-transform:uppercase;
  padding:6px 11px;border-radius:100px;color:var(--ink-faint);white-space:nowrap;border:1px solid transparent}
.secnav button:hover{color:var(--ink);border-color:var(--line)}
section.sec{padding:24px;border-top:1px solid rgba(31,46,71,.55);scroll-margin-top:52px}
/* ===== p167 · ficha rediseñada ===== */
.fx{--ac:#6A7896;--acr:106,120,150;--acd:#4A5469;--acl:#A3ADC2;--acx:#D2D7E1;--ack:#11131A;
  display:flex;flex-direction:column;gap:14px;padding:0 0 10px;color:#F3F6FC;
  background:repeating-linear-gradient(120deg,rgba(255,255,255,.025) 0 2px,transparent 2px 22px)}
.fx-top{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);background:#0B0F19;border-radius:18px;overflow:hidden}
.fx-foto{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;
  padding:64px 28px 28px;min-height:480px;touch-action:pan-y;
  background:radial-gradient(circle at 50% 50%,rgba(var(--acr),.22) 0,rgba(var(--acr),0) 56%),
    radial-gradient(rgba(255,255,255,.07) 1.2px,transparent 1.8px) 0 0/12px 12px,#080B14}
.fx-x1,.fx-x2{position:absolute;left:50%;top:50%;height:980px;background:var(--ac);pointer-events:none}
.fx-x1{width:130px;margin:-490px 0 0 -95px;opacity:.09;transform:rotate(34deg)}
.fx-x2{width:34px;margin:-470px 0 0 40px;opacity:.08;transform:rotate(-41deg)}
.fx-vert{position:absolute;left:20px;top:70px;writing-mode:vertical-rl;font:700 13px var(--fd);letter-spacing:.55em;
  color:var(--ac);opacity:.8;text-transform:uppercase;white-space:nowrap;pointer-events:none}
.fx-star{position:absolute;top:14px;right:14px;z-index:3;width:46px;height:46px;display:flex;align-items:center;justify-content:center;
  border:0;border-radius:23px;background:rgba(20,26,40,.9);cursor:pointer;padding:0}
.fx-star svg{width:26px;height:26px;fill:none;stroke:#C6CEDD;stroke-width:2;stroke-linejoin:round}
.fx-star[aria-pressed="true"] svg{fill:#FFD21F;stroke:#FFD21F}
.fx-star:hover{background:rgba(32,40,60,.95)}
.fx-foto img.pieza{position:relative;width:100%;max-width:540px;height:min(540px,40vw);object-fit:contain;
  filter:drop-shadow(0 22px 26px rgba(0,0,0,.7));pointer-events:none;user-select:none}
.fx-foto .nopic{position:relative}
.fx-dots{position:relative;display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:center;max-width:100%}
.fx-dots button{box-sizing:content-box;width:7px;height:7px;padding:8px 0;border:0;border-radius:4px;background:#3A4560;
  background-clip:content-box;cursor:pointer;transition:width .15s}
.fx-dots button.on{width:26px;background-color:var(--ac)}
.fx-meta{display:flex;flex-direction:column;gap:14px;padding:0 32px 30px 0;min-width:0}
.fx-band{position:relative;z-index:1;margin-left:-60px;padding:26px 26px 34px 70px;container-type:inline-size;overflow:hidden;
  background:linear-gradient(100deg,var(--acd) 0%,var(--ac) 48%,var(--acl) 100%);
  clip-path:polygon(48px 0,100% 0,100% 80%,0 100%);display:flex;flex-direction:column;gap:8px}
.fx-bx1,.fx-bx2{position:absolute;height:220px;background:var(--acx);opacity:.45;pointer-events:none}
.fx-bx1{right:46px;top:-40px;width:38px;transform:rotate(27deg)}
.fx-bx2{right:30px;top:-30px;width:10px;transform:rotate(-37deg)}
.fx-band h1{position:relative;margin:0;font-family:var(--fd);font-style:italic;font-weight:700;line-height:1;
  font-size:min(58px,calc(138cqw / var(--nl,10)));text-transform:uppercase;color:#fff;
  -webkit-text-stroke:1.5px #05080F;text-shadow:4px 4px 0 #05080F;overflow-wrap:anywhere;letter-spacing:0}
.fx-band .h2n{position:relative;margin:0;font:600 15px var(--fb);color:var(--ack)}
.fx-band .h2n .tbd{color:inherit;opacity:.7;border:0}
.fx-band .h2n .excl{color:inherit}
.fx-bhead{display:none}
.fx-band h1 .mn,.fx-hb .mn{font-size:.8em}
.fx-hb{position:relative;align-self:flex-start;display:inline-flex;align-items:baseline;gap:10px;max-width:100%;margin-top:4px;
  padding:6px 18px 7px 12px;background:#05080F;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.fx-hb .k{flex:0 0 auto;font:700 11px var(--fd);letter-spacing:.16em;text-transform:uppercase;color:var(--acl)}
.fx-hb b{font:italic 700 21px/1.1 var(--fd);text-transform:uppercase;color:#fff;letter-spacing:.01em;overflow-wrap:anywhere;min-width:0}
.fx-hb b.pd{color:#8A94AB;font-size:17px}
.fx-nav{position:relative;display:flex;align-items:center;gap:14px;max-width:100%}
.fx-fl{flex:0 0 auto;width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #262F44;
  border-radius:17px;background:rgba(20,26,40,.9);cursor:pointer}
.fx-fl svg{width:16px;height:16px;fill:none;stroke:#C6CEDD;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.fx-fl:hover{border-color:var(--ac)}.fx-fl:hover svg{stroke:#fff}
.fx-blrs{display:grid;gap:6px}
.fx-blrs.multi{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
.fx-blr{display:flex;align-items:center;gap:16px;padding:12px 22px;min-width:0;background:#141A28;border-left:6px solid var(--ac);
  clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.fx-blr img{width:70px;height:70px;object-fit:contain;flex:0 0 auto}
.fx-blr>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.fx-blr b{font:italic 700 25px/1.1 var(--fd);text-transform:uppercase;overflow-wrap:anywhere}
.fx-blrs.multi .fx-blr{padding:10px 16px;gap:12px}.fx-blrs.multi img{width:54px;height:54px}.fx-blrs.multi b{font-size:19px}
.fx-tag{align-self:flex-start;display:inline-block;font:italic 700 12px var(--fd);letter-spacing:.14em;text-transform:uppercase;
  color:#05080F;background:var(--ac);padding:2px 12px 2px 8px;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.fx-c{padding:12px 18px;min-width:0;background:#141A28;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.fx-lbl{font:700 11px var(--fd);letter-spacing:.16em;color:#8A94AB;text-transform:uppercase}
.fx-row{display:grid;gap:6px;grid-template-columns:minmax(0,1fr)}
.fx-row.fr2{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
.fx-row.fr2.giro{grid-template-columns:minmax(0,1fr) 88px}
.fx-row.fr3{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) 88px}
.fx-peso{font:italic 700 44px/1.05 var(--fd);color:#FFD21F;font-variant-numeric:tabular-nums;white-space:nowrap}
.fx-peso small{font-size:18px;color:#8A94AB}
.fx-fecha{font:italic 700 26px/1.75 var(--fd);white-space:nowrap}
.fx-c .desg{color:#8A94AB}.fx-c .desg a{color:inherit;text-decoration:underline dotted}
.fx-giro{display:flex;flex-direction:column;align-items:center}
.fx-giro svg{width:40px;height:40px;margin-top:6px;fill:none;stroke:#FFD21F;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.fx-giro.izq svg{transform:scaleX(-1)}
.fx-datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:6px}
.fx-val{font:italic 700 22px/1.25 var(--fd);margin-top:3px}
.fx-val small{font-size:14px;color:#8A94AB;font-style:normal}
.fx-cb .fx-tag{margin-bottom:10px}
.fx-cbg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.fx-cbi{display:flex;align-items:center;gap:12px;min-width:0;padding:4px 14px 4px 4px;background:#1C2436;color:#F3F6FC;text-decoration:none;
  clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}
a.fx-cbi:hover{background:#26304A;color:#fff}
.fx-cbf{flex:0 0 auto;width:66px;height:58px;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 55%,rgba(var(--acr),.35) 0,rgba(var(--acr),0) 70%)}
.fx-cbf img{width:58px;height:52px;object-fit:contain}
.fx-cbt{display:flex;flex-direction:column;gap:2px;min-width:0}
.fx-cbt small{font:700 10px var(--fd);letter-spacing:.14em;color:#8A94AB;text-transform:uppercase}
.fx-cbt b{font:italic 700 22px/1.05 var(--fd);overflow-wrap:break-word}
.fx-cbi>svg{margin-left:auto;flex:0 0 auto;width:16px;height:16px;fill:none;stroke:#FFD21F;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.fx-pie{margin-top:auto;display:flex;align-items:center;gap:18px;padding:14px 22px}
.fx-pie>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.fx-pie .cod{font:italic 700 40px/1 var(--fd);color:#fff;white-space:nowrap}
.fx-pie .sep{width:2px;align-self:stretch;background:#262F44;flex:0 0 auto}
.fx-pie .lin{font:500 14px var(--fb);color:#A6B0C5}
.fx-pie .ic{margin-left:auto;display:flex;gap:10px;align-items:center;flex:0 0 auto}
.fx-pie .ic img{height:54px;width:auto;display:block}
.fx-pie .ic img.gen{width:160px;height:56px;object-fit:contain;object-position:right center}      /* p191 */
@media(max-width:820px){.fx-pie .ic img.gen{width:118px;height:44px}}
.fx .alts{margin-top:0}
.fx .alt{border:0;border-radius:0;background:#141A28;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.fx .alt.act{background:#1C2436;box-shadow:inset 0 -4px 0 var(--ac)}
.fx .alt-b b{font-style:italic}
.fx .setrow{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.fx-body{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start;margin-top:10px}
.fx-body.sin-idx{grid-template-columns:minmax(0,1fr)}
.fx-idx{position:sticky;top:calc(var(--stkh,0px) + 12px);transition:top .25s;display:flex;flex-direction:column;gap:4px;padding-top:4px}
.fx-idx>span{font:700 11px var(--fd);letter-spacing:.18em;color:#8A94AB;margin-bottom:6px;text-transform:uppercase}
.fx-idx button{text-align:left;padding:9px 14px;border:0;border-radius:0;background:#141A28;color:#C6CEDD;cursor:pointer;
  font:italic 700 14px var(--fd);text-transform:uppercase;letter-spacing:0;white-space:nowrap;
  clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.fx-idx button>span{opacity:.55}
.fx-idx button:hover{background:#1C2436;color:#fff}
.fx-idx button.on{background:#FFD21F;color:#1B1500}
.fx-secs{display:flex;flex-direction:column;gap:12px;min-width:0}
.fx-sec{padding:22px 26px;background:#0F1420;scroll-margin-top:16px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.fx-sec h2{display:flex;align-items:center;gap:12px;margin:0 0 14px;font:italic 700 26px/1.05 var(--fd);text-transform:uppercase;
  color:#F3F6FC;letter-spacing:0}
.fx-sec h2 .n{flex:0 0 auto;font-size:15px;color:#05080F;background:var(--ac);padding:4px 10px;
  clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}
.fx-sec h2 .ln{flex:1;min-width:24px;height:3px;background:linear-gradient(90deg,var(--ac),rgba(var(--acr),0))}
.fx-sec p{max-width:none}
.fx-txt p{margin:0 0 12px;max-width:780px;font-size:17px;line-height:1.6;color:#E4E9F2}
.fx-txt p:last-child,.fx-txt>:last-child{margin-bottom:0}
.fx-txt+.fx-usos{margin-top:14px}
.fx-usos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.fx-usos.fu1{grid-template-columns:minmax(0,1fr)}.fx-usos.fu2{grid-template-columns:repeat(2,minmax(0,1fr))}
.fx-uso{padding:14px 16px;background:#141A28;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.fx-uso b{display:block;margin-bottom:6px;font:italic 700 18px/1.15 var(--fd);text-transform:uppercase;color:#FFD21F}
.fx-uso p{margin:0;font-size:14.5px;line-height:1.5;color:#C6CEDD}
.fx-cbs{display:grid;grid-template-columns:200px minmax(0,1fr);background:#141A28;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.fx-cbs.sinfoto{grid-template-columns:minmax(0,1fr)}
.fx-cbs .shots{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px}
.fx-cbs figure{margin:0}
.fx-cbs .shots img{display:block;width:170px;max-width:100%;height:150px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.6))}
.fx-cbs figcaption{margin-top:4px;font:700 11px var(--fd);letter-spacing:.14em;text-transform:uppercase;color:#8A94AB;text-align:center}
.fx-cbs .tx{padding:18px 22px;min-width:0}
.fx-cbs .tx b.t{display:block;margin:0 0 8px;font:italic 700 26px/1.1 var(--fd);text-transform:uppercase;color:#F3F6FC}
.fx-cbs .tx p{margin:0 0 10px;font-size:15.5px;line-height:1.55;color:#C6CEDD}
.fx-cbs .tx p:last-child{margin-bottom:0}.fx-cbs .tx p+b.t{margin-top:16px}
.fx-crs{display:flex;flex-direction:column;gap:6px}
.fx-cr{display:grid;grid-template-columns:56px minmax(0,1fr);background:#141A28;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.fx-cr>span{display:flex;align-items:center;justify-content:center;background:#F3F6FC;color:#05080F;font:italic 700 26px var(--fd)}
.fx-cr>div{padding:12px 18px;min-width:0}
.fx-cr b{display:block;font:italic 700 21px/1.15 var(--fd);text-transform:uppercase}
.fx-cr p{margin:4px 0 0;font-size:15px;line-height:1.5;color:#C6CEDD}
.fx-cr ul{margin:6px 0 0;padding-left:18px;color:#C6CEDD}
.fx-concl{padding:4px 0 4px 20px;border-left:6px solid #FFD21F}
.fx-concl p{margin:0 0 10px;max-width:820px;font-size:18px;line-height:1.55;color:#fff}
.fx-concl p:last-child{margin-bottom:0}
/* p187: «00 Resumen» y placa del peso por altura */
.fx-res .fx-seo{margin:0 0 14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08);font-size:18px;line-height:1.5;color:#fff;max-width:820px}
.fx-res .fx-seo b{color:#fff}
.fx-pc{margin-top:16px;background:#0A0F1A;border:1px solid rgba(255,255,255,.08);border-radius:12px}
.fx-pc summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:12px 16px;font:italic 700 18px/1.1 var(--fd);text-transform:uppercase;letter-spacing:.03em;color:#FFD21F}
.fx-pc summary::-webkit-details-marker{display:none}
.fx-pc summary:after{content:"";margin-left:auto;width:9px;height:9px;border-right:2px solid #FFD21F;border-bottom:2px solid #FFD21F;transform:rotate(45deg);transition:transform .2s}
.fx-pc[open] summary:after{transform:rotate(-135deg)}
.fx-pcg{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 14px 14px}
.fx-pcg h3{margin:0 0 8px;font:700 12px var(--fd);letter-spacing:.16em;text-transform:uppercase}
.fx-pcg .p h3{color:#3FD39A}.fx-pcg .c h3{color:#FF7A6B}
.fx-pcg ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fx-pcg li{position:relative;padding:8px 10px 8px 32px;border-radius:9px;font-size:15.5px;line-height:1.4;color:#fff}
.fx-pcg .p li{background:rgba(63,211,154,.08)}.fx-pcg .c li{background:rgba(255,122,107,.08)}
.fx-pcg li:before{position:absolute;left:11px;top:8px;font-weight:800}
.fx-pcg .p li:before{content:"✓";color:#3FD39A}.fx-pcg .c li:before{content:"✕";color:#FF7A6B}
@media(max-width:760px){.fx-res .fx-seo{font-size:16.5px}.fx-pcg{grid-template-columns:1fr}}
.fx .alt-b{gap:6px}
.fx .alt-b span{display:inline-block;margin-top:2px;padding:3px 12px 4px 9px;background:#05080F;color:#fff;font:italic 700 17px/1.1 var(--fd);
  clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}
.fx .alt-b span small{color:var(--acl);font-size:12px;font-style:normal;margin-left:2px}
.fx .alt.act .alt-b span{background:var(--ac);color:#05080F}.fx .alt.act .alt-b span small{color:#05080F}
/* p188: alturas de Ratchet con más contraste; la activa en amarillo */
.fx .alts .alt{background:linear-gradient(160deg,#1B2B4D,#132038);box-shadow:inset 0 0 0 1px rgba(63,224,255,.35)}
.fx .alts .alt-b b{color:#fff}
.fx .alts .alt-b span{background:#3FE0FF;color:#04121F;padding:4px 12px 5px 10px}
.fx .alts .alt-b span small{color:#04121F;opacity:.75}
.fx .alts .alt.act{background:linear-gradient(160deg,#3A3208,#1E2436);box-shadow:inset 0 0 0 2px #FFD21F,inset 0 -5px 0 #FFD21F}
.fx .alts .alt.act .alt-b b{color:#FFD21F}
.fx .alts .alt.act .alt-b span{background:#FFD21F;color:#1A1204}.fx .alts .alt.act .alt-b span small{color:#1A1204}
.fx-sec .ccard{border:0;border-left:4px solid var(--ac);border-radius:0;background:#141A28}
.fx-sec .ccard p{font-size:16px;color:#C6CEDD}
.fx-sec .attrib.igual,.fx-secs>.attrib.igual{padding:0}
.fx .lb-fic{margin:0}
@media(max-width:820px){
  .fx{gap:12px}
  .fx-top{display:flex;flex-direction:column;gap:12px;background:none;border-radius:0;overflow:visible}
  .fx-foto{border-radius:16px;padding:52px 0 16px;gap:14px;min-height:0;
    background:radial-gradient(circle at 50% 50%,rgba(var(--acr),.22) 0,rgba(var(--acr),0) 58%),
      radial-gradient(rgba(255,255,255,.07) 1.2px,transparent 1.8px) 0 0/11px 11px,#080B14}
  .fx-x1{width:86px;height:640px;margin:-320px 0 0 -64px}
  .fx-x2{width:22px;height:640px;margin:-305px 0 0 26px}
  .fx-vert{display:none}
  .fx-star{top:8px;right:8px;width:44px;height:44px}.fx-star svg{width:24px;height:24px}
  .fx-foto img.pieza{max-width:330px;height:300px}
  .fx-dots{gap:6px}.fx-dots button{width:6px;height:6px}.fx-dots button.on{width:22px}
  .fx-meta{padding:0;gap:12px}
  .fx-band{margin:0;padding:18px 20px 28px;gap:6px;clip-path:polygon(0 0,100% 0,100% 78%,0 100%)}
  .fx-bx1{right:96px;top:-30px;width:28px;height:190px}
  .fx-bx2{right:84px;top:-20px;width:8px;height:190px}
  .fx-bhead{display:flex;position:relative;align-items:center;gap:8px;min-height:26px}
  .fx-bhead .cod{font:italic 700 17px/1 var(--fd);background:#05080F;color:#fff;padding:5px 11px;
    clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}
  .fx-bhead .ic{margin-left:auto;display:flex;gap:6px;align-items:center}
  .fx-bhead img{height:26px;width:auto;display:block;filter:drop-shadow(2px 2px 0 #05080F)}
  .fx-bhead img.inv{filter:brightness(0) invert(1) drop-shadow(2px 2px 0 #05080F)}
  .fx-band h1{font-size:min(40px,calc(138cqw / var(--nl,10)));-webkit-text-stroke-width:1.2px;text-shadow:3px 3px 0 #05080F}
  .fx-band .h2n{font-size:13px}
  .fx-hb{padding:5px 14px 6px 10px;gap:8px}.fx-hb b{font-size:17px}.fx-hb b.pd{font-size:14px}.fx-hb .k{font-size:10px}
  .fx-fl{display:none}
  .fx-blr{padding:10px 16px;gap:12px;border-left-width:5px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
  .fx-blr img{width:54px;height:54px}.fx-blr b{font-size:20px}
  .fx-tag{font-size:11px;padding:2px 11px 2px 7px}
  .fx-c{padding:10px 12px;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}
  .fx-lbl{font-size:10px}
  .fx-row.fr3{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) 64px}
  .fx-row.fr2.giro{grid-template-columns:minmax(0,1fr) 64px}
  .fx-peso{font-size:32px}.fx-peso small{font-size:14px}
  .fx-fecha{font-size:19px}
  .fx-giro svg{width:32px;height:32px}
  .fx-val{font-size:19px}
  .fx-cb .fx-tag{margin-bottom:9px}
  .fx-cbi{gap:8px;padding:4px 8px 4px 4px}
  .fx-cbf{width:48px;height:46px}.fx-cbf img{width:44px;height:40px}
  .fx-cbg.larga{grid-template-columns:minmax(0,1fr)}
  .fx-cbt small{font-size:9px}.fx-cbt b{font-size:18px}
  .fx-cbi>svg{width:14px;height:14px}
  .fx-pie{display:none}
  .fx-body{display:block;margin-top:0}
  .fx-idx{position:sticky;top:var(--stkh,0px);z-index:6;flex-direction:row;overflow-x:auto;margin:0 -15px 12px;padding:10px 15px;
    background:#070A12;scrollbar-width:none}
  .fx-idx::-webkit-scrollbar{display:none}
  .fx-idx>span{display:none}
  .fx-idx button{flex:0 0 auto;padding:8px 13px;font-size:13px;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}
  .fx-sec{padding:16px 16px 14px;scroll-margin-top:64px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
  .fx-sec h2{font-size:22px;gap:10px;margin-bottom:12px}
  .fx-sec h2 .n{font-size:13px;padding:4px 8px}
  .fx-txt p{font-size:16px;line-height:1.55}
  .fx-usos,.fx-usos.fu2{grid-template-columns:minmax(0,1fr)}
  .fx-cbs{grid-template-columns:minmax(0,1fr)}
  .fx-cbs .shots{padding:14px 12px 0}
  .fx-cbs .tx{padding:12px 16px 16px}.fx-cbs .tx b.t{font-size:21px}
  .fx-cr{grid-template-columns:44px minmax(0,1fr)}.fx-cr>span{font-size:22px}
  .fx-cr>div{padding:10px 12px}.fx-cr b{font-size:18px}.fx-cr p{font-size:14.5px}
  .fx-concl{padding-left:14px;border-left-width:5px}.fx-concl p{font-size:16px}
}
@media(max-width:400px){.fx-idx{margin:0 -11px 12px;padding:10px 11px}}

section.sec h2{font-family:var(--fd);font-size:14.2px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--data);margin:0 0 11px;font-weight:600}
section.sec p{margin:0 0 12px;max-width:66ch;color:#DBE3F2}
section.sec p:last-child{margin-bottom:0}
section.sec strong{color:#fff;font-weight:600}
section.sec ul{margin:0;padding-left:17px;max-width:66ch;display:flex;flex-direction:column;gap:7px}
.ccard{border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:0 11px 11px 0;
  background:rgba(17,28,49,.72);padding:13px 16px;margin-bottom:11px}
.ccard:last-child{margin-bottom:0}
.ccard h3{font-family:var(--fd);font-size:20.9px;font-weight:600;margin:0 0 7px;color:#fff;
  display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.ccard h3 em{font-style:normal;font-size:13.5px;letter-spacing:.14em;color:var(--data);
  border:1px solid rgba(89,225,255,.35);border-radius:3px;padding:2px 6px}
.ccard p{margin:0 0 9px;max-width:none;color:#DBE3F2;font-size:19.6px}
.ccard p:last-child{margin-bottom:0}
.ccard ul{margin:0;padding-left:17px}
.cbase{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:start}
.cbase.sinfoto{grid-template-columns:minmax(0,1fr)}
.shots{display:flex;flex-direction:column;gap:12px}
.shot figcaption{font:600 13.5px/1 var(--fd);letter-spacing:.14em;text-transform:uppercase;color:var(--data);text-align:center;margin-top:6px}
.cbase figure{margin:0}
.cbase .shot{background:radial-gradient(closest-side at 50% 55%,rgba(89,225,255,.15),transparent 72%);
  border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:center}
.cbase .shot img{max-width:100%;max-height:190px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.55))}
.attrib.igual{margin:0!important;padding:14px 24px 0}
.attrib{margin:-4px 0 12px!important;font-size:16.2px;color:var(--ink-faint)}
.attrib a{color:var(--data);text-decoration:none;border-bottom:1px solid rgba(89,225,255,.45)}
.nodata{color:var(--ink-faint);font-size:18.2px;font-style:italic}

/* ===== Mis pruebas ===== */
.pr-box{position:relative}
.pr-box.v{background:rgba(34,197,94,.13);border-color:rgba(34,197,94,.4)}
.pr-box.x{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.38)}
.pr-box.b{background:rgba(89,225,255,.10);border-color:rgba(89,225,255,.34)}
.pr-box.v dt{color:#6EE7A0}.pr-box.x dt{color:#FF8A8A}.pr-box.b dt{color:var(--data)}
.mdl-prev{display:flex;align-items:center;gap:11px;padding:9px 11px;border:1px solid var(--line);
  border-radius:11px;background:rgba(47,109,246,.10);margin-bottom:11px}
.mdl-prev img{width:42px;height:42px;object-fit:contain}
.mdl-prev b{font-family:var(--fd);font-size:20.2px;display:block;line-height:1.2}
.mdl-prev span{font-size:14.9px;color:var(--ink-faint)}
.mdl-sel{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:11px}
.mdl-sel label{font-family:var(--fd);font-size:12.8px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint)}
.mdl-sel select{width:100%;margin-top:3px}
.cmp-bar{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:0 0 12px}
.cmp-bar .lbl{margin-right:2px}
.cmp-bar button{font-family:var(--fd);font-size:14.9px;letter-spacing:.07em;padding:6px 11px;border:1px solid var(--line);
  border-radius:100px;color:var(--ink-dim)}
.cmp-bar button[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:#fff}
.cmp{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.cmp-row{display:grid;grid-template-columns:minmax(0,1.5fr) 96px 96px 96px minmax(0,142px);gap:8px;align-items:center;
  padding:9px 12px;border-bottom:1px solid rgba(31,46,71,.5)}
.cmp-row:last-child{border-bottom:0}
.cmp-row.cab{background:rgba(17,28,49,.8);font-family:var(--fd);font-size:12.8px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-faint)}
.cmp-row.cab span{text-align:center}.cmp-row.cab span:first-child{text-align:left}
.cmp-row .bey{display:flex;align-items:center;gap:9px;min-width:0}
.cmp-row .bey img{width:36px;height:36px;object-fit:contain;flex:0 0 auto}
.cmp-row .bey b{display:block;font-family:var(--fd);font-size:18.2px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmp-row .bey>span{overflow:hidden}
.cmp-row .bey i{font-style:normal;font-size:14.2px;color:var(--ink-faint);display:block}
.cmp-num{text-align:center;font-family:var(--fd);font-size:20.2px;font-variant-numeric:tabular-nums}
.cmp-num small{display:block;font-size:12.2px;color:var(--ink-faint);font-family:var(--fb)}
.cmp-num.pos{color:#6EE7A0}.cmp-num.neg{color:#FF8A8A}
.cmp-pf{font-family:var(--fd);font-size:14.2px;letter-spacing:.04em;padding:4px 9px;border-radius:100px;text-align:center}
.cmp-fondo{position:relative}
.cmp.con-pg .cmp-row{grid-template-columns:minmax(0,1.5fr) 96px 96px 96px 96px minmax(0,142px)}
.cmp-pts{color:#FFD866}
.cmp-bar.modos{margin:8px 0 10px}
.cmp-fondo i{position:absolute;left:0;top:0;bottom:0;border-radius:3px;opacity:.16;background:var(--brand)}
@media(max-width:640px){
  .cmp-row{grid-template-columns:minmax(0,1.4fr) 74px 74px 84px;font-size:16.2px}
  .cmp-row>*:nth-child(5){display:none}
  .cmp-row.cab span:nth-child(5){display:none}
  .cmp.con-pg .cmp-row{grid-template-columns:minmax(0,1.3fr) 66px 66px 74px}
  .cmp.con-pg .cmp-row>*:nth-child(5),.cmp.con-pg .cmp-row.cab span:nth-child(5){display:block}
  .cmp.con-pg .cmp-row>*:nth-child(4),.cmp.con-pg .cmp-row.cab span:nth-child(4),
  .cmp.con-pg .cmp-row>*:nth-child(6),.cmp.con-pg .cmp-row.cab span:nth-child(6){display:none}
}
.pr-nueva{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;
  border:1px solid rgba(34,197,94,.55);background:rgba(34,197,94,.15);
  border-radius:12px;color:#7EE8A6;font-family:var(--fd);font-size:17.6px;letter-spacing:.06em;
  font-weight:600;text-transform:uppercase;transition:.15s;margin-bottom:14px}
.pr-nueva:hover{border-color:#22C55E;background:rgba(34,197,94,.32);color:#fff}
.pr-nueva:hover b{color:#fff}
.pr-nueva b{font-size:27px;line-height:1;color:#7EE8A6}
.pr-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(310px,100%),1fr));gap:12px}
.pr-card{position:relative;display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);
  border-radius:12px;background:linear-gradient(170deg,rgba(17,28,49,.95),rgba(12,21,38,.95));text-align:left;transition:.16s}
.pr-card:hover{border-color:var(--brand);transform:translateY(-2px)}
.pr-card img{width:64px;height:64px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 5px 9px rgba(0,0,0,.5))}
.pr-card .nom{font-family:var(--fd);font-weight:600;font-size:20.2px;display:block}
.pr-card .sub{font-size:15.5px;color:var(--ink-faint)}
.pr-card .mini{display:flex;gap:4px;margin-top:6px}
.pr-card .mini i{height:4px;flex:1;border-radius:2px;background:var(--line);display:block;overflow:hidden}
.pr-card .mini i b{display:block;height:100%;border-radius:2px}
.pr-head{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--line);
  border-radius:13px;background:linear-gradient(100deg,rgba(47,109,246,.14),rgba(12,21,38,.9));margin-bottom:14px}
.pr-head img.bey{width:78px;height:78px;object-fit:contain}
.pr-head .tit{flex:1;min-width:180px}
.pr-head .tit b{font-family:var(--fd);font-size:27px;display:block;line-height:1.15}
.pr-head .tit span{font-size:16.2px;color:var(--ink-faint)}
.pr-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}
.pr-tabs button{flex:1;min-width:150px;font-family:var(--fd);font-size:16.2px;letter-spacing:.08em;text-transform:uppercase;
  padding:9px 10px;border:1px solid var(--line);border-radius:10px;color:var(--ink-dim);transition:.14s;
  display:flex;flex-direction:column;gap:3px;align-items:center}
.pr-tabs button em{font-style:normal;font-size:13.5px;letter-spacing:.04em;opacity:.75;text-transform:none}
.pr-tabs button[aria-pressed="true"]{color:#fff;border-color:transparent}
.pr-grid{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.pr-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(4,60px);gap:6px;align-items:center;
  padding:7px 10px;border-bottom:1px solid rgba(31,46,71,.5)}
.pr-row:last-child{border-bottom:0}
.pr-row:nth-child(odd){background:rgba(17,28,49,.4)}
.pr-riv{display:flex;align-items:center;gap:8px;min-width:0;text-align:left}
.pr-riv img{width:32px;height:32px;object-fit:contain;flex:0 0 auto}
.pr-riv span{font-size:16.9px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pr-riv .vacio2{color:var(--ink-faint);font-style:italic}
.pr-riv i{font-style:normal;font-size:14.2px;color:var(--data);font-family:var(--fd)}
.pr-slot{height:42px;border-radius:8px;border:1px solid var(--line);font-family:var(--fd);font-size:15.5px;
  font-weight:600;color:var(--ink-faint);transition:.12s}
.pr-slot:hover{border-color:var(--data);color:var(--ink)}
.pr-slot.v{background:rgba(34,197,94,.2);border-color:rgba(34,197,94,.5);color:#7EE8A6}
.pr-slot.x{background:rgba(239,68,68,.18);border-color:rgba(239,68,68,.45);color:#FF9A9A}
.pr-cab{display:grid;grid-template-columns:minmax(0,1fr) repeat(4,60px);gap:6px;padding:6px 10px;
  font-family:var(--fd);font-size:12.8px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);
  border-bottom:1px solid var(--line)}
.pr-cab span{text-align:center}
.pr-cab span.l{text-align:left;letter-spacing:.14em}
.pr-marca{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;margin:14px 0}
.pr-box{border:1px solid var(--line);border-radius:11px;padding:9px 10px;background:rgba(12,21,38,.85);text-align:center}
.pr-box dt{font-family:var(--fd);font-size:12.2px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint)}
.pr-box dd{margin:3px 0 0;font-family:var(--fd);font-size:31.1px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.pr-box.v dd{color:#6EE7A0}.pr-box.x dd{color:#FF8A8A}.pr-box.b dd{color:var(--data)}
.pr-box small{display:block;font-size:13.5px;color:var(--ink-faint);margin-top:3px;font-family:var(--fb)}
.pr-ver{border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:0 12px 12px 0;
  background:rgba(17,28,49,.72);padding:14px 16px;margin-top:14px}
.pr-ver h3{font-family:var(--fd);font-size:14.2px;letter-spacing:.2em;text-transform:uppercase;color:var(--data);margin:0 0 9px}
.pr-ver p{margin:0 0 9px;font-size:18.9px;color:#DBE3F2;max-width:70ch}
.pr-ver p:last-child{margin-bottom:0}
.pr-ver .tag{display:inline-block;font-family:var(--fd);font-size:14.9px;letter-spacing:.08em;padding:3px 9px;
  border-radius:100px;margin-right:6px}
.pr-ver .obs{font-size:17.6px;color:var(--ink-dim);border-top:1px dashed var(--line);padding-top:10px;margin-top:10px}
.pr-ver .obs b{color:var(--ink);font-weight:600}
.pr-cierre{font-size:16.9px;color:var(--ink-faint);font-style:italic;margin-top:10px}
.mdl{position:fixed;inset:0;z-index:50;background:rgba(4,7,15,.82);display:flex;align-items:flex-end;
  justify-content:center;padding:16px;backdrop-filter:blur(3px)}
@media(min-width:640px){.mdl{align-items:center}}
.mdl-in{width:100%;max-width:560px;max-height:86vh;overflow:auto;background:var(--panel);border:1px solid var(--line);
  border-radius:16px;padding:16px}
.mdl-in h4{font-family:var(--fd);font-size:17.6px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 3px}
.mdl-in .ayuda{font-size:16.2px;color:var(--ink-faint);margin:0 0 13px}
.mdl-g{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:9px}
.mdl-g button{padding:11px 4px;border-radius:10px;font-family:var(--fd);font-weight:600;font-size:17.6px;border:1px solid}
.mdl-g button small{display:block;font-size:12.2px;font-weight:400;opacity:.8;margin-top:2px;font-family:var(--fb)}
.mdl-g.v button{background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.45);color:#7EE8A6}
.mdl-g.v button:hover{background:rgba(34,197,94,.32)}
.mdl-g.x button{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.4);color:#FF9A9A}
.mdl-g.x button:hover{background:rgba(239,68,68,.3)}
.mdl-lbl{font-family:var(--fd);font-size:13.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:9px 0 5px}
.mdl-cerrar{width:100%;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:10px;
  font-family:var(--fd);font-size:15.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim)}
.mdl-cerrar:hover{color:var(--ink);border-color:var(--ink-faint)}
.mdl-busca{width:100%;background:rgba(12,21,38,.9);border:1px solid var(--line);color:var(--ink);
  border-radius:10px;padding:10px 12px;font:inherit;font-size:18.9px;margin-bottom:10px}
.mdl-res{display:flex;flex-direction:column;gap:5px;max-height:46vh;overflow:auto}
.mdl-res button{display:flex;align-items:center;gap:10px;padding:7px 9px;border:1px solid var(--line);
  border-radius:10px;text-align:left}
.mdl-res button:hover{border-color:var(--brand)}
.mdl-res img{width:42px;height:42px;object-fit:contain}
.mdl-res b{font-family:var(--fd);font-size:18.2px;font-weight:600;display:block}
.mdl-res span{font-size:14.9px;color:var(--ink-faint)}
.pr-cols{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:10px 0 0;padding:9px 12px;
  border:1px dashed var(--line);border-radius:11px}
.pr-cols button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 14px;
  border:1px solid var(--line);border-radius:10px;font-family:var(--fd);font-size:13px;
  letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);transition:.14s}
.pr-cols button em{font-style:normal;font-size:10.5px;opacity:.6;letter-spacing:.02em}
.pr-cols button:hover:not([disabled]){border-color:var(--data);color:var(--ink);background:rgba(89,225,255,.1)}
.pr-cols button[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:#fff}
.pr-cols button[disabled]{opacity:.34;cursor:not-allowed}
.cmp-row .bey i .ojo{font-style:normal;color:#FFD866;border-bottom:1px dotted rgba(255,216,102,.5)}
.pr-cols .nota{flex:1;min-width:180px;font-size:12.5px;color:var(--ink-faint)}
.opnueva{display:block;width:100%;text-align:left;padding:13px 15px;margin-bottom:9px;
  border:1px solid var(--line);border-radius:12px;background:rgba(17,28,49,.6);transition:.15s}
.opnueva b{display:block;font-family:var(--fd);font-size:17px;margin-bottom:3px}
.opnueva span{font-size:13px;color:var(--ink-dim);line-height:1.5}
.opnueva:hover{border-color:var(--brand);background:rgba(47,109,246,.16)}
.opnueva.xt{border-color:rgba(89,225,255,.4);background:rgba(89,225,255,.08)}
.opnueva.xt b{color:var(--data)}
.opnueva.xt:hover{border-color:var(--data);background:rgba(89,225,255,.18)}
.pr-acc{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.pr-acc button{font-family:var(--fd);font-size:14.9px;letter-spacing:.09em;text-transform:uppercase;padding:8px 13px;
  border:1px solid var(--line);border-radius:100px;color:var(--ink-dim)}
.pr-acc button:hover{color:var(--ink);border-color:var(--ink-dim)}
.pr-acc button.peligro{color:#FF8A8A;border-color:rgba(239,68,68,.55);background:rgba(239,68,68,.14)}
.pr-acc button.peligro:hover{color:#fff;border-color:#EF4444;background:rgba(239,68,68,.75)}
.pr-perfil{border:1px solid var(--line);border-radius:13px;padding:16px;margin-top:18px;
  background:linear-gradient(100deg,rgba(255,180,61,.10),rgba(12,21,38,.9))}
.pr-perfil h3{font-family:var(--fd);font-size:14.2px;letter-spacing:.2em;text-transform:uppercase;color:var(--own);margin:0 0 10px}
.pr-perfil p{margin:0 0 8px;font-size:18.9px;color:#DBE3F2;max-width:70ch}
.pr-perfil p:last-child{margin-bottom:0}
.run-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 12px;margin:0 0 12px;
  border:1px solid var(--line);border-radius:11px;background:rgba(17,28,49,.6)}
.run-bar b{font-family:var(--fd);font-size:19.6px;font-weight:600;flex:1;min-width:150px}
.run-bar .editar{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;
  border-color:var(--brand);background:rgba(47,109,246,.2);color:var(--ink);font-weight:600}
.run-bar .editar svg{width:15px;height:15px;fill:none;stroke:var(--data);stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round}
.run-bar .editar:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.run-bar .editar:hover svg{stroke:#fff}
.run-eti{font-family:var(--fd);font-size:14.2px;letter-spacing:.1em;text-transform:uppercase;
  padding:4px 10px;border-radius:100px}
.pr-cab em{display:block;font-style:normal;font-size:10.8px;letter-spacing:.06em;opacity:.65;margin-top:2px}
.pr-fin{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:8px;margin:0 0 14px}
.lado{border:1px solid var(--line);border-radius:11px;padding:8px 10px;background:rgba(12,21,38,.7);
  display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.lado.v{border-color:rgba(34,197,94,.32)}
.lado.x{border-color:rgba(239,68,68,.28)}
.lado .eti{flex:0 0 100%;font-family:var(--fd);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink-faint);margin-bottom:2px}
.fin{display:inline-flex;align-items:center;gap:5px;font-family:var(--fd);font-size:13.5px;letter-spacing:.06em;
  padding:3px 8px;border-radius:100px;border:1px solid var(--line);color:var(--ink-faint)}
.fin b{font-size:17.6px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}
.fin.v{border-color:rgba(34,197,94,.4);color:#7EE8A6}.fin.v b{color:#6EE7A0}
.fin.x{border-color:rgba(239,68,68,.36);color:#FF9A9A}.fin.x b{color:#FF8A8A}
.fin.n b{color:var(--data)}
.fin.cero{opacity:.38}

/* inicio */
.home{display:flex;flex-direction:column;align-items:center;gap:0;padding:26px 0 10px;position:relative}
.hero-gear{position:absolute;top:-34px;left:50%;transform:translateX(-50%);width:340px;opacity:.11;
  pointer-events:none;filter:grayscale(1)}
.home .logo-big{height:74px;margin-bottom:10px;position:relative}
.home .claim{font-family:var(--fd);font-size:16.2px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--data);margin:0 0 26px;text-align:center}
.hsearch{position:relative;width:100%;max-width:560px}
.hsearch input{width:100%;background:rgba(12,21,38,.9);border:1px solid var(--line);color:var(--ink);
  border-radius:12px;padding:15px 16px 15px 46px;font:inherit;font-size:21.6px}
.hsearch input:focus{border-color:var(--brand);outline:none}
.hsearch svg{position:absolute;left:16px;top:16px;stroke:var(--ink-faint);fill:none;stroke-width:2}
.hres{width:100%;max-width:560px;margin-top:8px;display:flex;flex-direction:column;gap:4px}
.hrow{display:grid;grid-template-columns:48px 1fr auto;gap:11px;align-items:center;padding:8px 11px;
  border:1px solid var(--line);border-radius:9px;background:rgba(12,21,38,.9);text-align:left}
.hrow:hover{border-color:var(--brand)}
.hrow img{width:40px;height:40px;object-fit:contain}
.hrow b{font-family:var(--fd);font-size:18.9px;font-weight:600;display:block}
.hrow span{font-size:15.5px;color:var(--ink-faint)}
.hrow em{font-style:normal;font-family:var(--fd);font-size:14.9px;color:var(--data)}
.cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;
  width:100%;max-width:860px;margin:30px 0 8px}
@media(max-width:700px){
  .cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}
  .cat{padding:14px 13px}.cat b{font-size:18.5px;letter-spacing:.04em}.cat span{font-size:29px}.cat i{font-size:13px}
}
.cat{position:relative;border:1px solid var(--line);border-radius:13px;padding:18px 16px;overflow:hidden;
  background:linear-gradient(170deg,rgba(17,28,49,.95),rgba(12,21,38,.95));text-align:left;transition:.16s}
.cat:hover{border-color:var(--brand);transform:translateY(-2px)}
.cat b{font-family:var(--fd);font-size:21px;letter-spacing:.05em;text-transform:uppercase;display:block;position:relative}
.cat span{font-family:var(--fd);font-size:35.1px;color:var(--data);font-variant-numeric:tabular-nums;
  display:block;margin-top:4px;line-height:1}
.cat i{font-style:normal;font-size:14.9px;color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase}
.cat img{position:absolute;right:-14px;bottom:-14px;width:78px;opacity:.22;pointer-events:none}
.hsec{width:100%;max-width:720px;margin-top:26px}
.hsec h2{font-family:var(--fd);font-size:14.2px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--data);margin:0 0 11px}
.nopic{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:600 14.9px/1 var(--ui);letter-spacing:.09em;color:#4b6382;text-transform:uppercase}
.nuevos{display:grid;grid-template-columns:repeat(auto-fill,minmax(106px,1fr));gap:9px}
.nuevos .cardp .ph{aspect-ratio:1/1}
.nuevos .cardp .ft{padding:6px 7px 8px}
.nuevos .cardp .n1{font-size:15.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.nuevos .cardp .w{font-size:13.5px}
.nuevos .cardp .face{width:32px;height:32px}
@supports (width:1cqw){.nuevos .cardp .face{width:32px;height:32px}}
/* Mi Deck */
.arsnav{margin:0 0 16px}
.arsutil{justify-content:flex-end}
.arsnav .va-sel{-webkit-appearance:none;appearance:none;padding-right:56px!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:28px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11.5' fill='%23231603'/%3E%3Cpath d='M7 10l5 5 5-5' fill='none' stroke='%23FFB43D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;box-shadow:0 0 0 3px rgba(255,180,61,.25);
  display:none;font-family:var(--fd);font-size:14.9px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink);background:var(--own);border:1px solid var(--own);border-radius:999px;padding:8px 14px;min-width:0;max-width:100%;color:#231603}
@media (max-width:600px){
  .arsnav{flex-wrap:wrap;overflow:visible}
  .arsnav .va-btn{display:none}
  .arsnav .va-sel{display:block;flex:1 1 100%}
  .arsnav .va-fill{display:none}
  .arsutil [data-exp],.arsutil [data-imp]{flex:1 1 0}
}
.arsnav button[aria-pressed="true"]{background:var(--own);border-color:var(--own);color:#231603}
.arsnav button:hover:not([aria-pressed="true"]){border-color:var(--own);color:var(--ink)}
.solomios{display:inline-flex;align-items:center;gap:8px;margin-left:10px;cursor:pointer;
  padding:5px 13px;border:1px solid rgba(255,180,61,.55);border-radius:100px;
  background:rgba(255,180,61,.12);color:var(--own);font-weight:600;transition:.15s}
.solomios:hover{background:rgba(255,180,61,.26);border-color:var(--own)}
.solomios input{accent-color:var(--own);width:15px;height:15px;cursor:pointer;margin:0}
.decks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(388px,100%),1fr));gap:14px;align-items:start}
.deck{border:1px solid var(--line);border-radius:13px;background:rgba(12,21,38,.9);padding:14px;
  display:flex;flex-direction:column;gap:11px}
.deck header{display:flex;gap:8px;align-items:center}
.deckname{flex:1;min-width:0;background:transparent;border:0;border-bottom:1px dashed var(--line);color:var(--ink);
  font:600 20.2px/1.3 var(--fd);padding:3px 0}
.deckname:focus{outline:none;border-bottom-color:var(--own)}
.mini{font-family:var(--fd);font-size:13.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);
  border:1px solid var(--line);border-radius:100px;padding:4px 9px}
.mini:hover{color:var(--ink);border-color:var(--own)}
.beyrow{border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:rgba(17,28,49,.55)}
.beyn{font-family:var(--fd);font-size:12.8px;letter-spacing:.15em;text-transform:uppercase;color:var(--data);display:block}
.beycode{display:block;font-family:var(--fd);font-size:20.2px;font-weight:600;margin:2px 0 8px;word-break:break-word}
.beycode.sinbey{color:var(--ink-faint);font-weight:400}
.minis{display:grid;grid-template-columns:repeat(3,minmax(0,112px));gap:8px;margin:0 0 4px}
.deck-beys{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:10px}
.beyrow.bc{padding:10px 11px;display:flex;flex-direction:column;gap:6px;align-content:start}
.bc .beyhead{margin:0;align-items:center}
.bc-blade{width:64px;height:64px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}
.bc .beycode{font-size:17px;margin:1px 0 0}
.bc-pzs{display:flex;flex-wrap:wrap;gap:6px}
.bc-pzs figure{margin:0;width:38px;height:38px;border:1px solid var(--line);border-radius:8px;background:rgba(4,7,15,.45);display:flex;align-items:center;justify-content:center;overflow:hidden}
.bc-pzs img{width:100%;height:100%;object-fit:contain}
.bc-pzs i{font-style:normal;color:var(--ink-faint);font-size:13px}
.bc .cmb-acc{margin-top:2px;gap:5px}.bc .cmb-acc .mini{font-size:12px;letter-spacing:.05em;padding:5px 9px}
.mini-f{margin:0;border:1px solid var(--line);border-radius:10px;padding:6px 4px 5px;
  background:radial-gradient(closest-side at 50% 45%,rgba(47,109,246,.20),transparent 75%);
  display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}
.mini-f img{width:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}
.mini-f i{font-style:normal;color:var(--ink-faint);font-size:29.7px;aspect-ratio:1;display:flex;
  align-items:center;justify-content:center;width:100%}
.mini-f figcaption{font:600 12.8px/1.2 var(--fd);letter-spacing:.04em;color:var(--ink-dim);
  text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.deck-hint{margin:2px 0 6px;font-size:16.2px;color:var(--ink-faint);font-style:italic}
.beyhead{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}
.beyhead>div{flex:1;min-width:0}
.deck header .tog{width:24px;height:24px;flex:0 0 auto;border:1px solid var(--line);border-radius:7px;
  display:flex;align-items:center;justify-content:center;transition:.15s}
.deck header .tog svg{fill:none;stroke:var(--ink-dim);stroke-width:2.4;transition:transform .15s}
.deck header .tog[aria-expanded="true"] svg{transform:rotate(90deg)}
.deck header .tog:hover{border-color:var(--own)}
.deckn{font:600 14.9px/1 var(--fd);color:var(--ink-faint);font-variant-numeric:tabular-nums}
.deck.cerrado{gap:0}
.cfg{margin-top:9px;padding-top:9px;border-top:1px dashed var(--line)}
select.fmt{width:100%;margin-bottom:6px;font-size:15.5px;letter-spacing:.06em;
  text-transform:uppercase;font-family:var(--fd);color:var(--data)}
.picks{display:grid;grid-template-columns:1fr;gap:6px}
.picks select{width:100%;min-width:0;font-size:16.9px;padding:6px 6px}
@media(min-width:520px){
  .picks.p-norm{grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr) minmax(0,1.05fr)}
  .picks.p-uxe{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
  .picks.p-cx,.picks.p-cxe{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* arsenal */
.ars-head{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:20px 22px;border:1px solid var(--line);
  border-radius:13px;background:linear-gradient(100deg,rgba(255,180,61,.10),rgba(12,21,38,.9));margin-bottom:20px}
.ars-num{font-family:var(--fd);font-size:59.4px;font-weight:700;color:var(--own);line-height:1;
  font-variant-numeric:tabular-nums}
.ars-head p{margin:0;color:var(--ink-dim);font-size:18.2px;max-width:48ch}
.prog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}
@media(max-width:700px){.prog{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.pbar{display:block;width:100%;text-align:left;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:11px 13px;background:rgba(12,21,38,.85);transition:border-color .15s}
.pbar:not(:disabled):hover{border-color:var(--own)}
.pbar.on{border-color:var(--own);background:rgba(255,180,61,.09)}
.pbar:disabled{opacity:.55;cursor:default}
.pbar .pb-t{display:block;font-family:var(--fd);font-size:13.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}
.pbar .pb-n{display:block;margin:4px 0 7px;font-family:var(--fd);font-size:25.7px;font-variant-numeric:tabular-nums}
.pbar .pb-n small{font-size:16.2px;color:var(--ink-faint)}
.pbar .track{display:block}
.track{height:5px;border-radius:3px;background:var(--line);overflow:hidden}
.track i{display:block;height:100%;background:var(--own);border-radius:3px}
.ars-grupo{font-family:var(--fd);font-size:14.9px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-dim);margin:22px 0 10px}
.vacio{text-align:center;padding:50px 20px;color:var(--ink-faint)}
.vacio b{display:block;font-family:var(--fd);font-size:23px;color:var(--ink-dim);margin-bottom:8px}
footer{margin-top:26px;padding:17px 19px;border:1px dashed var(--line);border-radius:9px;
  font-size:16.9px;color:var(--ink-faint);line-height:1.7}
footer b{color:var(--ink-dim);font-weight:600}
.empty-msg{padding:42px 12px;text-align:center;color:var(--ink-faint)}
.firma{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.firma img{height:34px;width:auto}
.firma span{font-family:var(--fd);font-size:14.9px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-dim)}
.obzlink{display:block;line-height:0;margin-left:-4px}
.obzlink img{height:34px;width:auto;display:block}
.porobz{text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:30px;opacity:.9}
.porobz img{height:52px;width:auto}
.porobz i{font-family:var(--fd);font-style:normal;font-size:13.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand)}
.porobz span{font-family:var(--fd);font-size:13.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}
@media(max-width:820px){
  .wrap{padding:0 15px 60px}
  .hero{grid-template-columns:1fr}
  h1{font-size:32.4px}
  .grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:11px}
  .vw{margin-left:0}
  .cbase{grid-template-columns:1fr}
}

/* ===================== LIBRO ===================== */
.lb-lema{font-style:italic}
.libcard .ph img{border-radius:3px;box-shadow:0 6px 14px rgba(0,0,0,.55)}
.libcard .w{color:var(--own)}
.lb-fic{display:flex;align-items:center;gap:14px;width:calc(100% - 48px);margin:6px 24px 22px;padding:13px 15px;text-align:left;cursor:pointer;
  background:linear-gradient(90deg,rgba(255,180,61,.10),rgba(255,180,61,.02));border:1px solid rgba(255,180,61,.38);border-radius:14px;color:var(--ink);font:inherit}
.lb-fic:hover{border-color:var(--own)}
.lb-fic img{width:46px;height:auto;flex:0 0 auto;border-radius:3px;box-shadow:0 5px 12px rgba(0,0,0,.5)}
.lb-fic .tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.lb-fic .tx b{font-family:var(--fd);font-size:17px;letter-spacing:.02em}
.lb-fic .tx span{font-size:14.6px;line-height:1.4;color:var(--ink-dim)}
.lb-fic .ir{flex:0 0 auto;font-family:var(--fd);font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;color:#1a1204;background:var(--own);border-radius:999px;padding:8px 13px;white-space:nowrap}
@media (max-width:560px){ .lb-fic{flex-wrap:wrap;width:calc(100% - 28px);margin:6px 14px 20px} .lb-fic .tx{flex-basis:calc(100% - 62px)} .lb-fic .ir{margin-left:60px} }
.nuevos .libcard .n1{white-space:normal;overflow:visible}
.libbtn{padding:6px 11px;border:1px solid rgba(255,180,61,.45);border-radius:8px;color:var(--own)}
.libbtn:hover{background:rgba(255,180,61,.12)}
.libbtn svg{width:19px;height:19px;stroke:var(--own);fill:none;stroke-width:1.9}
@media(max-width:560px){.libbtn span{display:none}}
.lb{max-width:1080px;margin:0 auto}
.lb-hero{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:38px;align-items:center;
  padding:26px;border:1px solid var(--line);border-radius:18px;
  background:radial-gradient(ellipse at 20% 30%,rgba(47,109,246,.28),transparent 60%),linear-gradient(160deg,rgba(17,28,49,.96),rgba(8,20,38,.96))}
.lb-portada{width:100%;border-radius:8px;box-shadow:0 22px 48px rgba(0,0,0,.6),0 0 0 1px rgba(89,225,255,.18)}
.lb-kick{font-family:var(--fd);font-size:14.9px;letter-spacing:.18em;text-transform:uppercase;color:var(--own)}
.lb-hero h1{font-family:var(--fd);font-size:52px;line-height:1.02;margin:8px 0 4px;letter-spacing:.02em}
.lb-sub{font-family:var(--fd);font-size:20.2px;color:var(--data);margin:0 0 16px;letter-spacing:.04em}
.lb-prom{font-size:20.2px;color:var(--ink);margin:0 0 18px;max-width:560px}
.lb-datos{display:flex;flex-wrap:wrap;gap:8px}
.lb-datos span{font-family:var(--fd);font-size:14.9px;letter-spacing:.08em;padding:5px 11px;border-radius:999px;
  border:1px solid var(--line);color:var(--ink-dim);background:rgba(4,7,15,.4)}
.lb-idioma{margin-top:16px;font-size:16.2px;color:var(--own);border-left:3px solid var(--own);padding:4px 0 4px 11px}
.lb-h2{font-family:var(--fd);font-size:25.6px;letter-spacing:.06em;margin:38px 0 14px}
.lb-vers{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.lb-ver{display:flex;flex-direction:column;padding:20px;border:1px solid var(--line);border-radius:15px;
  background:linear-gradient(170deg,rgba(17,28,49,.95),rgba(12,21,38,.95))}
.lb-ver.dest{border-color:rgba(255,180,61,.6);box-shadow:0 0 0 1px rgba(255,180,61,.25),0 14px 34px rgba(0,0,0,.35)}
.lb-ver h3{font-family:var(--fd);font-size:23px;margin:0 0 2px;letter-spacing:.04em}
.lb-ver .fmt{font-size:15.5px;color:var(--ink-faint);margin-bottom:12px}
.lb-ver ul{list-style:none;padding:0;margin:0 0 16px;flex:1}
.lb-ver li{font-size:16.9px;color:var(--ink-dim);padding:4px 0 4px 22px;position:relative}
.lb-ver li::before{content:"";position:absolute;left:3px;top:13px;width:8px;height:8px;border-radius:2px;background:var(--data);transform:rotate(45deg)}
.lb-precio{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.lb-precio b{font-family:var(--fd);font-size:40px;color:var(--own);line-height:1}
.lb-precio s{font-size:20.2px;color:var(--ink-faint)}
.lb-precio i{font-style:normal;font-size:15.5px;color:var(--ink-faint)}
.lb-promo{font-size:15.5px;color:#7EE8A6;margin-bottom:12px}
.lb-cta{display:block;text-align:center;font-family:var(--fd);font-weight:600;font-size:18.2px;letter-spacing:.08em;
  text-transform:uppercase;padding:13px 16px;border-radius:11px;text-decoration:none;transition:.15s;
  border:1px solid var(--brand);color:#fff;background:rgba(47,109,246,.25)}
.lb-cta:hover{background:var(--brand)}
.lb-ver.dest .lb-cta{background:var(--own);border-color:var(--own);color:#1A1204}
.lb-ver.dest .lb-cta:hover{filter:brightness(1.1)}
.lb-cta.off{border-color:var(--line);background:none;color:var(--ink-faint);cursor:default}
.lb-ver.dest .lb-cta.off{border-color:var(--line);background:none;color:var(--ink-faint);filter:none}
.lb-secs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.lb-sec{padding:16px 18px;border:1px solid var(--line);border-radius:13px;background:rgba(12,21,38,.8)}
.lb-sec em{font-style:normal;font-family:var(--fd);font-size:14.2px;letter-spacing:.14em;color:var(--data)}
.lb-sec b{display:block;font-family:var(--fd);font-size:20.2px;margin:2px 0 4px}
.lb-sec p{margin:0;font-size:16.9px;color:var(--ink-dim)}
.lb-autor{display:flex;gap:18px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:15px;background:rgba(12,21,38,.8)}
.lb-autor img{width:74px;height:74px;object-fit:contain;flex:0 0 auto}
.lb-autor p{margin:0;font-size:17.6px;color:var(--ink-dim)}
.lb-faq details{border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:9px;background:rgba(12,21,38,.8)}
.lb-faq summary{cursor:pointer;font-family:var(--fd);font-size:18.9px;font-weight:600}
.lb-faq p{margin:9px 0 2px;font-size:17.6px;color:var(--ink-dim)}
/* p119 · landing del libro */
.lb-acc{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 18px}
.lb-ir{font-family:var(--fd);font-weight:600;font-size:18.2px;letter-spacing:.08em;text-transform:uppercase;padding:13px 22px;
  border-radius:11px;cursor:pointer;border:1px solid var(--own);color:var(--own);background:rgba(255,180,61,.1);transition:.15s}
.lb-ir:hover{background:rgba(255,180,61,.22)}
.lb-ir.pri{background:var(--own);color:#1A1204}
.lb-ir.pri:hover{filter:brightness(1.1)}
.lb-pill{font-size:15.5px;color:#7EE8A6;border:1px solid rgba(126,232,166,.45);border-radius:999px;padding:6px 13px;background:rgba(126,232,166,.08)}
.lb-ahora{margin:44px auto 0;max-width:860px;text-align:center}
.lb-ahora h2{font-family:var(--fd);font-size:30px;letter-spacing:.03em;margin:0 0 14px;color:var(--ink)}
.lb-ahora-r{font-size:22px;line-height:1.5;color:var(--ink);margin:0 0 12px}
.lb-ahora-r b,.lb-ahora-s b{color:var(--ink);font-weight:700}
.lb-ahora-s{font-size:17px;line-height:1.55;color:var(--ink-dim);margin:0 0 18px;font-style:italic}
.lb-ahora-f{font-family:var(--fd);font-size:25px;line-height:1.25;color:var(--ink);margin:0 0 20px;letter-spacing:.02em}
.lb-sec b{margin:0 0 4px}
.lb-sec em{display:block;margin-top:10px;font-size:13.5px}
.lb-mues{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px}
.lb-m{scroll-snap-align:start;display:flex;flex-direction:column;gap:9px;padding:0;border:0;background:none;color:var(--ink-dim);
  cursor:zoom-in;text-align:left;font:inherit}
.lb-m img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:6px;background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.45);transition:transform .15s}
.lb-m:hover img{transform:translateY(-3px)}
.lb-m span{font-size:15.5px}
.lb-zoom{position:fixed;inset:0;z-index:300;background:rgba(2,5,12,.9);display:flex;align-items:center;justify-content:center;padding:16px;cursor:zoom-out}
.lb-zoom img{max-width:100%;max-height:100%;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.lb-bono{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin-top:40px;padding:24px;
  border:1px solid rgba(126,232,166,.45);border-radius:18px;
  background:radial-gradient(ellipse at 85% 50%,rgba(126,232,166,.14),transparent 60%),linear-gradient(160deg,rgba(17,28,49,.96),rgba(8,20,38,.96))}
.lb-bono .lb-kick{color:#7EE8A6}
.lb-bono h2{font-family:var(--fd);font-size:28px;margin:6px 0 8px;letter-spacing:.02em}
.lb-bono p{margin:0;font-size:17.6px;color:var(--ink-dim);max-width:560px}
.lb-bono-n{display:flex;gap:10px}
.lb-bono-n div{min-width:100px;text-align:center;padding:12px 10px;border:1px solid var(--line);border-radius:12px;background:rgba(4,7,15,.45)}
.lb-bono-n b{display:block;font-family:var(--fd);font-size:34px;color:#7EE8A6;line-height:1.05}
.lb-bono-n span{font-size:14.2px;color:var(--ink-faint);letter-spacing:.06em}
.lb-vers{padding-top:8px}
#lb-vers{scroll-margin-top:96px}
.lb-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.lb .lb-tit{font-family:var(--fd);font-size:44px;line-height:1.08;font-weight:700;margin:10px 0 12px;letter-spacing:.01em;color:var(--ink)}
.lb .lb-prom{color:var(--ink-dim)}
.lb .lb-tit{font-size:56px;line-height:1.02;font-weight:800;text-transform:uppercase;letter-spacing:.005em}
.lb .lb-tit{margin-top:0}
.lb .lb-tit span{color:#FF5C66}
.lb .lb-tit em{display:inline-block;font-style:normal;color:#FFE347;transform:skewX(-10deg);text-shadow:0 0 22px rgba(255,227,71,.45),0 0 2px rgba(255,227,71,.6)}
.lb .lb-hero .lb-prom{font-size:21px;font-weight:300;line-height:1.45;max-width:520px}
@media(max-width:820px){
  .lb .lb-hero{gap:0}
  .lb .lb-htx{display:contents}
  .lb .lb-hero .lb-kick{order:1}
  .lb .lb-hero .lb-tit{order:2;font-size:clamp(28px,9vw,40px);margin:8px 0 12px}
  .lb .lb-tit span{display:block}
  .lb .lb-tit em{margin-top:4px}
  .lb .lb-hero .lb-prom{order:3;font-size:18px;margin:0 0 16px}
  .lb .lb-hero .lb-portada{order:4;max-width:min(180px,46vw);margin:0 auto 18px}
  .lb .lb-hero .lb-acc{order:5}
  .lb .lb-hero .lb-datos{order:6}
}
@media(max-width:380px){.lb .lb-hero .lb-portada{max-width:150px}}
.lb-ver{position:relative}
.lb-badge{position:absolute;top:-12px;right:16px;font-family:var(--fd);font-size:13.5px;letter-spacing:.12em;text-transform:uppercase;
  padding:4px 11px;border-radius:999px;background:var(--own);color:#1A1204}
.lb-ver.prem .lb-badge{background:var(--ink);color:#0C1526}
.lb .lb-sec em{color:var(--ink-faint)}
.lb-mock{display:block;width:100%;max-width:900px;margin:0 auto 18px;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 10%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 10%);mask-composite:intersect}
.lb-autor.con-foto{display:grid;grid-template-columns:minmax(0,280px) 1fr;gap:24px;align-items:center}
.lb-autor img.lb-autor-foto{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:12px}
.lb-autor-dato{margin-top:12px!important;color:var(--ink)!important;font-weight:600}
@media(max-width:700px){.lb-autor.con-foto{grid-template-columns:1fr;gap:16px}}
.lb-ver li.lb-li-bono{color:#7EE8A6;font-weight:600}
.lb-ver li.lb-li-bono::before{background:#7EE8A6}
.lb-fin{margin:40px 0 10px;padding:30px 20px;text-align:center;border:1px solid var(--line);border-radius:18px;
  background:radial-gradient(ellipse at 50% 0%,rgba(47,109,246,.25),transparent 65%),rgba(12,21,38,.85)}
.lb-fin h2{font-family:var(--fd);font-size:28px;margin:0 0 16px;letter-spacing:.03em}
@media(max-width:820px){
  .lb-bono{grid-template-columns:1fr;padding:18px}
  .lb-bono-n div{flex:1;min-width:0;padding:10px 4px}
  .lb-bono-n b{font-size:clamp(22px,7vw,30px)}
  .lb-ahora h2{font-size:25px}
  .lb-ahora-r{font-size:19px}
  .lb-ahora-f{font-size:21px}
  .lb-acc .lb-ir{flex:1 1 100%}
  .lb-mues{grid-auto-columns:62%}
}
@media(max-width:820px){
  .lb-hero{grid-template-columns:1fr;gap:20px;padding:18px}
  .lb-portada{max-width:230px;margin:0 auto;display:block}
  .lb-hero h1{font-size:40px}
  }
/* ===================== TORNEOS ===================== */
.tn{max-width:860px;margin:0 auto}
.tn-tag{font-family:var(--fd);font-size:12.8px;letter-spacing:.2em;text-transform:uppercase;color:var(--data);margin:8px 0 4px}
.tn-nom{font-family:var(--fd);font-size:33px;line-height:1.15;margin:0 0 6px;overflow-wrap:anywhere}
.corona{width:30px;height:27px;flex:0 0 auto;stroke-width:1.2;stroke:rgba(0,0,0,.35)}
.corona text{font:700 13px var(--fd);fill:#1a1206;stroke:none}
.corona.c1{fill:#FFC93C}.corona.c2{fill:#C9D2DE}.corona.c3{fill:#CD7F32}.corona.c4{fill:#8B5A2B}.corona.c4 text{fill:#fff}
.tn-dk.pod>summary,.tn-dk.pod>.pod-s{display:flex;align-items:center;gap:10px}
.tn-dk.p1{border-color:rgba(255,201,60,.65);background:rgba(255,201,60,.07)}
.tn-dk.p2{border-color:rgba(201,210,222,.55)}.tn-dk.p3{border-color:rgba(205,127,50,.55)}.tn-dk.p4{border-color:rgba(139,90,43,.7)}
.pod-s{padding:12px 14px}
.tn-chip{display:inline-block;vertical-align:middle;margin-left:12px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:100px;border:1px solid var(--line);color:var(--ink-faint);position:relative;top:-3px}
.tn-chip.inscripcion{color:#7EE8A6;border-color:rgba(34,197,94,.5)}
.tn-chip.en_juego{color:var(--own);border-color:rgba(255,180,61,.55)}
.tn-chip.terminado{color:var(--data);border-color:rgba(89,225,255,.45)}
.tn-resumen{display:flex;gap:16px;align-items:center;margin:0 0 10px;font-family:var(--fd);font-size:17px;letter-spacing:.06em;color:var(--ink-dim)}
.tn-resumen b{color:var(--ink);font-weight:600}
.tn-resumen span{display:inline-flex;align-items:center;gap:6px}
.ico-jug{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.tn-det{margin:0 0 14px}
.tn-det>summary{list-style:none;cursor:pointer;font-family:var(--fd);font-size:13.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-faint);display:inline-flex;gap:8px;align-items:center;padding:4px 0}
.tn-det>summary::-webkit-details-marker{display:none}
.tn-det>summary::after{content:"▾";transition:.14s}
.tn-det:not([open])>summary::after{transform:rotate(-90deg)}
.tn-det .tn-reglas{margin:8px 0 0}
.tn-acc{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 16px}
.tn-go{padding:22px 12px;border-radius:14px;font-family:var(--fd);font-size:21px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#fff;border:1px solid transparent}
.tn-go.crear{background:#16A34A}.tn-go.entrar{background:var(--brand)}
.tn-go.entrar.on{box-shadow:0 0 0 2px var(--data)}
.tn-cod .tn-scan{background:transparent;border:1px solid var(--data);color:var(--data)}
.mdl-in.scan{max-width:420px}
.mdl-in.scan video{width:100%;border-radius:12px;background:#000;aspect-ratio:1/1;object-fit:cover}
.tn-fmt{display:flex;gap:14px;align-items:flex-end}
.tn-fmt label{flex:1;min-width:0}
.tn-esq{width:112px;height:48px;flex:0 0 auto;color:var(--data);margin-bottom:4px}
.tn-series{display:grid;gap:8px}
.tn-mj{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tn-mj>span{font-family:var(--fd);font-size:14.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim)}
.tn-form .tn-mj select{width:auto;min-width:130px;margin:0;flex:0 0 auto}
.tn-mjs{display:flex;gap:8px;flex:0 0 auto}
.tn-mjs.dos select{min-width:104px}
.tn-mjs.dos select.tn-pt{min-width:88px}
.tn-ptseg{margin:0}
.tn-ptseg .tn-seg{margin:0}
@media (max-width:360px){ .tn-mj.dos{flex-wrap:wrap;gap:5px 12px} .tn-mj.dos .tn-mjs{flex:1 1 100%} .tn-mj.dos .tn-mjs select,.tn-mj.dos .tn-mjs select.tn-pt{flex:1 1 0;min-width:0;width:auto} }
.tn-chk2{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.tn-chk2 .chk{flex:0 1 auto;min-width:0}
.tn-mas-t{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.tn-mas-b{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-faint);border-radius:50%}
.tn-mas-b::after{content:"";width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:.14s}
.tn-mas-t:checked+.tn-mas-b::after{transform:rotate(-135deg) translate(-2px,-2px)}
.tn-mas-t:checked+.tn-mas-b{color:var(--data)}
.tn-mas-p{display:none;flex:1 1 100%;min-width:0;margin:2px 0 0;font-size:14.5px;line-height:1.45;color:var(--ink-faint);overflow-wrap:anywhere}
.tn-mas-t:checked~.tn-mas-p{display:block}
.tn-sub{color:var(--ink-dim);font-size:16.5px;line-height:1.5;margin:0 0 14px}
.tn-reglas{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 16px}
.tn-reglas span{font-family:var(--fd);font-size:13.5px;letter-spacing:.05em;padding:5px 11px;border:1px solid var(--line);
  border-radius:100px;color:var(--ink-dim);background:rgba(17,28,49,.55)}
.tn-reglas span b{color:var(--ink);font-weight:600}
.tn-card{border:1px solid var(--line);border-radius:14px;background:rgba(12,21,38,.74);padding:16px;margin:0 0 16px}
.tn-card.host{border-color:rgba(47,109,246,.5)}
.tn-card h3{font-family:var(--fd);font-size:17.6px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px}
.tn-card h4{font-family:var(--fd);font-size:13.8px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint);
  margin:18px 0 8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tn-card h4 small{color:var(--own);font-size:14.5px;letter-spacing:.04em}
.tn-card h4 button{margin-left:auto}
.tn-ayuda{font-size:15.5px;color:var(--ink-faint);margin:0 0 12px;line-height:1.5}
.tn-est{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border-radius:11px;border:1px solid var(--line);
  margin:0 0 12px;font-size:16px;line-height:1.45}
.tn-est::before{content:"";flex:0 0 auto;width:9px;height:9px;border-radius:50%;margin-top:7px;background:var(--ink-faint)}
.tn-est b{display:block;font-family:var(--fd);font-size:17.6px}
.tn-est.ok{border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.08)}.tn-est.ok::before{background:#22C55E}
.tn-est.esp{border-color:rgba(255,180,61,.45);background:rgba(255,180,61,.07)}.tn-est.esp::before{background:var(--own)}
.tn-est.no{border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.07)}.tn-est.no::before{background:#EF4444}
.tn-bey{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:8px 11px;border:1px solid var(--line);
  border-radius:11px;background:rgba(17,28,49,.55);margin-bottom:7px}
.tn-bey img{width:46px;height:46px;object-fit:contain;flex:0 0 auto}
.tn-bey span{min-width:0}
.tn-bey b{display:block;font-family:var(--fd);font-size:17.6px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}
.tn-bey i{font-style:normal;font-size:13.5px;color:var(--ink-faint)}
.tn-bey em{margin-left:auto;flex:0 0 auto;font-style:normal;width:27px;height:27px;border-radius:50%;border:1px solid var(--line);
  display:grid;place-items:center;font-family:var(--fd);font-size:14px;color:transparent}
button.tn-bey:hover{border-color:var(--own)}
.tn-bey[aria-pressed="true"]{border-color:var(--own);background:rgba(255,180,61,.1)}
.tn-bey[aria-pressed="true"] em{background:var(--own);border-color:var(--own);color:#231603;font-weight:700}
.tn-rapido{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 11px}
.tn-fila{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.tn-fila .mini,.tn-rapido .mini,.tn-card h4 .mini,.tn-jug .mini{font-size:13.5px;padding:6px 12px}
.mini.si{color:#7EE8A6;border-color:rgba(34,197,94,.45)}.mini.si:hover{border-color:#22C55E;color:#fff}
.mini.nel{color:#FF9A9A;border-color:rgba(239,68,68,.4)}.mini.nel:hover{border-color:#EF4444;color:#fff}
.tn-link{color:var(--data);text-decoration:underline;text-underline-offset:3px;font-size:15.5px;margin-top:10px;display:inline-block}
.tn-jug{display:flex;gap:8px 12px;align-items:center;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--line)}
.tn-jug>div:first-child{flex:1 1 220px;min-width:0}
.tn-jug b{font-family:var(--fd);font-size:18.2px;font-weight:600;overflow-wrap:anywhere}
.tn-jug b small{font:400 12.5px/1 var(--fb);color:var(--ink-faint);border:1px solid var(--line);border-radius:100px;padding:2px 7px;margin-left:6px;vertical-align:2px}
.tn-jug p{margin:2px 0 0;font-size:14.5px;color:var(--ink-dim);line-height:1.45}
.tn-jug p.al{color:var(--own)}
.tn-jug .bot{display:flex;gap:6px;flex-wrap:wrap}
.tn-chips{display:flex;flex-wrap:wrap;gap:6px}
.tn-chips span{font-size:15px;padding:4px 11px;border-radius:100px;background:rgba(17,28,49,.8);border:1px solid var(--line)}
.tn-chips span.yo{border-color:var(--own);color:var(--own)}
.tn-url{display:block;font:500 16px/1.4 ui-monospace,Menlo,monospace;color:var(--data);background:rgba(4,7,15,.6);border:1px dashed var(--line);
  border-radius:9px;padding:9px 11px;overflow-wrap:anywhere;user-select:all}
.tn-qr{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:12px}
.tn-qr svg{width:190px;height:190px;border-radius:10px;flex:0 0 auto}
.tn-form{display:grid;grid-template-columns:1fr 1fr;gap:11px 12px}
.tn-form label{display:block;font-family:var(--fd);font-size:12.8px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint)}
.tn-form label.todo{grid-column:1/-1}
.tn-form label small{display:block;font:400 13.5px/1.4 var(--fb);letter-spacing:0;text-transform:none;margin-top:4px}
.tn-form input:not([type=checkbox]),.tn-form select,.tn-in{display:block;width:100%;margin-top:4px;background:rgba(12,21,38,.9);border:1px solid var(--line);
  color:var(--ink);border-radius:9px;padding:10px 11px;font:400 17px/1.3 var(--fb);letter-spacing:0;text-transform:none;min-height:44px}
.tn-form input:focus,.tn-form select:focus,.tn-in:focus{outline:none;border-color:var(--data)}
.tn-form label.chk{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;font:400 16px/1.45 var(--fb);letter-spacing:0;text-transform:none;color:var(--ink-dim)}
.tn-form label.chk input{width:20px;height:20px;margin-top:2px;flex:0 0 auto}
.tn-cod{display:flex;gap:8px;margin:0 0 16px}
.tn-cod .tn-in{margin:0;text-transform:uppercase;letter-spacing:.2em;font-family:var(--fd);max-width:240px}
.tn-cod .tn-in::placeholder{letter-spacing:.04em;text-transform:none}
.tn-cod button,.tn-btn{padding:10px 16px;border-radius:9px;background:var(--brand);color:#fff;font-family:var(--fd);font-weight:600;
  font-size:15px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.tn-item{display:flex;gap:12px;align-items:center;width:100%;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:12px;
  background:rgba(17,28,49,.55);margin-bottom:8px}
.tn-item:hover{border-color:var(--brand)}
.tn-item>span:first-child{flex:1;min-width:0}
.tn-item b{display:block;font-family:var(--fd);font-size:18.9px;overflow-wrap:anywhere}
.tn-item i{font-style:normal;font-size:14.5px;color:var(--ink-faint)}
.tn-volver{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;text-align:left;margin:0 0 14px;padding:12px 15px;
  border-radius:11px;background:var(--brand);color:#fff;font-family:var(--fd);font-weight:600;font-size:16.2px;letter-spacing:.04em}
.tn-volver small{display:block;font:400 13.5px/1.3 var(--fb);letter-spacing:0;opacity:.85}
.tn-item em{font-style:normal;font-family:var(--fd);font-size:12.8px;letter-spacing:.1em;text-transform:uppercase;color:var(--own);white-space:nowrap}
@media(max-width:560px){.tn-nom{font-size:27px}.tn-form{grid-template-columns:1fr}.tn-card{padding:13px}.tn-qr svg{width:160px;height:160px}}
/* --- torneo en juego --- */
.tn-campeon{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:14px;margin:0 0 16px;border:1px solid rgba(255,180,61,.6);
  background:linear-gradient(120deg,rgba(255,180,61,.2),rgba(255,180,61,.05))}
.tn-campeon svg{width:42px;height:42px;flex:0 0 auto;stroke:var(--own);fill:none;stroke-width:1.6}
.tn-campeon small{display:block;font-family:var(--fd);font-size:12.8px;letter-spacing:.2em;text-transform:uppercase;color:var(--own)}
.tn-campeon b{font-family:var(--fd);font-size:30px;line-height:1.15;overflow-wrap:anywhere}
.tn-tandas{display:flex;gap:7px;margin:0 0 14px;flex-wrap:wrap}
.tn-h{font-family:var(--fd);font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:var(--data);margin:22px 0 10px;display:flex;gap:10px;align-items:center}
.tn-h::after{content:"";flex:1;height:1px;background:var(--line)}
.tn-grupos{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.tn-g{border:1px solid var(--line);border-radius:13px;background:rgba(12,21,38,.74);padding:12px 13px}
.tn-g.mio{border-color:rgba(255,180,61,.6)}
.tn-g h5{display:flex;align-items:center;gap:8px;font-family:var(--fd);font-size:17px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}
.tn-g h5 em{margin-left:auto;font-style:normal;font-size:11.5px;letter-spacing:.12em;padding:3px 8px;border-radius:100px;border:1px solid var(--line);color:var(--ink-faint)}
.tn-g h5 em.ok{color:#7EE8A6;border-color:rgba(34,197,94,.45)}.tn-g h5 em.al{color:var(--own);border-color:rgba(255,180,61,.5)}
.tn-tabla{width:100%;border-collapse:collapse;margin:0 0 10px;font-size:15.5px}
.tn-tabla th{font-family:var(--fd);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-weight:500;text-align:center;padding:2px 4px}
.tn-tabla th:first-child,.tn-tabla td:first-child{text-align:left}
.tn-tabla th{white-space:nowrap}
.tn-ic{display:inline-block;vertical-align:-2px}
.tn-ic.ok{color:#4ADE80}
.tn-ic.no{color:#F87171}
.tn-tabla td{padding:5px 5px;border-top:1px solid var(--line);text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}
.tn-tabla td:first-child{max-width:0;width:99%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tn-tabla tr.pasa td:first-child{color:#7EE8A6;font-weight:600}.tn-tabla tr.yo td:first-child{color:var(--own);font-weight:600}
.tn-tabla tr.emp td:first-child::after{content:" ≈";color:var(--own)}
.tn-sub2{font-family:var(--fd);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:10px 0 5px}
.tn-enf{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center;width:100%;padding:8px 10px;margin:0 0 6px;
  border:1px solid var(--line);border-radius:10px;background:rgba(17,28,49,.55);font-size:15.5px;text-align:left;color:var(--ink-dim)}
button.tn-enf:hover{border-color:var(--brand)}
.tn-enf span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tn-enf span:last-child{text-align:right}
.tn-enf span.g{color:var(--ink);font-weight:600}.tn-enf span.x{color:var(--ink-faint)}
.tn-enf b{font-family:var(--fd);font-size:16px;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;text-align:center;min-width:46px}
.tn-enf b small{display:block;font:400 10.5px/1.2 var(--fb);letter-spacing:.06em;color:var(--ink-faint);text-transform:uppercase}
.tn-enf.vivo{border:2px solid var(--data);background:rgba(89,225,255,.08);box-shadow:0 0 0 3px rgba(89,225,255,.12)}.tn-enf.vivo b{color:var(--data)}
.tn-vivo-t{display:flex;align-items:center;gap:6px;margin:0 0 3px;font:700 11.5px/1.3 var(--fd);letter-spacing:.12em;text-transform:uppercase;color:var(--data)}
.tn-vivo-t i{width:8px;height:8px;border-radius:50%;background:var(--data);animation:tnlate 1.2s ease-in-out infinite}
.tn-vivo-t span{color:var(--ink-dim);font-weight:500;letter-spacing:.06em;text-transform:none;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@keyframes tnlate{50%{opacity:.25}}
.tn-ahora{border:2px solid rgba(89,225,255,.45);border-radius:13px;padding:10px 12px 6px;margin:0 0 14px;background:rgba(89,225,255,.05)}
.tn-ahora>h4{margin:0 0 8px;font:700 13.5px/1.2 var(--fd);letter-spacing:.14em;text-transform:uppercase;color:var(--data)}
details.tn-g>summary{list-style:none;cursor:pointer}details.tn-g>summary::-webkit-details-marker{display:none}
details.tn-g>summary h5::after{content:"▾";color:var(--ink-faint);font-size:12px;margin-left:4px;transition:.14s}
details.tn-g:not([open])>summary h5{margin:0}details.tn-g:not([open])>summary h5::after{transform:rotate(-90deg)}
details.tn-g:not([open]){opacity:.85}
.tn-g .tn-gres{display:block;font:400 13.5px/1.35 var(--fb);color:var(--ink-dim);margin:4px 0 0;letter-spacing:0;text-transform:none}
details.tn-g[open] .tn-gres{display:none}
.tn-gref{display:block;font:500 13px/1.3 var(--fb);color:var(--ink-dim);margin:2px 0 0}.tn-gref.sin{color:var(--own)}
.tn-gacc{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.tn-tarde{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}.tn-tarde input{flex:1;min-width:140px}
.tn-corr{font-size:12.5px;color:var(--own);margin:2px 2px 0}
.cap-corr{display:grid;gap:6px;margin:0 0 10px}.cap-corr input{width:100%}
.tn-jug2{margin:6px 0 0}.tn-jug2>summary{list-style:none;cursor:pointer;font:600 12px var(--fd);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);padding:6px 0}
.tn-jug2>summary::-webkit-details-marker{display:none}.tn-jug2>summary::after{content:" ▾"}.tn-jug2:not([open])>summary::after{content:" ▸"}
.tn-enf .mk2{display:flex;gap:6px;justify-content:center;overflow:visible}
.tn-enf .mk2 i{font-style:normal;display:block;min-width:60px;padding:4px 9px 6px;border-radius:9px;border:1px solid var(--line);background:rgba(4,7,15,.55);
  font-family:var(--fd);font-size:20px;font-weight:700;line-height:1.15;color:var(--ink);text-align:center;font-variant-numeric:tabular-nums}
.tn-enf .mk2 i small{font:500 10px/1.5 var(--fd);letter-spacing:.14em;color:var(--ink-faint)}
.tn-enf .mk2 i.pt{border-color:rgba(89,225,255,.5);color:var(--data)}
/* en una serie los nombres van arriba y los bloques abajo, para que nunca se corten */
.tn-enf.serie{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:8px}
.tn-enf.serie>span:first-child{grid-column:1;grid-row:1}.tn-enf.serie>span:last-child{grid-column:2;grid-row:1}
.tn-enf.serie>b{grid-column:1/-1;grid-row:2}
.tn-enf.mio{border-color:rgba(255,180,61,.6)}
.tn-enf.fin{opacity:.86}
.cap-bt{margin:10px 0 4px;font:600 12.5px/1.2 var(--fd);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}
.cap-bys{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px}
.cap-by{display:flex;flex-direction:column;gap:5px;min-width:0}
.cap-by button{font:inherit;font-size:13.5px;padding:7px 8px;border:1px solid var(--line);border-radius:9px;background:rgba(4,7,15,.55);color:var(--ink-dim);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.cap-by button[aria-pressed="true"]{border-color:var(--own);color:var(--own);box-shadow:0 0 0 1px var(--own) inset}
.tn-st{position:relative;display:flex;justify-content:space-between;gap:10px;padding:7px 9px;margin:0 0 4px;border:1px solid var(--line);border-radius:9px;background:rgba(17,28,49,.55);overflow:hidden;font-size:15px}
.tn-st span,.tn-st b{position:relative;z-index:1}.tn-st b{font-family:var(--fd);font-variant-numeric:tabular-nums;color:var(--ink)}
.tn-st i{position:absolute;left:0;top:0;bottom:0;background:rgba(47,109,246,.28);z-index:0}
.tn-camp{border-color:rgba(255,180,61,.55)}
.tn-enf-w{margin:0 0 6px}.tn-enf-w .tn-enf{margin:0}
.tn-pie{display:flex;gap:4px 12px;align-items:center;flex-wrap:wrap;padding:4px 4px 0;font-size:12.5px;color:var(--ink-faint)}
.tn-pie b{color:var(--ink-dim);font-weight:600}.tn-pie .ll{color:var(--own)}.tn-pie .mini{margin-left:auto;font-size:13px;padding:5px 11px}
.tn-enf.mov b{min-width:30px}
.tn-pj{font:inherit;font-size:15.5px;color:var(--ink);background:rgba(4,7,15,.55);border:1px solid var(--line);border-radius:9px;padding:9px 8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tn-pj.sel{border-color:var(--own);color:var(--own);box-shadow:0 0 0 1px var(--own) inset}
details.tn-dk{border:1px solid var(--line);border-radius:10px;background:rgba(17,28,49,.55);margin:0 0 6px;padding:0 10px}
details.tn-dk summary{cursor:pointer;padding:10px 0;color:var(--ink);font-size:15.5px}
details.tn-dk[open]{padding-bottom:8px}
.mdl-in.llam{text-align:center;padding:30px 20px;animation:llam 1s ease-in-out infinite alternate}
.mdl-in.llam h2{font-family:var(--fd);font-size:26px;margin:6px 0 10px;color:var(--own)}
.mdl-in.llam p{font-size:17px}
@keyframes llam{from{box-shadow:0 0 0 0 rgba(255,180,61,.0)}to{box-shadow:0 0 0 6px rgba(255,180,61,.45)}}
@media (prefers-reduced-motion:reduce){.mdl-in.llam{animation:none}}
.tn-llave{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;align-items:start}
.tn-enf.cerr{position:relative}
.tn-enf.cerr::after{content:"🔒";position:absolute;right:5px;top:2px;font-size:9px;opacity:.55;pointer-events:none}
.cap-cierre{margin:10px 0 8px;padding:9px 12px;border:1px solid rgba(34,197,94,.45);border-radius:10px;color:#7EE8A6;font-size:14px}
.cap-fin{width:100%;margin:10px 0 8px}
.cap-fin.conf{background:var(--own);border-color:var(--own);color:#231603}
.tn-ronda h5{font-family:var(--fd);font-size:13.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:0;display:flex;align-items:center;gap:8px;flex:1}
.tn-ronda>summary,.tn-jugadas>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;margin:0 0 7px}
.tn-ronda>summary::-webkit-details-marker,.tn-jugadas>summary::-webkit-details-marker{display:none}
.tn-ronda>summary::after{content:"▾";color:var(--ink-faint);font-size:12px;transition:.14s}
.tn-ronda:not([open])>summary::after{transform:rotate(-90deg)}
.tn-ronda h5 em{margin-left:auto;font-style:normal;font-size:11px;letter-spacing:.12em;padding:2px 8px;border-radius:100px;border:1px solid var(--line);color:var(--ink-faint)}
.tn-ronda h5 em.ac{color:var(--own);border-color:rgba(255,180,61,.55)}
.tn-ronda.act h5,.tn-ronda.ult h5{color:var(--own)}
.tn-ronda.act{border-left:2px solid var(--own);padding-left:10px}
.tn-ronda:not([open]){margin-bottom:-2px}
.tn-ronda:not([open])>summary{margin-bottom:0;padding:9px 12px;border:1px solid var(--line);border-radius:10px}
.tn-jugadas{margin-top:14px}
.tn-bk-d{margin:0 0 12px}
.tn-bk{display:flex;gap:22px;max-width:100%;overflow-x:auto;padding:2px 2px 10px;-webkit-overflow-scrolling:touch}
.tn-bk-c{flex:0 0 148px;display:flex;flex-direction:column;min-width:0}
.tn-bk-c h6{font-family:var(--fd);font-size:11px;line-height:16px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 6px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tn-bk-s{flex:1;display:flex;flex-direction:column}
.tn-bk-m{flex:1;display:flex;align-items:center;position:relative;padding:4px 0;min-height:60px}
.tn-bk-m>div{width:100%;border:1px solid var(--line);border-radius:8px;background:rgba(17,28,49,.6);overflow:hidden}
.tn-bk-m>div.vivo{border-color:rgba(89,225,255,.55)}.tn-bk-m>div.nada{visibility:hidden}
.tn-bk-m span{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:3px 8px;font-size:13.5px;line-height:1.35;color:var(--ink-dim)}
.tn-bk-m span+span{border-top:1px solid var(--line)}
.tn-bk-m span i{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.tn-bk-m span b{font-family:var(--fd);font-variant-numeric:tabular-nums;color:var(--ink-faint);flex:0 0 auto}
.tn-bk-m span.g{color:var(--ink);font-weight:600}.tn-bk-m span.g b{color:var(--own)}
.tn-bk-m span.x{color:var(--ink-faint)}.tn-bk-m span.yo i{color:var(--own)}
.tn-bk-c:not(:last-child) .tn-bk-m::after{content:"";position:absolute;right:-11px;width:11px;border:0 solid var(--line);border-right-width:1px}
.tn-bk-c:not(:last-child) .tn-bk-m:nth-child(odd)::after{top:50%;bottom:0;border-top-width:1px}
.tn-bk-c:not(:last-child) .tn-bk-m:nth-child(even)::after{top:0;bottom:50%;border-bottom-width:1px}
.tn-bk-c:not(:first-child) .tn-bk-m::before{content:"";position:absolute;left:-11px;width:11px;top:50%;border-top:1px solid var(--line)}
.tn-jugadas>summary{font-family:var(--fd);font-size:13.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);padding:9px 12px;border:1px dashed var(--line);border-radius:10px;margin-bottom:10px}
.tn-jugadas>summary::before{content:"▸ ";}
.tn-jugadas[open]>summary::before{content:"▾ ";}
.cap-marc{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 12px}
.cap-j{border:1px solid var(--line);border-radius:12px;padding:10px 8px;text-align:center;min-width:0}
.cap-j.a{border-top:3px solid var(--brand)}.cap-j.b{border-top:3px solid var(--cx)}
.cap-j b{display:block;font-family:var(--fd);font-size:18px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cap-j strong{display:block;font-family:var(--fd);font-size:54px;line-height:1.05;font-variant-numeric:tabular-nums}
.cap-j small{font-size:13px;color:var(--ink-faint)}
.cap-j .cap-l{display:block;font:500 10.5px/1.4 var(--fd);letter-spacing:.16em;text-transform:uppercase;margin-top:4px}
.cap-j .cap-m{display:inline-flex;align-items:baseline;gap:8px;margin-top:4px;padding:3px 12px 4px;border:1px solid var(--line);border-radius:9px;
  font:500 11px/1.4 var(--fd);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}
.cap-j .cap-m em{font-style:normal;font-size:24px;font-weight:700;letter-spacing:0;color:var(--ink);font-variant-numeric:tabular-nums}
.cap-j.gano{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.5)}
.cap-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}
.cap-btns div{display:grid;gap:7px}
.cap-btns button{padding:13px 6px;border-radius:11px;font-family:var(--fd);font-weight:600;font-size:17px;border:1px solid;display:flex;justify-content:center;gap:8px;align-items:baseline}
.cap-btns button small{font-weight:400;font-size:13px;opacity:.8}
.cap-btns .a button{background:rgba(47,109,246,.16);border-color:rgba(47,109,246,.55);color:#BBD0FF}
.cap-btns .b button{background:rgba(232,49,74,.14);border-color:rgba(232,49,74,.5);color:#FFB3BD}
.cap-btns button:hover{filter:brightness(1.25)}.cap-btns button[disabled]{opacity:.45;filter:none}
.cap-log{font-size:14.5px;color:var(--ink-dim);line-height:1.6;margin:0 0 10px;max-height:22vh;overflow:auto}
.cap-log b{font-family:var(--fd);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);display:block;margin-top:5px;font-weight:500}
.cap-log i{font-style:normal}.cap-log i.a{color:#9DBBFF}.cap-log i.b{color:#FF9DAA}
/* hoja para imprimir el QR: en pantalla no existe; al imprimir es lo único que sale */
#qrhoja{display:none}
@media print{
  html,body{background:#fff!important}
  body>*:not(#qrhoja){display:none!important}
  #qrhoja{display:block!important;color:#000;text-align:center;font-family:var(--fb);padding:6mm 8mm}
  #qrhoja h1{font:700 30pt/1.15 var(--fd);margin:0 0 3mm}
  #qrhoja h2{font:600 15pt/1.3 var(--fd);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6mm;color:#333}
  #qrhoja svg{width:120mm;height:120mm}
  #qrhoja .u{font:600 15pt/1.3 ui-monospace,Menlo,monospace;margin:4mm 0 7mm}
  #qrhoja ol{display:inline-block;text-align:left;font-size:14pt;line-height:1.6;margin:0;padding-left:8mm}
}
/* ===================== CUENTA ===================== */
.ctabtn{padding:6px 11px;border:1px solid var(--line);border-radius:8px;position:relative;max-width:200px}
.ctabtn:hover{border-color:var(--data)}
.ctabtn svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.9;flex:0 0 auto}
.ctabtn span{overflow:hidden;text-overflow:ellipsis}
.ctabtn.on{color:var(--data);border-color:rgba(89,225,255,.45)}
.ctabtn.on::after{content:"";position:absolute;top:-4px;right:-4px;width:9px;height:9px;border-radius:50%;
  background:#22C55E;border:2px solid var(--ground)}
.ctabtn.on.pte::after{background:var(--own)}
@media(max-width:560px){.ctabtn span{display:none}}
/* en teléfonos el botón de cuenta va arriba a la derecha, junto a los logos, y el buscador ocupa su propia fila */
.top{position:relative}
.bey-sil{display:none}
@media(max-width:460px){
  .search{flex:1 1 100%;min-width:0}
}
@media(max-width:360px){.ctabtn{top:16px}.cta-tabs button{font-size:13.2px;letter-spacing:.04em;padding:9px 4px}}
.cta-tabs{display:flex;gap:6px;margin:0 0 14px}
.cta-tabs button{flex:1;padding:9px 6px;border:1px solid var(--line);border-radius:10px;font-family:var(--fd);
  font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}
.cta-tabs button[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:#fff}
.cta label{display:block;font-family:var(--fd);font-size:12.8px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--ink-faint);margin:0 0 11px}
.cta label small{display:block;font:400 13.5px/1.4 var(--fb);letter-spacing:0;text-transform:none;margin-top:4px}
.cta input{display:block;width:100%;margin-top:4px;background:rgba(12,21,38,.9);border:1px solid var(--line);
  color:var(--ink);border-radius:9px;padding:11px 12px;font:400 17px/1.3 var(--fb);letter-spacing:0;text-transform:none}
.cta input:focus{outline:none;border-color:var(--data)}
.cta-ok{display:block;width:100%;padding:12px;border-radius:10px;background:var(--brand);color:#fff;font-family:var(--fd);
  font-weight:600;font-size:16.2px;letter-spacing:.1em;text-transform:uppercase;margin-top:2px}
.cta-ok:hover{filter:brightness(1.12)}
.cta-ok[disabled]{opacity:.55;cursor:default;filter:none}
.cta-ok.sec{background:transparent;border:1px solid var(--line);color:var(--ink-dim)}
.cta-ok.sec:hover{border-color:var(--cx);color:var(--ink)}
.cta-err{color:#FF9A9A;font-size:15.5px;line-height:1.45;margin:0 0 10px}
.cta-err:empty{display:none}
.cta-nota{font-size:14.2px;color:var(--ink-faint);margin:11px 0 0;line-height:1.5}
.lg-yo{border:1px solid rgba(255,180,61,.5);background:rgba(255,180,61,.07);border-radius:12px;padding:12px 14px;margin:0 0 16px}
.lg-yo b{display:block;font-family:var(--fd);font-size:19px;line-height:1.25}.lg-yo span{color:var(--ink-dim);font-size:15.5px}
.lg-r{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 2px;border-top:1px solid var(--line);background:none;color:inherit}
.lg-r:first-of-type{border-top:0}
.lg-r.yo .lg-n b{color:var(--own)}
.lg-p{flex:0 0 30px;font-style:normal;font-family:var(--fd);font-size:19px;text-align:center;color:var(--ink-faint)}
.lg-p.l1,.lg-n u.l1{color:#FFC93C}.lg-p.l2,.lg-n u.l2{color:#C9D2DE}.lg-p.l3,.lg-n u.l3{color:#CD7F32}
.lg-n{flex:1;min-width:0}.lg-n b{display:block;font-family:var(--fd);font-size:18px;overflow-wrap:anywhere}
.lg-n i{display:block;font-style:normal;font-size:13.5px;color:var(--ink-faint)}.lg-n u{text-decoration:none;white-space:nowrap}
.lg-r strong{font-family:var(--fd);font-size:23px;font-variant-numeric:tabular-nums;white-space:nowrap}
.lg-r strong small{font-size:11px;letter-spacing:.1em;color:var(--ink-faint);margin-left:3px;text-transform:uppercase;font-weight:500}
.lg-d{padding:2px 0 12px 40px}
.lg-dt{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:5px 0;font-size:15.5px;width:100%;text-align:left;background:none;color:inherit}
.lg-dt span{min-width:0}.lg-dt b{display:block;font-weight:600;overflow-wrap:anywhere}
.lg-dt i{display:block;font-style:normal;font-size:13.5px;color:var(--ink-faint)}.lg-dt em{font-style:normal;font-family:var(--fd);font-size:17px;color:var(--own);white-space:nowrap}
.lg-pts{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:6px;margin:6px 0 12px}
.lg-pts span{border:1px solid var(--line);border-radius:10px;padding:7px 4px;text-align:center;font-family:var(--fd);font-size:21px;line-height:1.2;min-width:0}
.lg-pts span b{display:block;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lg-tipo{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px}
.lg-tipo button{display:flex;flex-direction:column;gap:4px;text-align:left;padding:12px;border-radius:14px;border:1px solid #262F44;background:#141A28;color:inherit;min-width:0}
.lg-tipo button b{font-family:var(--fd);font-size:18px}.lg-tipo button span{font-size:13.5px;line-height:1.35;color:var(--ink-dim)}
.lg-tipo button[aria-pressed=true]{border:2px solid #FFC85A;background:rgba(255,194,74,.1)}.lg-tipo button[aria-pressed=true] b{color:#FFC85A}
.lg-elof{display:flex;align-items:center;justify-content:center;gap:8px;margin:4px 0 12px;flex-wrap:wrap}
.lg-elof span{border:1px solid var(--line);border-radius:10px;padding:6px 14px;text-align:center;font:italic 700 22px var(--fd);min-width:84px}
.lg-elof span b{display:block;font:600 11.5px var(--fb);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);font-style:normal}
.lg-elof span.t{border-color:#FFC85A;color:#FFC85A}.lg-elof i{font:700 20px var(--fd);color:var(--ink-faint);font-style:normal}
.lg-ley{margin:-4px 0 10px;font-size:13.5px;color:var(--ink-dim)}
.lg-n u.lg-prov{color:var(--ink-faint);border:1px solid var(--line);border-radius:6px;padding:0 5px;font-size:12px}
.lg-n u.lg-gf{color:#FFC85A;font-weight:600}
.lg-dt.nc{opacity:.55}.lg-dt em.neg{color:#FF7A7A}
.lg-eh{margin:12px 0 4px;font-family:var(--fd);font-size:13.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}
.lg-reg{margin:0;padding-left:18px;color:var(--ink-dim);font-size:15.5px;line-height:1.5}.lg-reg li{margin:0 0 5px}
.lg-t{margin:0 0 8px}.lg-t .tn-item{margin:0}.lg-t .tn-item i{display:block;line-height:1.4;margin-top:2px}.lg-t>.mini{margin-top:6px;font-size:12.5px;padding:5px 11px}
.tn-item em.lg-e.ok{color:#7EE8A6}.tn-item em.lg-e.no,.tn-item em.lg-e.pe{color:var(--ink-faint)}.tn-item em.lg-e.an{color:#FF9A9A}
.lg-mot{margin:5px 2px 0;font-size:14.5px;line-height:1.4;color:var(--ink-faint);overflow-wrap:anywhere}
.lg-anf{margin-top:8px}
.lg-cats{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
.lg-cat{display:inline-flex;align-items:center;gap:7px;max-width:100%;border:1px solid var(--line);border-radius:100px;padding:4px 11px;font-size:15px;color:var(--ink-dim)}
.lg-cat b{font-weight:600;color:var(--ink);overflow-wrap:anywhere}.lg-cat em{font-style:normal;font-family:var(--fd);color:var(--own);white-space:nowrap}
.lg-cat button{background:none;color:#FF9A9A;font-size:14px;line-height:1;padding:3px 0 3px 3px;white-space:nowrap}
.tn-form.lg-pf{grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px;margin:6px 0 12px}
.tn-form.lg-pf label{min-width:0;white-space:nowrap}.tn-form.lg-pf input{text-align:center;padding-left:4px;padding-right:4px}
.lg-cf{display:flex;gap:6px;align-items:center;margin:0 0 6px}.lg-cf .tn-in{margin:0}.lg-cf input.tn-in{flex:1 1 0;min-width:0}.lg-cf select.tn-in{flex:0 0 92px;width:92px}
.lg-cf .mini{flex:0 0 auto;padding:9px 12px}
.lg-aj{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:5px 0;font-size:15.5px}
.lg-aj span{flex:1;min-width:0}.lg-aj b{display:block;font-weight:600;overflow-wrap:anywhere}.lg-aj i{display:block;font-style:normal;font-size:13.5px;color:var(--ink-faint);overflow-wrap:anywhere}
.lg-aj em{font-style:normal;font-family:var(--fd);font-size:17px;color:#7EE8A6;white-space:nowrap}.lg-aj em.neg{color:#FF9A9A}
.lg-aj.ret b,.lg-aj.ret em{text-decoration:line-through;opacity:.55}.lg-aj .mini{flex:0 0 auto;font-size:12.5px;padding:5px 10px}
.lg-ajf{margin-top:8px}.lg-ajf .lg-cf select.tn-in{flex:0 0 116px;width:116px}.lg-ajf>.tn-in{margin-top:0}
.tn-card>.tn-btn[data-lgnt]{white-space:normal;max-width:100%}
.tn-sert{font-family:var(--fd);font-size:12.8px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint);margin:2px 0 0}
.tn-mas-b.txt{width:auto;height:auto;gap:10px;padding:6px 14px 6px 13px;border:1px solid var(--line);border-radius:100px;font-family:var(--fd);font-size:13px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.tn-form label.tn-mas-b.txt{display:inline-flex;color:var(--ink-dim);cursor:pointer}
.tn-mas-b.txt::after{display:block;flex:0 0 auto;width:7px;height:7px;transform:rotate(45deg) translate(-1px,-3px)}
.tn-mas-t:checked+.tn-mas-b.txt::after{transform:rotate(-135deg) translate(-1px,-1px)}
.con-barra{margin-bottom:112px}
.tn-barra{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 15px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(6,11,22,.96);
  border-top:1px solid var(--line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.tn-barra>*{max-width:860px;margin-left:auto;margin-right:auto}
.tn-barra .cta-err{margin-bottom:8px}
.tn-barra>div{display:flex;gap:10px}
.tn-ok,.tn-no{min-height:48px;padding:10px 18px;border-radius:10px;font-family:var(--fd);font-weight:600;font-size:15.5px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.tn-ok{flex:1 1 auto;min-width:0;background:#16A34A;color:#fff}.tn-ok:disabled{opacity:.6}
.tn-no{flex:0 0 auto;background:rgba(148,163,184,.14);border:1px solid var(--line);color:var(--ink-dim)}
body:has(.tn-barra) .arriba{display:none}
.tn-go.crear.on{box-shadow:0 0 0 2px #7EE8A6}
.tn-elige{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:-4px 0 16px}
.tn-el{text-align:left;padding:14px;border:1px solid rgba(22,163,74,.55);border-radius:12px;background:rgba(22,163,74,.08);color:inherit;min-width:0}
.tn-el b{display:block;font-family:var(--fd);font-size:19px;letter-spacing:.08em;text-transform:uppercase}
.tn-el i{display:block;font-style:normal;font-size:14.5px;line-height:1.4;color:var(--ink-faint);margin-top:3px}
.mini.on{color:var(--data);border-color:var(--data)}
.lg-acc{margin:0 0 16px}
.cta-ok.ver{background:#16A34A}
.cta-lnk{background:none;border:0;padding:0;margin:0;color:var(--data);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.cta-lnk[disabled]{opacity:.6;cursor:default;text-decoration:none}
.cta-pie{display:flex;justify-content:space-between;gap:8px 16px;flex-wrap:wrap}
.cta-hecho{color:#7EE8A6;font-size:15.5px;margin:0 0 12px}
.cta-legal{display:flex;justify-content:center;gap:6px 18px;flex-wrap:wrap;margin:12px 0 0;font-size:14px}
.cta-legal a,.cta-nota a,.hlegal a{color:var(--ink-faint);text-decoration:underline;text-underline-offset:3px}
.cta-legal a:hover,.cta-nota a:hover,.hlegal a:hover{color:var(--ink)}
.hlegal{text-align:center;font-size:13.5px;margin:22px 0 0;display:flex;justify-content:center;gap:6px 18px;flex-wrap:wrap}
.lgl{max-width:760px;margin:0 auto;padding:0 2px 40px}
.lgl-tabs{display:flex;gap:8px;margin:14px 0 18px;flex-wrap:wrap}
.lgl-tabs a{font-family:var(--fd);font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--ink-dim);border:1px solid var(--line);border-radius:999px;padding:8px 14px}
.lgl-tabs a[aria-current="page"]{background:var(--brand);border-color:var(--brand);color:#fff}
.lgl h1{font-family:var(--fd);font-size:30px;letter-spacing:.03em;margin:0 0 4px;line-height:1.15}
.lgl .lgl-f{color:var(--ink-faint);font-size:14.5px;margin:0 0 14px}
.lgl .lgl-r{font-size:18px;color:var(--ink);margin:0 0 6px;line-height:1.5}
.lgl h2{font-family:var(--fd);font-size:19px;letter-spacing:.05em;margin:26px 0 8px;color:var(--data)}
.lgl p,.lgl li{font-size:16.5px;line-height:1.6;color:var(--ink-dim)}
.lgl p{margin:0 0 10px}
.lgl ul{margin:0 0 10px;padding-left:20px}
.lgl li{margin:0 0 6px}
.lgl a{color:var(--data)}
.lgl .lgl-n{font-size:14.5px;color:var(--ink-faint);border-top:1px solid var(--line);padding-top:12px;margin-top:26px}
.cta-quien .pf-av{flex:0 0 auto}.cta-quien .pf-vacio{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border:1px dashed var(--own);border-radius:50%;color:var(--own);font-size:26px;line-height:1}
.cta-quien .pf-vacio::before{content:"+"}
.cta-med{display:block;margin-top:3px;font-size:13.5px;color:var(--ink-faint)}.cta-med u{text-decoration:none;white-space:nowrap;margin-right:6px}
.cta-med u.l1,.hb-st .l1 b{color:#FFC93C}.cta-med u.l2,.hb-st .l2 b{color:#C9D2DE}.cta-med u.l3,.hb-st .l3 b{color:#CD7F32}
.cta-filas{margin:4px 0 12px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.cta-fila{display:flex;align-items:center;gap:11px;width:100%;min-height:54px;padding:9px 12px;text-align:left;color:inherit;background:rgba(17,28,49,.55);border-top:1px solid var(--line)}
.cta-fila:first-child{border-top:0}.cta-fila:hover{background:rgba(47,109,246,.14)}
.cta-fila>svg,.cta-fila>img.lgo,.cta-fila>.cta-ic{flex:0 0 auto;width:30px;height:30px}.cta-fila>svg{stroke:var(--data);fill:none;stroke-width:1.7;padding:3px}
.cta-fila>img.lgo{border-radius:8px;margin:0}
.cta-fila .tx{flex:1;min-width:0}.cta-fila .tx b{display:block;font-family:var(--fd);font-size:17px;line-height:1.25;overflow-wrap:anywhere}
.cta-fila .tx i{display:block;font-style:normal;font-size:13.5px;color:var(--ink-faint);overflow-wrap:anywhere}
.cta-fila .cta-n{flex:0 0 auto;min-width:24px;height:24px;padding:0 7px;border-radius:100px;background:#E5484D;color:#fff;font:600 14px/24px var(--fd);text-align:center;font-style:normal}
.cta-fila .ch{flex:0 0 auto;width:8px;height:8px;border-right:2px solid var(--ink-faint);border-top:2px solid var(--ink-faint);transform:rotate(45deg);margin-right:4px}
.cta-fila.vivo .tx i{color:var(--own)}
.cta-eng{flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);color:var(--ink-dim);font-size:19px;line-height:1;background:none}
.cta-eng:hover{border-color:var(--data);color:var(--data)}
.cta-fpar{display:flex;align-items:stretch}.cta-fpar .cta-fila{border-top:0}.cta-fpar .cta-eng{align-self:center;margin:0 10px 0 2px}
.cta-filas>.cta-fpar{border-top:1px solid var(--line);background:rgba(17,28,49,.55)}.cta-filas>.cta-fpar:first-child{border-top:0}
.cta .tn-como{margin:0 0 12px}.cta .tn-h{margin:16px 0 8px}
.hb-hero{position:relative;display:flex;align-items:center;gap:16px;margin:6px 0 14px;padding:18px 16px;border:1px solid rgba(47,109,246,.5);border-radius:18px;
  background:linear-gradient(135deg,rgba(47,109,246,.3),rgba(89,225,255,.07) 55%,rgba(255,180,61,.1))}
.hb-hero .av.g{width:104px;height:104px;flex:0 0 auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.55))}
.hb-hero .hb-id{flex:1;min-width:0}.hb-hero h1{margin:0;font-size:32px;line-height:1.08;overflow-wrap:anywhere}
.hb-hero p{margin:6px 0 0;color:var(--ink-dim);font-size:16px}.hb-hero p b{color:var(--ink)}
.hb-share{flex:0 0 auto;align-self:flex-start;width:44px;height:44px;border-radius:50%;background:#16A34A;color:#fff;display:flex;align-items:center;justify-content:center;font:600 20px/1 var(--fd)}
.hb-cfg{background:#2A3550}
.hb-share svg{width:21px;height:21px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hb-st.cinco{grid-template-columns:repeat(5,1fr);gap:6px}.hb-st.cinco div{padding:10px 2px}.hb-st.cinco small{font-size:10.5px;letter-spacing:.03em;white-space:nowrap}
#mdlcta label.pf-tile{display:flex}
.lgo-ctl .mini[data-lgob]{color:#A9C4FF;border-color:rgba(47,109,246,.85);background:rgba(47,109,246,.16)}
@media(max-width:420px){.hb-hero{gap:12px;padding:14px 12px}.hb-hero .av.g{width:80px;height:80px}.hb-hero h1{font-size:26px}.hb-st.cinco b{font-size:21px}}
.mini.az{color:#A9C4FF;border-color:rgba(47,109,246,.85);background:rgba(47,109,246,.16)}.mini.az:hover{color:#fff;border-color:var(--brand)}
.tn-seg{display:inline-flex;max-width:100%;border:1px solid rgba(47,109,246,.85);border-radius:10px;overflow:hidden;margin:0 0 12px}
.tn-seg button{min-height:42px;padding:9px 14px;font-family:var(--fd);font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;color:#A9C4FF;background:none}
.tn-seg button[aria-pressed=true]{background:var(--brand);color:#fff}
.tn-seg.sz-top{display:flex;width:100%;max-width:360px}.tn-seg.sz-top button{flex:1;font-size:15px;min-height:46px}
.tn-como{margin:10px 0 0}
.tn-como>summary{display:inline-flex;align-items:center;gap:10px;max-width:100%;cursor:pointer;list-style:none;padding:6px 14px 6px 13px;border:1px solid rgba(255,180,61,.6);border-radius:100px;
  color:var(--own);font-family:var(--fd);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.tn-como>summary::-webkit-details-marker{display:none}
.tn-como>summary::after{content:"";display:block;flex:0 0 auto;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-1px,-3px);transition:.14s}
.tn-como[open]>summary::after{transform:rotate(-135deg) translate(-1px,-1px)}
.tn-como.lg-regd>summary,.tn-como.lg-regd[open]>summary{color:var(--own);margin-bottom:0}
.tn-como-c{margin:10px 0 0;font-size:15px;line-height:1.5;color:var(--ink-dim)}.tn-como-c p{margin:0 0 8px}.tn-como-c p:last-child{margin:0}
.tn-form label.tn-mas-b.txt{color:var(--own);border-color:rgba(255,180,61,.6)}
.tn-como>summary,.tn-mas-b.txt{padding:3px 0;border:0;border-radius:0;gap:7px;font-size:11.5px;letter-spacing:.1em}
.tn-como>summary::after,.tn-mas-b.txt::after{width:6px;height:6px;border-width:0 1.6px 1.6px 0}
.lg-flogo{margin:0}
.lg-flogo .mini[data-lgflb]{color:#A9C4FF;border-color:rgba(47,109,246,.85);background:rgba(47,109,246,.16)}
.lg-cfg .lg-ajf{margin-top:0}.lg-cfg .lg-ajf>select.tn-in{margin:0 0 6px}.lg-cfg .tn-como{margin-top:10px}
.lg-cfb{margin:0 0 12px}.lg-cfb .lg-cf.dos select.tn-in{flex:1 1 0;width:auto;min-width:0}
.lg-cat em{white-space:normal}
.tn-sub .tn-link{margin:0;font-size:inherit}
.lg-regd{margin-top:14px}.lg-regd summary{cursor:pointer;font-family:var(--fd);font-size:13.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}
.lg-regd[open] summary{margin-bottom:10px;color:var(--ink-dim)}
.lg-cfg>.tn-h{margin-top:18px}.lg-cfg .eq-f:first-of-type{border-top:0}
.tn-lg{display:inline-flex;gap:6px;align-items:center;max-width:100%;margin:0 0 10px;padding:5px 12px;border:1px solid rgba(255,180,61,.5);border-radius:100px;
  font-family:var(--fd);font-size:14px;letter-spacing:.06em;color:var(--ink-dim);background:none;text-align:left}
.tn-lg b{color:var(--own);overflow-wrap:anywhere}.lg-min{margin:-4px 0 10px;font-size:14.5px}
.lgo{object-fit:contain;border-radius:12px;background:rgba(17,28,49,.6);flex:0 0 auto;vertical-align:middle}
.lgo.g{width:76px;height:76px}.lgo.m{width:56px;height:56px}.lgo.p{width:26px;height:26px;border-radius:7px;margin-right:7px;vertical-align:-7px}
.lgo-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 6px}.lgo-ctl .mini{font-size:13.5px;padding:6px 12px}
.lg-cab{display:flex;align-items:center;gap:14px;margin:0 0 4px}.lg-cab>div{min-width:0}.lg-cab .tn-nom{margin-bottom:4px}.lg-cab .tn-sub{margin-bottom:10px}
.pf-card .lgo.m{display:block;margin:0 auto 6px}
.hb-cab{display:flex;align-items:center;gap:14px;margin:6px 0 14px}.hb-cab .av.g{width:76px;height:76px;flex:0 0 auto}
.hb-cab h1{margin:0;font-size:30px;line-height:1.1;overflow-wrap:anywhere}.hb-cab p{margin:4px 0 0;color:var(--ink-dim);font-size:16px}.hb-cab p b{color:var(--ink)}
.hb-st{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 14px}
.hb-st div{border:1px solid var(--line);border-radius:12px;padding:10px 6px;text-align:center;background:rgba(17,28,49,.55);min-width:0}
.hb-st b{display:block;font-family:var(--fd);font-size:25px;line-height:1.1;color:var(--ink)}
.hb-st small{display:block;font-family:var(--fd);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-top:3px;overflow-wrap:anywhere}
.tn-item em.hb-l{font-size:17px;letter-spacing:0;color:var(--ink-dim)}.tn-item em.hb-l.l1{color:#FFC93C}.tn-item em.hb-l.l2{color:#C9D2DE}.tn-item em.hb-l.l3{color:#CD7F32}
.eq-f [data-blver]{cursor:pointer}
.tn-ros u{text-decoration:none;border-bottom:1px dotted var(--ink-faint);cursor:pointer}
.pf-eq{margin:2px 0 8px;font-size:15.5px;color:var(--ink-dim)}.pf-eq b{color:var(--ink)}
.tn-ros{display:flex;flex-direction:column;gap:3px;margin:6px 0 2px;font-size:15.5px;color:var(--ink-dim)}
.tn-ros span b{font-family:var(--fd);color:var(--ink-faint);font-weight:600;margin-right:3px}
.tn-ros small{font-size:12px;color:var(--ink-faint);margin-left:6px}
.tn-ros i{display:block;font-style:normal;font-size:13.5px;color:var(--ink-faint);margin-left:18px}.tn-ros i.al{color:#FFB43D}
.tn-eqp{padding:9px 0;border-top:1px solid var(--line)}.tn-eqp:first-of-type{border-top:0}
.tn-eqp>b{display:flex;align-items:center;gap:7px;font-family:var(--fd);font-size:17px}.tn-eqp.yo>b{color:var(--own)}
.tn-in.txt{text-transform:none;letter-spacing:0;font-family:var(--fb);max-width:none;width:100%}
.tn-slot{display:block;margin:0 0 9px;font-family:var(--fd);font-size:12.8px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint)}
.tn-slot select,.tn-slot input{display:block;width:100%;margin-top:4px;background:rgba(12,21,38,.9);border:1px solid var(--line);border-radius:10px;padding:10px 11px;color:var(--ink);font:400 16.5px/1.3 var(--fb);letter-spacing:0;text-transform:none}
.tn-al{display:flex;flex-wrap:wrap;gap:2px 12px;padding:2px 12px 7px;font-size:13.5px;color:var(--ink-faint)}.tn-al i{font-style:normal;opacity:.7}
.tn-ord{margin:4px 0 10px;padding-left:22px;font-size:16.5px}
.cap-pelea{margin:8px 0 6px;text-align:center;font-size:15.5px;color:var(--ink-dim)}.cap-pelea b{color:var(--ink)}
.cap-esp em{font-style:normal;font-family:var(--fd);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.cap-esp em.ok{color:#7EE8A6}
.eq-t{font-family:var(--fd);font-size:12.8px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint);margin:16px 0 2px}
.eq-f{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid var(--line);font-size:16.5px}
.eq-f>span:first-child{display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}
.eq-f small{font-family:var(--fd);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--own);margin-left:4px}
.eq-f .bot{display:flex;gap:6px;flex:0 0 auto}
.eq-st{font-style:normal;font-size:13.5px;color:var(--ink-faint);margin-left:6px}
.eq-f>span.eq-iv{display:block}.eq-iv b{display:block;line-height:1.25}.eq-iv .eq-st{display:block;margin:1px 0 0}
.cta-quien>.cta-eng{margin-left:auto}
.cta-quien .cta-cm{background:none;border:0;padding:0 0 0 6px;color:var(--data);font:600 11.5px var(--fd);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.eq-ac{display:flex;gap:8px;flex-wrap:wrap}.eq-ac .cta-ok{flex:1 1 auto;width:auto;margin:0;padding:11px 10px;font-size:13.5px;letter-spacing:.07em;white-space:nowrap}
.eq-ac .cta-ok.on{background:transparent;border:1px solid var(--data);color:var(--data)}
.eq-bus{margin-top:10px;padding:10px 12px 6px;border:1px solid var(--line);border-radius:12px}.eq-bus label{margin:0}
.eq-bus .eq-f:last-child{border-bottom:0}.eq-bus .ayuda{margin:8px 0 4px}
.cta-quien{display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;
  background:rgba(17,28,49,.55);margin:8px 0 12px}
.av{width:24px;height:24px;object-fit:contain;vertical-align:-7px;margin-right:6px;flex:0 0 auto}
.av.g{width:76px;height:76px;margin:0;vertical-align:baseline}
.ctabtn .av{width:22px;height:22px;margin:0 6px 0 0;vertical-align:middle}
.cta-quien .av.g{width:58px;height:58px}
.cta select{display:block;width:100%;margin-top:4px;background:rgba(12,21,38,.9);border:1px solid var(--line);
  color:var(--ink);border-radius:9px;padding:11px 12px;font:400 17px/1.3 var(--fb);letter-spacing:0;text-transform:none}
.pf-cab{display:flex;align-items:center;gap:14px;margin:8px 0 14px}
.pf-cab b{font-family:var(--fd);font-size:22px;overflow-wrap:anywhere}
.pf-vacio{display:inline-block;border:1px dashed var(--line);border-radius:50%}
.pf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:6px;margin:0 0 14px;max-height:230px;overflow:auto;padding:3px}
.pf-grid button{padding:3px;line-height:0;border:1px solid var(--line);border-radius:12px;background:rgba(17,28,49,.6);cursor:pointer}
.pf-grid button[aria-pressed="true"]{border-color:var(--own);background:rgba(255,180,61,.16)}
.pf-grid img{width:100%;aspect-ratio:1;object-fit:contain}
.mdl-in.cta,.mdl-in.pf-card{position:relative}
.mdl-x{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;background:#E5484D;border:0;cursor:pointer;z-index:2}
.mdl-x::before,.mdl-x::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2.5px;background:#fff;border-radius:2px;transform:translate(-50%,-50%) rotate(45deg)}
.mdl-x::after{transform:translate(-50%,-50%) rotate(-45deg)}
.pf-cab{padding-right:44px}
.pf-cab b{flex:1;min-width:0}
.pf-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:72px;height:72px;border:1px dashed var(--line);border-radius:14px;background:rgba(17,28,49,.6);cursor:pointer;overflow:hidden;flex:0 0 auto}
.pf-tile img{width:58px;height:58px;object-fit:contain}
.pf-tile small{position:absolute;left:0;right:0;bottom:0;font-size:9.5px;line-height:1.1;text-align:center;background:rgba(4,7,15,.8);padding:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pf-tile .pf-mas{font-size:28px;color:var(--ink-faint)}
.pf-tile select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}
.pf-t{display:block;font-family:var(--fd);font-size:12.8px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint);margin:6px 0 8px}
.pf-cf{display:flex;gap:10px;margin:0 0 16px}
.pf-cf .pf-tile{width:calc((100% - 20px)/3);height:96px}.pf-cf .pf-tile img{width:70px;height:70px;margin-bottom:12px}
.pf-av{padding:0;border:0;background:none;cursor:pointer;line-height:0;border-radius:50%}
.pf-fv .tn-bey{justify-content:center}
.pf-prev{text-align:center;min-height:6px;margin:0 0 10px}.pf-prev img{width:96px;height:96px;object-fit:contain}
.pf-card{text-align:center}.pf-card .av.g{width:120px;height:120px}
.pf-card h4{font-size:22px;margin:6px 0 10px}
.pf-fv{margin:0 0 12px}.pf-fv small{display:block;font-family:var(--fd);font-size:12.8px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}
.pf-fv img{display:block;margin:4px auto;width:96px;height:96px;object-fit:contain}.pf-fv b{font-family:var(--fd);font-size:18px}
.tn-chips span .av{width:20px;height:20px;vertical-align:-5px;margin-right:5px}
.tn-chips span.pf{cursor:pointer}
td .av{width:20px;height:20px;vertical-align:-5px;margin-right:5px}
.cta-quien svg{width:34px;height:34px;stroke:var(--data);fill:none;stroke-width:1.6;flex:0 0 auto}
.cta-quien b{display:block;font-family:var(--fd);font-size:21px;line-height:1.2;overflow-wrap:anywhere}
.cta-quien span{font-size:14.5px;color:var(--ink-faint);overflow-wrap:anywhere}
.cta-op{display:block;width:100%;text-align:left;padding:12px 14px;margin-bottom:9px;border:1px solid var(--line);
  border-radius:12px;background:rgba(17,28,49,.55)}
.cta-op:hover{border-color:var(--brand);background:rgba(47,109,246,.16)}
.cta-op b{display:block;font-family:var(--fd);font-size:17px;margin-bottom:4px}
.cta-op span{display:block;font-size:14px;color:var(--ink-dim);line-height:1.5}
.ctaaviso{display:flex;gap:6px 10px;align-items:center;flex-wrap:wrap;font-size:15.5px;line-height:1.45;color:var(--ink-dim);
  margin:-6px 0 16px;padding:9px 13px;border:1px dashed var(--line);border-radius:10px}
.ctaaviso::before{content:"";flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--ink-faint)}
.ctaaviso.ok{border-style:solid;border-color:rgba(34,197,94,.35)}.ctaaviso.ok::before{background:#22C55E}
.ctaaviso.warn{border-color:rgba(255,180,61,.5)}.ctaaviso.warn::before{background:var(--own)}
.ctaaviso span{flex:1 1 200px}
.ctaaviso button{color:var(--data);text-decoration:underline;text-underline-offset:3px}
.mdl-cambiar{display:block;width:100%;margin:6px 0 10px;padding:12px 14px;border-radius:12px;border:1px dashed var(--line,#3a4a6a);
  background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.mdl-res button.on{outline:2px solid rgb(var(--acc,255 170 60));outline-offset:-2px}
/* barra superior fija que reaparece al subir (celular y web): logos, buscador, pestañas y filtros de la página */
.stk{position:sticky;top:0;z-index:40;background:rgba(4,7,15,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  margin:0 -26px;padding:0 26px;transition:transform .22s ease;box-shadow:0 0 0 100vmax rgba(4,7,15,.95);clip-path:inset(0 -100vmax)}
.stk.langab{clip-path:none;box-shadow:none;filter:none;z-index:80}      /* menú de idioma abierto: nada lo recorta */
@media(max-width:820px){.stk{margin:0 -15px;padding:0 15px}}
@media(max-width:360px){.stk{margin:0 -11px;padding:0 11px}}
.stk.oculta{transform:translateY(-120%)}
.stk:not(.oculta){filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}
.stk .tabs{margin-bottom:0}
#subbar:empty{display:none}
#subbar{padding:14px 0 6px}
#subbar .subf{margin:0 0 8px;padding-bottom:2px}
#subbar .subf:last-child{margin-bottom:0}
.arsutil{margin:0 0 16px}
/* ===== celular: una sola fila arriba (logos · idioma · libro · colección · cuenta) y barra que reaparece al subir ===== */
@media(max-width:560px){

  .top{padding:max(20px,env(safe-area-inset-top)) 0 12px;min-height:72px}
  .util{position:absolute;top:max(16px,env(safe-area-inset-top));right:0;width:auto;gap:7px;flex-wrap:nowrap}
  .ctabtn{position:static}
  .lang{position:relative;border:1px solid var(--line);overflow:visible;background:rgba(12,21,38,.85)}
  .lang button{display:none;padding:7px 9px}
  .lang button[aria-pressed="true"]{display:block;background:transparent;color:var(--ink);padding-right:20px;position:relative}
  .lang button[aria-pressed="true"]::after{content:"▾";position:absolute;right:6px;color:var(--ink-faint)}
  .util{z-index:70}
  .lang.ab{z-index:70}
  .lang.ab button:not([aria-pressed="true"]){display:block;position:absolute;left:-1px;right:-1px;height:36px;top:calc(100% + 4px + var(--i,0)*36px);background:#0C1526;border:1px solid var(--line);border-radius:0;white-space:nowrap;text-align:left;box-shadow:0 8px 18px rgba(0,0,0,.5)}
  .lang.ab button[style*="--i:0"]{border-radius:9px 9px 0 0}
  .lang.ab button[style*="--i:1"]{border-radius:0 0 9px 9px;border-top:0}
  .libbtn span,#arsL,.ctabtn span{display:none}
  .libbtn,.ctabtn,#goars{width:40px;height:40px;padding:0;justify-content:center;border:1px solid var(--line);border-radius:9px;position:relative;background:rgba(12,21,38,.85)}
  .libbtn{border-color:rgba(255,180,61,.4)}
  .libbtn svg,.ctabtn svg{width:20px;height:20px}
  #goars{border:0;background:transparent;width:46px}
  #goars{width:48px;height:48px}
  #goars .bey-sil{display:block;width:48px;height:48px}
  #goars b{position:absolute;left:51.5%;top:50.4%;transform:translate(-50%,-50%);width:30px;text-align:center;color:#06210a;font-size:16px;line-height:1;pointer-events:none;font-weight:800}
  .lang-slot{display:flex}
}
@media(max-width:400px){ .brand img{height:26px} }
/* ===== teléfonos angostos (≤400 px): encabezado compacto ===== */
@media(max-width:400px){
  .lang button{font-size:13.2px;letter-spacing:.06em}
}
/* ===== pantallas angostas (≤360 px) ===== */
@media(max-width:360px){
  .wrap{padding:0 11px 60px}
  .top{gap:10px;padding:16px 0 12px}
  .brand img{height:26px}
  .search{min-width:0;flex:1 1 100%}
  .hero-gear{width:290px}
  .pr-card .nom{font-size:18px}.pr-card .sub{font-size:14px}.pr-card img{width:52px;height:52px}
  /* catálogo: dos tarjetas por fila, con retrato, logos y estrella a escala */
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ph{min-height:100px;padding:12px 8px 4px}
  .ph img{max-height:80px}
  .face,.nuevos .cardp .face{width:34px!important;height:34px!important;top:6px;left:6px}
  .mk{top:8px;right:7px;gap:4px}
  .sysb,.sysb.gen,.sysb.tipo{height:18px!important}.sysb.exp{height:15px!important}
  .sysb.gen{width:58px;height:22px!important}
  .estrella{width:28px;height:28px;border-radius:8px;right:5px}
  .estrella svg{width:16px;height:16px}
  .ft{padding:0 9px 10px}
  .n1{font-size:13.6px;letter-spacing:0;overflow-wrap:anywhere}.n2{font-size:13px}.w{font-size:14px}
  /* ficha */
  .hero{grid-template-columns:minmax(0,1fr)}
  .gal{min-height:250px}
  .meta{padding:16px 14px}
  .hrow-tit{padding-right:84px}
  .slot{grid-template-columns:minmax(0,1fr);gap:4px}
  /* comparar */
  .cmp-row{grid-template-columns:minmax(0,1fr) 50px 50px 58px;gap:5px;padding-left:8px;padding-right:8px}
  .cmp.con-pg .cmp-row{grid-template-columns:minmax(0,1fr) 50px 50px 58px}
  .cmp-row .bey img{display:none}
  .cmp-row .bey b{font-size:14.8px}.cmp-row .bey i{font-size:12px}
  .cmp-num{font-size:17px}.cmp-num small{font-size:11px}
  .cmp-row.cab{font-size:10px;letter-spacing:.02em}
  .cmp-row .bey b{font-size:14px}.n2{overflow-wrap:anywhere}
  /* mis pruebas: casillas de resultados más angostas */
  :root{--celw:48px}
  /* deck */
  .deck{padding:11px}
  .picks.p-norm,.picks.p-uxe,.picks.p-cx,.picks.p-cxe{grid-template-columns:minmax(0,1fr)}
}

/* ===== p103: navegación (trofeo en la cabecera, pestañas de Torneos y de Mi colección) ===== */
#golibro{display:none!important}
.torbtn{padding:6px 11px;border:1px solid var(--line);border-radius:8px;position:relative}
.torbtn:hover{border-color:var(--data)}
.torbtn svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.torbtn[aria-current]{color:var(--data);border-color:rgba(89,225,255,.6);background:rgba(47,109,246,.18)}
.torbtn em{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;border-radius:9px;background:#E5484D;color:#fff;font:600 12px/18px var(--fd);font-style:normal;text-align:center;padding:0 5px;letter-spacing:0;border:2px solid var(--ground)}
.n3s{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);margin:6px 0 18px}
.n3s::-webkit-scrollbar{display:none}
.n3s.col{max-width:860px;margin-left:auto;margin-right:auto}
.n3s button{flex:0 0 auto;font-family:var(--fd);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);display:flex;align-items:center;gap:6px;position:relative;white-space:nowrap;font-size:14px;padding:12px 11px 11px}
.n3s button:hover{color:var(--ink-dim)}
.n3s button[aria-selected="true"]{color:var(--ink)}
.n3s button[aria-selected="true"]::after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--data)}
.n3s em{min-width:18px;height:18px;border-radius:9px;background:#E5484D;color:#fff;font:600 12px/18px var(--fd);font-style:normal;text-align:center;padding:0 5px;letter-spacing:0}
.n3s.ars button[aria-selected="true"]::after{background:var(--own)}
.eq-pag{position:relative}.eq-pag>.mdl-x[data-pfno]{display:none}.eq-pag>h4{margin:0 0 12px;font-family:var(--fd);font-size:18px;letter-spacing:.12em;text-transform:uppercase}
.tn-acc .tn-go{font-size:15.5px;letter-spacing:.1em;padding:19px 6px;white-space:nowrap}
.tn-acc.una{grid-template-columns:1fr}
@media(min-width:561px){ .top>.brand{order:0} #obztop{order:1} .top>.search{order:2} .top>.lang{order:3} .top>.util{order:4} }
@media(max-width:560px){
  #torL{display:none}
  #obztop{display:none}
  .top>.lang{margin-left:2px;flex:0 0 auto}
  .torbtn,.ctabtn{border:0!important;background:transparent!important;width:42px!important;height:42px!important;padding:0!important;justify-content:center}
  .torbtn svg{width:27px!important;height:27px!important;stroke-width:1.7}
  .torbtn[aria-current]{color:var(--data)}
  .torbtn[aria-current]::after{content:"";position:absolute;left:11px;right:11px;bottom:1px;height:2px;border-radius:2px;background:var(--data)}
  .torbtn em{top:2px;right:2px}
  .ctabtn svg{width:27px!important;height:27px!important}
  .ctabtn .av{width:38px!important;height:38px!important;margin:0!important}
  .ctabtn.on::after{top:3px!important;right:3px!important}
  .ctabtn{top:0!important}
  .util{gap:6px!important}
  .n3s.ars{justify-content:space-between}
  .n3s.ars button{padding:12px 6px 11px;font-size:13.5px;letter-spacing:.07em}
}
@media(max-width:360px){ .n3s.ars button{font-size:12.5px;letter-spacing:.04em;padding:12px 4px 11px} }

/* ===== p104: estadísticas de combos y orden de Beys en la captura ===== */
.cst-chips{display:flex!important;flex-wrap:wrap;margin-top:2px}
.tn-bey .cst-chip,.cst-chip{width:auto;height:auto;margin-left:0;flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;font:600 12.5px/1 var(--fd);letter-spacing:.04em;font-style:normal;color:var(--ink-dim);border:1px solid var(--line);border-radius:100px;padding:3px 8px 3px 6px;margin:4px 6px 0 0;white-space:nowrap}
.cst-chip svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cst-chip.t{color:var(--own);border-color:rgba(255,180,61,.45)}.cst-chip.p{color:var(--data);border-color:rgba(89,225,255,.4)}
.cst{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 4px}
@media(max-width:560px){.cst{grid-template-columns:1fr}}
.cst-c{border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:rgba(12,21,38,.6)}
.cst-c h5{display:flex;align-items:center;gap:6px;margin:0 0 6px;font:600 12.5px/1.2 var(--fd);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}
.cst-c h5 svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cst-c.t h5{color:var(--own)}.cst-c.p h5{color:var(--data)}
.cst-n{display:flex;align-items:baseline;gap:8px;margin:0 0 6px}.cst-c .cst-n>b{font:700 26px/1 var(--fd);letter-spacing:.02em}.cst-n>span{font-size:13.5px;color:var(--ink-faint)}
.cst-bar{height:5px;border-radius:3px;background:rgba(239,68,68,.45);overflow:hidden;margin:0 0 9px}.cst-bar i{display:block;height:100%;background:#22C55E}
.cst-l{margin:0 0 5px;font-size:13.5px;line-height:1.45;color:var(--ink-dim)}.cst-l small{font:600 11.5px var(--fd);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-right:4px}
.cst-v{color:#7EE8A6}.cst-d{color:#FF9A9A}
.cst-vac{margin:0;font-size:13.5px;color:var(--ink-faint)}
.cst-row{border-top:1px solid var(--line)}.cst-row:first-of-type{border-top:0}
.cst-row>summary{display:flex;align-items:center;gap:10px;padding:9px 0;cursor:pointer;list-style:none}.cst-row>summary::-webkit-details-marker{display:none}
.cst-row>summary img{width:38px;height:38px;object-fit:contain;flex:0 0 auto}
.cst-row>summary .nm{flex:1;min-width:0;font-weight:600;font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.cst-row>summary .rs{font:700 15px var(--fd);white-space:nowrap}.cst-row>summary .pc{font-size:13px;color:var(--ink-faint);width:42px;text-align:right}
.cst-row .cst-det{padding:0 0 10px 48px}
.cst-priv{font:600 11.5px var(--fd);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-left:6px}
.pf-pub{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.pf-pub>span{font:600 12.8px var(--fd);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint)}
.pf-pub .tn-seg button{padding:7px 12px;font-size:12.5px}
.cap-ordg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px}.cap-ord{min-width:0}
.cap-ord .cap-by button{text-align:left}
.cap-ord .cap-by button{position:relative}
.cap-ord .cap-by button em{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:9px;background:var(--brand);color:#fff;font:700 11.5px/1 var(--fd);font-style:normal;margin-right:5px}
.cap-top{display:flex;align-items:center;gap:8px;margin:0 0 2px}.cap-top .tn-tag{flex:1;margin:0!important;min-width:0}
.cap-ic{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:rgba(4,7,15,.55);color:var(--ink);font:600 19px/1 var(--fd);
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.cap-ic.on{border-color:var(--data);color:var(--data)}
.cap-by.vacio{min-height:1px}
.cap-by button.ya{background:rgba(34,211,238,.12)}
.cap-by button em{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:9px;background:var(--brand);color:#fff;font:700 11.5px/1 var(--fd);font-style:normal;margin-right:5px}
.cap-ordav{margin:10px 0 8px;padding:10px 12px;border:2px solid var(--brand);border-radius:12px;background:rgba(47,109,246,.12);
  font:700 15px/1.3 var(--fd);letter-spacing:.06em;text-transform:uppercase;color:#BBD0FF;text-align:center}
.cap-sale{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center;margin:4px 0 8px;text-align:center}
.cap-sale b{font:700 17px/1.2 var(--fd);padding:8px 6px;border-radius:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cap-sale b.a{background:rgba(47,109,246,.16);color:#BBD0FF}.cap-sale b.b{background:rgba(232,49,74,.14);color:#FFB3BD}
.cap-sale i{font-style:normal;font:600 12px var(--fd);color:var(--ink-faint);text-transform:uppercase}
.cap-vol{display:flex;align-items:center;justify-content:center;gap:12px;margin:6px 0 10px;padding:10px;border:1px solid var(--line);border-radius:12px;font-size:16px}
.cap-vol b{font-family:var(--fd);font-size:18px}
.cap-mon{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFE08A,#E0A526 60%,#9A6A0E);box-shadow:0 0 0 2px #6B4A0A inset;flex:none}
.cap-mon.gira{animation:capgira .25s linear infinite}
@keyframes capgira{0%{transform:scaleX(1)}50%{transform:scaleX(.08)}100%{transform:scaleX(1)}}
.cap-ladp{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:6px 0 10px;padding:9px;border:1px dashed var(--line);border-radius:12px;font-size:15px}
.cap-fin{white-space:normal!important;line-height:1.3}
.cap-ordx{background:none;border:0;color:var(--data);font:600 12px var(--fd);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;padding:0;margin:0 0 8px}

/* ===== p105: equipo del torneo por apodo ===== */
.st-bus{margin:0 0 10px}.st-bus .tn-in{width:100%;box-sizing:border-box}.st-bus .eq-f:last-child{border-bottom:0}
.st-bus .eq-f .bot{flex-wrap:wrap;justify-content:flex-end}
.tn-card.sti{border-color:rgba(59,130,246,.55)}.tn-card.sti .eq-f:last-of-type{border-bottom:0}

/* ===== p106: cupo sin límite, pase de lista, retirados ===== */
.tn-form .tn-cupl{display:inline-flex;width:auto;margin-top:6px}.tn-cupl button{padding:6px 10px;font-size:12px}
.tn-lleg{color:#7EE8A6!important;margin-left:8px}
h4 [data-pase]{margin-left:auto;font-size:11.5px;padding:5px 10px}
.tn-chips span.ret{opacity:.7}.tn-chips span.ret{text-decoration:line-through;text-decoration-color:rgba(239,68,68,.8)}
.tn-ret{display:inline-block;margin-left:6px;font-style:normal;font-size:12px;color:#FF9A9A;text-decoration:none}
.tn-chips span.ret .tn-ret{text-decoration:none}
.tn-chips span.sel,.tn-eqp.sel{box-shadow:0 0 0 2px #EF4444 inset}
.tn-eqp.ret>b{text-decoration:line-through;text-decoration-color:rgba(239,68,68,.8);opacity:.75}
.tn-h [data-retmodo]{margin-left:auto;font-size:11.5px;padding:5px 10px}
.tn-retc{border:1px solid rgba(239,68,68,.45);border-radius:12px;padding:10px 12px;margin:0 0 12px}.tn-retc p{margin:0}

/* ===== p107: la ficha del evento ===== */
.tn-card.evi{border-color:rgba(89,225,255,.35)}
.evi-cab{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 6px}.evi-cab h3{margin:0}
.evi-f{display:flex;gap:12px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--line)}.evi-f:first-of-type{border-top:0}
.evi-f>svg{flex:0 0 auto;width:20px;height:20px;margin-top:2px;stroke:var(--data);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.evi-f>div{min-width:0;flex:1}.evi-f b{display:block;font-weight:600;overflow-wrap:anywhere}.evi-f span{display:block;font-size:14px;color:var(--ink-dim);overflow-wrap:anywhere}
.evi-map{display:inline-block;margin-top:8px;text-decoration:none}
.evi-redes{display:flex;flex-wrap:wrap;gap:6px}.evi-redes a{text-decoration:none;text-transform:none;letter-spacing:.02em}
.evi-det{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.5;color:var(--ink-dim)}
.tn-card.evi>.evi-det{margin:0 0 6px}
.evi-acc{margin-top:10px}.evi-acc svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9;vertical-align:-2px;margin-right:6px}
.evi-cartel{display:block;width:100%;padding:0;margin:0 0 10px;border:0;border-radius:12px;overflow:hidden;background:rgba(4,7,15,.6);cursor:zoom-in}
.evi-cartel img{display:block;width:100%;max-height:300px;object-fit:cover}.evi-cartel.on{cursor:zoom-out}.evi-cartel.on img{max-height:none;object-fit:contain}
.evi-form label{display:block;margin:0 0 12px;font:600 12.5px var(--fd);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}
.evi-form .tn-in{display:block;width:100%;box-sizing:border-box;margin-top:6px;text-transform:none;letter-spacing:0;font-family:var(--fb);max-width:none}
.evi-form textarea.tn-in{resize:vertical;min-height:90px;line-height:1.45}
.evi-dos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.evi-mini{display:block;max-width:160px;max-height:160px;border-radius:10px;margin:6px 0}
.evi-sube{cursor:pointer}

/* ===== p108: respuesta inmediata ===== */
#xcbarra{position:fixed;left:0;top:0;height:3px;width:100%;z-index:9999;pointer-events:none;opacity:0;transition:opacity .15s;
  background:linear-gradient(90deg,transparent 0,var(--data) 30%,var(--brand) 60%,transparent 100%);background-size:50% 100%;background-repeat:no-repeat}
#xcbarra.on{opacity:1;animation:xcbarra 1s linear infinite}
@keyframes xcbarra{from{background-position:-50% 0}to{background-position:150% 0}}
.xc-tap{filter:brightness(1.35);transform:scale(.97);transition:transform .08s,filter .08s}
@media (prefers-reduced-motion:reduce){#xcbarra.on{animation:none;background:var(--data)}.xc-tap{transform:none}}

/* ===== p109: cabeceras con ícono, compartir ===== */
.cab-ic{display:flex;align-items:flex-start;gap:12px;margin:0 0 6px}.cab-ic>.t{flex:1;min-width:0}.cab-ic>.b{display:flex;gap:8px;flex:0 0 auto;padding-top:4px}
.cab-ic>.lgo{flex:0 0 auto}.cab-ic .tn-nom{margin-bottom:4px}.cab-ic .tn-sub{margin:0 0 8px}
.ic-btn{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;
  border:1px solid rgba(59,130,246,.65);background:rgba(37,99,235,.18);color:#BFD3FF;transition:background .15s,border-color .15s}
.ic-btn svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ic-btn:hover,.ic-btn.on{background:rgba(37,99,235,.45);border-color:#3B82F6;color:#fff}
.tn-fecha{margin:0 0 6px;font:600 15px var(--fd);letter-spacing:.06em;color:var(--data)}
.tn-card.evi .evi-f .tn-link{padding:0;margin:0;font-weight:600}
.shr-m{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}
.tn-card.evi .evi-f>div>span:first-child:not(:only-child){font:600 11.5px var(--fd);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}

/* ===== p110 ===== */
.hb-eq{padding:0;margin:0;font-weight:700}
/* ===== p131: formulario de torneo en filas (estilo «Rule Settings») ===== */
#tnform h3{font-style:italic;font-size:26px;letter-spacing:0;text-transform:none;margin:0 0 4px}
#tnform .tn-fres{margin:0 0 14px;font-size:15px;color:var(--ink-dim)}
#tnform .tn-fres b{color:var(--ink)}
#tnform .tn-form{grid-template-columns:1fr;gap:8px}
#tnform .tn-form>label:not(.chk),#tnform .tn-fmt>label{display:grid;grid-template-columns:minmax(112px,38%) minmax(0,1fr);align-items:center;column-gap:0;padding:0 0 0 12px;min-height:50px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#1A2133;font:700 15px/1.25 var(--fd);letter-spacing:0;text-transform:none;color:var(--ink)}
#tnform .tn-form>label:not(.chk):focus-within,#tnform .tn-fmt>label:focus-within,#tnform .tn-mj:focus-within{border:3px solid var(--bp);box-shadow:0 0 0 3px rgba(255,210,31,.18)}
#tnform .tn-form>label>input:not([type=hidden]):not([type=checkbox]),#tnform .tn-form>label>select,#tnform .tn-fmt>label>select,#tnform .tn-fl{align-self:stretch;margin:0;min-height:48px;border:0;border-radius:0;background:#E9EDF5;color:#11151F;font:600 16px/1.2 var(--fb);padding:0 12px}
#tnform .tn-form>label>input:focus,#tnform .tn-form>label>select:focus{border:0}
#tnform .tn-fl{display:flex;align-items:stretch;padding:0}
#tnform .tn-fl select{flex:1 1 auto;min-width:0;width:auto;margin:0;border:0;border-radius:0;background:transparent;color:#11151F;font:600 16px/1.2 var(--fb);text-align:center;text-align-last:center;-webkit-appearance:none;appearance:none;padding:0 2px}
#tnform .tn-flb{flex:0 0 auto;width:40px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
#tnform .tn-flb svg{width:15px;height:15px;fill:#D93A27}
#tnform .tn-flb:disabled{cursor:default}
#tnform .tn-flb:disabled svg{fill:#A9B1C2}
#tnform .tn-form>label small{grid-column:1/-1;margin:0 0 0 -12px;padding:8px 12px;background:#141A28;color:var(--ink-dim)}
#tnform .tn-cupl{grid-column:1/-1;margin:0 0 0 -12px;padding:6px;background:#E9EDF5;display:flex}
#tnform .tn-cupl button{flex:1;font-size:13px}
#tnform .tn-fmt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
@media(max-width:560px){#tnform .tn-form>label:not(.chk),#tnform .tn-fmt>label,#tnform .tn-mj,#tnform .tn-mj.dos{grid-template-columns:minmax(96px,33%) minmax(0,1fr)}#tnform .tn-fmt{grid-template-columns:1fr}#tnform .tn-fmt>:not(label){justify-self:center;max-height:44px}}
#tnform .tn-seg{border:0;background:#E9EDF5;padding:6px;gap:6px;border-radius:10px}
#tnform .tn-seg button{border:0;border-radius:8px;background:#CDD3DF;color:#3B4458;font:600 14px/1.2 var(--fb);letter-spacing:0;text-transform:none;min-height:38px}
#tnform .tn-seg button[aria-pressed=true]{background:var(--bp);color:var(--bp-ink);box-shadow:inset 0 0 0 2px #11151F}
#tnform .tn-sert{font:700 15px/1.3 var(--fd);letter-spacing:0;text-transform:none;color:var(--zcl,var(--data));margin:8px 0 0}
#tnform .tn-mj{display:grid;grid-template-columns:minmax(112px,38%) minmax(0,1fr);align-items:center;gap:0;padding:0 0 0 12px;min-height:50px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#1A2133}
#tnform .tn-mj>span:first-child{font:700 15px/1.25 var(--fd);letter-spacing:0;text-transform:none;color:var(--ink)}
#tnform .tn-mjs{align-self:stretch;display:flex;gap:0;background:#E9EDF5}
#tnform .tn-mjs .tn-fl{flex:1 1 auto;min-width:0}
#tnform .tn-mjs select.tn-pt{flex:0 0 auto;min-width:76px;margin:0;border:0;border-left:1px solid #C9D0DD;border-radius:0;background:transparent;color:#11151F;font:600 15px var(--fb)}
#tnform .tn-mj.dos{grid-template-columns:minmax(112px,38%) minmax(0,1fr)}
#tnform .tn-mj.dos .tn-mjs{flex:initial}
.tn-fay{margin:0 auto 10px;padding:10px 14px;border-radius:12px;background:#F3F6FC;color:#11151F;font-size:14px;line-height:1.4;box-shadow:0 -8px 20px rgba(0,0,0,.35)}
.tn-fay[hidden]{display:none}
.tn-fay svg{width:20px;height:20px;vertical-align:-5px;margin-right:6px}
#tnform .tn-barra .tn-ok,#lgform .tn-barra .tn-ok{background:var(--bp);color:var(--bp-ink);font-style:italic;font-weight:700;font-size:20px;letter-spacing:0;text-transform:none;border-radius:12px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
#tnform .tn-barra .tn-no,#lgform .tn-barra .tn-no{background:none;border:1px solid #3A4560;color:#C6CEDD;letter-spacing:0;text-transform:none}
/* ===== p130: zonas (rediseño estilo Smash, etapa 1) ===== */
:root{--bp:#FFD21F;--bp-ink:#1B1500}
body[data-zona=ars]{--zc:#17A86B;--zc1:#1FBF80;--zc2:#0A6641;--zcl:#3FD39A;--zci:#fff}
body[data-zona=comp]{--zc:#E8402F;--zc1:#F45E40;--zc2:#B5281A;--zcl:#FF8A78;--zci:#fff}
body[data-zona=liga]{--zc:#F2A007;--zc1:#FFC24A;--zc2:#C77E00;--zcl:#FFC85A;--zci:#1B1300}
body[data-zona=perf]{--zc:#6A3FE0;--zc1:#8A66FA;--zc2:#4A25B0;--zcl:#B9A2FF;--zci:#fff}
#zcab{display:none}
#zcab.on{display:block;position:relative;z-index:0;overflow:hidden;margin:4px 0 16px;padding:14px 20px 30px;color:var(--zci);background:linear-gradient(120deg,var(--zc1) 0%,var(--zc) 45%,var(--zc2) 100%);clip-path:polygon(0 0,100% 0,100% 76%,0 100%);border-radius:16px 16px 0 0}
#zcab.chico{padding:10px 18px 20px;margin-bottom:10px}
#zcab .ztx{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
#zcab .zm{font-size:14px;font-weight:500;opacity:.92}
#zcab h1{margin:6px 0 0;font-family:var(--fd);font-style:italic;font-weight:700;font-size:40px;line-height:1;letter-spacing:-.01em;text-transform:none}
body:not([data-zona=enc]) .tn-card h3{letter-spacing:0;text-transform:none;font-size:19px}
body:not([data-zona=enc]) .tn-h{letter-spacing:.01em;text-transform:none;font-size:16px;font-weight:700;color:var(--zcl,var(--data))}
body:not([data-zona=enc]) .eq-t{letter-spacing:.01em;text-transform:none;font-size:14px}
body:not([data-zona=enc]) .n3s button{letter-spacing:.01em;text-transform:none;font-size:15px}
.tn-acc.zt2{grid-template-columns:1fr;gap:12px}
.tn-acc .tn-go.zt{position:relative;z-index:0;overflow:hidden;display:flex;align-items:center;gap:16px;text-align:left;padding:16px 18px;border-radius:18px;letter-spacing:0;text-transform:none;font-style:italic;font-size:30px;line-height:1;white-space:normal;border:0}
.tn-go.zt .zi{width:64px;height:64px;border-radius:16px;background:rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.tn-go.zt .zi svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tn-go.zt .zg{position:absolute;right:-34px;bottom:-44px;width:150px;height:150px;z-index:-1;pointer-events:none}
.tn-go.zt.crear{background:linear-gradient(135deg,#E04A2F 0%,#C92F20 55%,#9E2014 100%)}
.tn-go.zt.entrar{background:linear-gradient(135deg,#4C84FF 0%,#2F6DF6 50%,#1F50C9 100%)}
.tn-go.zt.lgn{background:linear-gradient(135deg,#FFBF3A 0%,#F2A007 50%,#CC8300 100%);color:#1B1300}
.tn-go.zt.on{box-shadow:0 0 0 3px var(--bp)}
#znav{display:none}
@media(max-width:720px){
  #znav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:40;background:#0F1320;border-top:1px solid var(--line);padding:6px 4px calc(8px + env(safe-area-inset-bottom))}
  #znav button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;border:0;background:none;color:var(--ink-dim);font-family:inherit;font-size:11.5px;line-height:1.2;font-weight:500;letter-spacing:0;text-transform:none;white-space:nowrap;min-width:0;border-radius:12px;cursor:pointer}
  #znav svg{width:24px;height:24px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  #znav [data-z=enc] svg{stroke:#6E9BFF} #znav [data-z=ars] svg{stroke:#3FD39A} #znav [data-z=comp] svg{stroke:#FF6B57} #znav [data-z=perf] svg{stroke:#B9A2FF}
  #znav button{position:relative}
  #znav em{position:absolute;top:2px;left:calc(50% + 6px);min-width:18px;height:18px;border-radius:9px;background:#E5484D;color:#fff;font:600 12px/18px var(--fd);font-style:normal;text-align:center;padding:0 5px;box-sizing:border-box}
  #znav em[hidden]{display:none}
  #znav button[aria-current=page]{color:#fff;font-weight:600;background:rgba(255,255,255,.09)}
  body{padding-bottom:78px}
  .arriba{bottom:90px}
  #goars,#gotor{display:none}
  body:has(.tn-barra) #znav{display:none}
  #znav{grid-template-columns:repeat(5,minmax(0,1fr))}
  .top .brand,.top .lang,.top .util,.top .obzlink{display:none!important}
  body.zsinbusq .top{display:none}
  #znav .zlogo{height:22px;width:auto;max-width:68px;object-fit:contain;margin:auto 0}
  #znav [data-z=enc]{justify-content:center}
  #znav .zlang{font:700 16px/24px var(--fd);color:#fff;height:24px;letter-spacing:.02em}
  #znav .zav{width:26px;height:26px;border-radius:50%;object-fit:cover;margin:-1px 0}
  #znav [data-z=perf].pte::after{content:"";position:absolute;top:4px;left:calc(50% + 8px);width:9px;height:9px;border-radius:5px;background:#F2A007}
  #znLang{position:fixed;left:calc(20% - 12px);bottom:calc(74px + env(safe-area-inset-bottom));z-index:45;display:flex;flex-direction:column;gap:4px;padding:6px;background:#141A28;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.5)}
  #znLang[hidden]{display:none}
  #znLang button{min-width:120px;height:44px;border:0;border-radius:10px;background:none;color:var(--ink);font:600 16px/1 var(--fd);text-align:left;padding:0 14px;cursor:pointer}
  #znLang button[aria-pressed=true]{background:var(--bp);color:var(--bp-ink)}
  body:has(.tn-barra){padding-bottom:0}
}
.cfg-g{border:1px solid var(--line);border-radius:14px;background:rgba(20,26,40,.85);margin:8px 0;overflow:hidden}
.cfg-g>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:48px;cursor:pointer}
.cfg-g>summary::-webkit-details-marker{display:none}
.cfg-i{flex:0 0 auto;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.07);color:var(--zcl,var(--data))}
.cfg-i svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cfg-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.cfg-t b{font-family:var(--fd);font-size:17px;font-weight:700;color:var(--ink);line-height:1.2}
.cfg-t small{font-size:13px;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cfg-ch{flex:0 0 auto;width:20px;height:20px;fill:none;stroke:var(--ink-dim);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.cfg-g[open]{border-color:var(--zcl,var(--brand))}
.cfg-g[open] .cfg-ch{transform:rotate(90deg)}
.cfg-c{padding:4px 12px 12px;border-top:1px solid var(--line)}
.lg-cfg .cfg-c>.tn-h{margin-top:12px;font-size:14px}
.cfg-c>.tn-fila:first-child{margin-top:10px}
.cfg-pel{margin-top:18px;border-top:1px dashed rgba(229,72,77,.5);padding-top:10px;display:flex;flex-direction:column;gap:12px}
.cfg-pel>span{font-size:13px;font-weight:600;color:#FF8A8A}
.cfg-pr{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.cfg-pr>div{flex:1 1 170px;display:flex;flex-direction:column;gap:2px}
.cfg-pr b{font-size:15px;color:var(--ink)}
.cfg-pr small{font-size:13px;color:var(--ink-dim);line-height:1.35}
.cfg-pr .mini{flex:0 0 auto;margin:0;min-height:40px}
.cfg-pr .mini.nel{border:2px solid #E5484D;color:#FF8A8A;background:none}
.cfg-av{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);color:var(--ink-dim);font-size:14px}
body[data-zona=ars] .navrow:has(> #ini){display:none}
.n3s.ars.ars-t{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border:0;margin:6px 0 16px;overflow:visible}
.n3s.ars.ars-t button{flex-direction:column;justify-content:center;gap:3px;min-width:0;padding:9px 2px 8px;border:1px solid var(--line);border-radius:14px;background:#141A28;color:var(--ink-dim);font-family:var(--fb);letter-spacing:0;text-transform:none;font-size:12px;white-space:normal}
.n3s.ars.ars-t button svg{width:22px;height:22px;fill:none;stroke:var(--zcl,#3FD39A);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.n3s.ars.ars-t button b{font-family:var(--fd);font-size:20px;line-height:1;color:var(--ink)}
.n3s.ars.ars-t button span{overflow:hidden;text-overflow:ellipsis;max-width:100%}
.n3s.ars.ars-t button[aria-selected="true"]{background:var(--zc,#17A86B);border:3px solid var(--bp);color:#fff;font-weight:600;padding:7px 0 6px}
.n3s.ars.ars-t button[aria-selected="true"] svg{stroke:#fff}
.n3s.ars.ars-t button[aria-selected="true"] b{color:#fff}
.n3s.ars.ars-t button::after{display:none}
body[data-zona=ars] #cmbnuevo{background:var(--bp);color:var(--bp-ink);border:0;font-family:var(--fd);font-style:italic;font-weight:700;font-size:20px;letter-spacing:0;text-transform:none;border-radius:12px;min-height:52px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
body[data-zona=ars] #cmbnuevo b{color:var(--bp-ink)}
.decks.cmb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:721px){ .decks.cmb-grid{grid-template-columns:repeat(4,minmax(0,1fr))} }
.cmb-grid>.combo{margin:0;min-width:0}
.cmb-grid>.combo.abierto{grid-column:1/-1}
.cmb-grid button.cmb-fila{position:relative;width:100%;height:100%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:28px 8px 12px;border:1px solid #2E3A57;border-radius:16px;background:linear-gradient(180deg,#1F2A45,#141A28);text-align:center}
.cmb-grid button.cmb-fila img{width:84px;height:84px}
.cmb-grid button.cmb-fila>span{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;width:100%}
.cmb-grid button.cmb-fila b{font-size:15px;line-height:1.25;overflow-wrap:anywhere}
.cmb-grid button.cmb-fila .cmb-peso{margin:0}
.cmb-grid .cmb-fila .cmb-dks{position:absolute;top:8px;left:8px;right:8px;display:flex;flex-direction:row;gap:4px;overflow:hidden;margin:0}
.cmb-dks small{flex:0 0 auto;white-space:nowrap;font-size:11px;font-weight:600;line-height:1.4;background:var(--zc,#17A86B);color:#fff;border-radius:6px;padding:1px 6px}
.combo.abierto .beyhead>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.combo.abierto .beyhead .beycode{flex:1 1 100%}
.combo.abierto .beyhead .cmb-peso,.combo.abierto .beyhead .cmb-uso{margin:0}
.deck-beys .dk-r{display:grid;grid-template-columns:48px minmax(0,1fr) auto;padding:0;gap:0;border-radius:16px;overflow:hidden;border:1px solid #2E3A57;background:linear-gradient(90deg,#1F2A45,#141A28)}
.dk-n{display:flex;align-items:center;justify-content:center;background:var(--zc,#17A86B);font-family:var(--fd);font-style:italic;font-weight:700;font-size:30px;color:#fff;min-height:76px}
.deck-beys .dk-r.vac{border:2px dashed var(--bp);background:rgba(255,210,31,.06)}
.dk-r.vac .dk-n{background:#262F44;color:var(--ink-dim)}
.dk-c{display:flex;align-items:center;gap:10px;padding:10px;min-width:0;background:none;border:0;text-align:left;color:var(--ink);font:inherit}
.dk-c img{width:52px;height:52px;object-fit:contain;flex:0 0 auto}
.dk-t{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.dk-t .beycode{font-size:16px;font-weight:700;color:var(--ink);overflow-wrap:break-word;letter-spacing:0;line-height:1.25}
.dk-t .cmb-peso{border:0;padding:0;background:none;font-size:13px;color:var(--ink-dim)}
.dk-t .cmb-peso,.dk-t .cmb-uso{margin:0}
.dk-acc{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:6px 8px 6px 0}
.dk-ib{width:36px;height:34px;border-radius:12px;border:1px solid #3A4560;background:none;display:flex;align-items:center;justify-content:center;color:#C6CEDD;padding:0;margin:0}
.dk-ib svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dk-ib[aria-expanded=true]{border-color:var(--bp);color:var(--bp)}
.dk-vac{grid-column:2/-1;display:flex;align-items:center;gap:12px;padding:12px;background:none;border:0;text-align:left;width:100%;color:var(--ink);font:inherit}
.dk-plus{width:52px;height:52px;border-radius:26px;border:2px dashed #6B7590;display:flex;align-items:center;justify-content:center;color:var(--bp);font-size:28px;font-weight:700;flex:0 0 auto;line-height:1}
.dk-vac b{color:var(--bp);font-size:16px;display:block}
.dk-vac small{color:var(--ink-dim);font-size:13px}
.deck-beys:has(>.dk-r){display:flex;flex-direction:column;gap:10px}
.dk-r>.cmb-pick{grid-column:1/-1;padding:10px;border-top:1px solid var(--line);margin:0}
@media(min-width:721px){ #gocta{display:none!important} #goars #cnt{display:none} #goars{padding:6px 11px;border:1px solid var(--line);border-radius:8px;color:#3FD39A} #goars:hover{border-color:#3FD39A} #golibro{order:0} #gotor{order:1} #goars{order:2} #goperf{order:3} }
@media(max-width:720px){
  body[data-zona=enc] .top .brand{display:flex!important;flex:0 0 auto}
  body[data-zona=enc] .top .brand img{height:26px;width:auto}
  body[data-zona=enc] .top{flex-wrap:nowrap}
  body[data-zona=enc] .top .search{flex:1 1 auto;min-width:0}
}
body:has(.hbx) #zcab{display:none}
.hbx{margin:4px 0 16px}
.hbx-bg{position:relative;z-index:0;overflow:hidden;height:150px;box-sizing:border-box;padding:14px;display:flex;justify-content:space-between;align-items:flex-start;border-radius:18px 18px 0 0;background:linear-gradient(120deg,#8A66FA 0%,#6A3FE0 45%,#4A25B0 100%);clip-path:polygon(0 0,100% 0,100% 70%,0 100%)}
.hbx-bg .ztx{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.hbx-b{width:44px;height:44px;border-radius:12px;border:0;background:rgba(0,0,0,.22);color:#fff;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.hbx-b svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.hbx-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hbx-r{display:flex;gap:8px}
.hbx-r .hb-share{background:rgba(255,255,255,.18);border:0;align-self:auto;width:44px;height:44px}
.hbx-r .hb-share:hover{background:rgba(255,255,255,.28)}
.hbx .hb-cab{display:flex;align-items:flex-end;gap:14px;margin:-72px 0 0;padding:0 14px;position:relative;background:none;border:0;box-shadow:none}
.hbx-av{position:relative;width:104px;height:104px;flex:0 0 auto;border-radius:50%;background:#141A28;border:5px solid #0B0E17;box-shadow:0 0 0 3px #B9A2FF;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}
.hbx-av .av.g{width:78px;height:78px;margin:0;filter:none}
.hbx-av i{font:italic 700 44px/1 var(--fd);color:#B9A2FF}
.hbx .hb-id{flex:1;min-width:0;padding-bottom:6px}
.hbx .hb-cab h1.tn-nom{margin:0 0 8px;font-family:var(--fd);font-style:italic;font-weight:700;font-size:32px;line-height:1;overflow-wrap:anywhere}
.hbx-ch{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.hbx-eq{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink-dim);background:#1E2638;border:1px solid #3A4560;border-radius:999px;padding:4px 10px}
.hbx-eq .lgo{width:20px;height:20px}
.hbx-eq .hb-eq{font-size:13px}
.hbx-vac{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;border:2px dashed #3A4560;border-radius:18px;padding:18px;background:#10151F}
.hbx-vac svg{width:44px;height:44px;fill:none;stroke:#B9A2FF;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hbx-vac b{font-family:var(--fd);font-size:19px;color:var(--ink)}
.hbx-vac span{font-size:14px;color:var(--ink-dim);line-height:1.4}
.hbx-vac .hbx-ir{flex:0 0 auto;min-height:48px;padding:0 24px;background:var(--bp);color:var(--bp-ink);font-family:var(--fd);font-style:italic;font-weight:700;font-size:19px;letter-spacing:0;text-transform:none;border-radius:12px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.hbx-shr{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;margin:4px 0 8px;border-radius:14px;border:2px solid #B9A2FF;background:rgba(106,63,224,.14);color:#E4DBFF;font:600 15px var(--fb);cursor:pointer}
.hbx-shr svg{width:20px;height:20px;fill:none;stroke:#E4DBFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hbx-shr:hover{background:rgba(106,63,224,.24)}
@media(max-width:720px){ .frame{display:none} }
@media(max-width:720px){
  .cats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:16px}
  .cat{padding:10px 4px 9px;text-align:center;overflow:hidden}
  .cat b{font-size:11.5px;letter-spacing:.02em;line-height:1.15;min-height:2.3em;display:flex;align-items:center;justify-content:center}
  .cat span{font-size:21px;display:block;margin-top:2px}
  .cat i{display:none}
  .cat img{width:52px;right:-12px;bottom:-12px}
}
.hlib{display:flex;align-items:center;gap:12px;width:100%;margin:12px 0 4px;padding:8px 12px;border:1px solid rgba(255,180,61,.45);border-radius:14px;background:linear-gradient(90deg,rgba(255,180,61,.16),rgba(255,180,61,.04));color:var(--ink);text-align:left;cursor:pointer}
.hlib img{width:38px;height:52px;object-fit:cover;border-radius:4px;flex:0 0 auto;box-shadow:0 4px 10px rgba(0,0,0,.45)}
.hlib span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.hlib b{font-family:var(--fd);font-size:17px;font-weight:700;color:var(--own)}
.hlib small{font-size:13px;color:var(--ink-dim)}
.hlib svg{width:20px;height:20px;fill:none;stroke:var(--own);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.hlib:hover{border-color:var(--own)}
.hbx-av.pj{background:none;border:0;box-shadow:none;overflow:visible;width:112px;height:112px}
.hbx-av.pj .av.g{width:112px;height:112px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.6))}
body[data-zona=ars] .prog{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}
body[data-zona=ars] .pbar{padding:8px 6px 7px;text-align:center;border-radius:12px;background:#141A28}
body[data-zona=ars] .pbar .pb-t{font-size:11px;letter-spacing:.04em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-zona=ars] .pbar .pb-n{font-size:18px;margin:3px 0 5px}
body[data-zona=ars] .pbar .pb-n small{font-size:11px}
body[data-zona=ars] .pbar.on{border-color:#3FD39A;background:rgba(23,168,107,.16)}
body[data-zona=ars] .pbar .track{height:4px}
body[data-zona=ars] #view .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media(min-width:721px){ body[data-zona=ars] #view .grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))} }
body[data-zona=ars] #view .grid .cardp .ph{aspect-ratio:1/1}
body[data-zona=ars] #view .grid .cardp .ft{padding:6px 7px 8px}
body[data-zona=ars] #view .grid .cardp .n1{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
body[data-zona=ars] #view .grid .cardp .n2,body[data-zona=ars] #view .grid .cardp .tags{display:none}
body[data-zona=ars] #view .grid .cardp .w{font-size:12.5px}
body[data-zona=ars] #view .grid .cardp .face{width:30px!important;height:30px!important;top:5px;left:5px}
#tnform .tn-cupv{align-self:stretch;display:flex;align-items:stretch;min-width:0;background:#E9EDF5}
#tnform .tn-cupv>input[type=number]{flex:1 1 auto;min-width:0;width:auto;margin:0;border:0;border-radius:0;background:transparent;color:#11151F;font:600 16px var(--fb);padding:0 12px;min-height:48px}
#tnform .tn-cupv .tn-cupl{grid-column:auto;margin:0;padding:5px;background:transparent;display:flex;gap:4px;flex:0 0 auto;border-radius:0}
#tnform .tn-cupv .tn-cupl button{flex:0 0 auto;font-size:13px;padding:0 10px;min-height:38px}
#tnform .tn-cupv:not(:has(input[type=number])) .tn-cupl{flex:1 1 auto}
#tnform .tn-cupv:not(:has(input[type=number])) .tn-cupl button{flex:1}
#tnform .tn-ptseg .tn-seg{display:flex}
#tnform .tn-ptseg .tn-seg button{flex:1}
.cfg-pel{border-top:0;margin-top:22px;padding-top:0;gap:10px}
.cfg-pr{display:block}
.cfg-pr .mini,.cfg-pr .mini.nel{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;border:2px solid #E5484D;color:#FF8A8A;background:rgba(229,72,77,.08);letter-spacing:.04em}
.cfg-pr .mini:hover{background:rgba(229,72,77,.16)}
.tn-cfgfondo{position:fixed;inset:0;z-index:58;background:rgba(5,8,15,.62)}
#view .tn-card.tn-cfg{position:fixed;left:0;right:0;bottom:0;z-index:59;margin:0;max-height:86vh;overflow:auto;overscroll-behavior:contain;background:#0F1524;border-radius:20px 20px 0 0;border-color:#3A4560;padding:16px 16px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -12px 30px rgba(0,0,0,.5)}
#view .tn-cfg>h3{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:-16px;margin:-16px -16px 8px;padding:16px;background:#0F1524;z-index:1}
.tn-cfgx{width:40px;height:40px;flex:0 0 auto;border-radius:12px;border:1px solid #3A4560;background:none;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.tn-cfgx svg{width:18px;height:18px;fill:none;stroke:#C6CEDD;stroke-width:2.4;stroke-linecap:round}
body:has(.tn-cfg) #znav{display:none}
@media(min-width:721px){ #view .tn-card.tn-cfg{left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:min(560px,92vw);border-radius:20px;padding-bottom:20px} }
.tn-resumen{flex-wrap:wrap;gap:6px 14px;font-size:15px;letter-spacing:.04em;margin:2px 0 10px}
.tn-resumen .tn-fecha{margin:0;font:600 15px var(--fd);letter-spacing:.04em;color:var(--data)}
.tn-det .tn-reglas{display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;margin:8px 0 14px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.tn-det .tn-reglas>span{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0;padding:10px 12px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:rgba(20,26,40,.6);font-size:14px;color:var(--ink-dim);letter-spacing:0;text-transform:none}
.tn-det .tn-reglas>span:last-child{border-bottom:0}
.tn-det .tn-reglas>span b{text-align:right}
body[data-zona=ars] .ars-bar{margin:0 0 10px;display:flex;justify-content:flex-end}
body[data-zona=ars] .ars-bar .lbl{display:none}
body[data-zona=ars] .ars-bar select{font-size:14px;min-height:38px;padding:4px 10px;width:auto}
.lb-hero .lb-mock-top{display:block;width:100%;max-width:560px;height:auto;margin:0 auto 6px;justify-self:center}
.lb .lb-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0}   /* p181 */
.lb .lb-hero .lb-htx{display:contents}
.lb .lb-hero .lb-kick{order:1}
.lb .lb-hero .lb-tit{order:2;margin:6px 0 10px}
.lb .lb-hero .lb-mock-top{order:3;max-width:900px;margin:0 auto 14px}
.lb .lb-hero .lb-prom{order:4;max-width:640px;margin:0 auto 18px}
.lb .lb-hero .lb-portada{order:5}
.lb .lb-hero .lb-acc{order:6;justify-content:center}
.lb .lb-hero .lb-datos{order:7}
/* p183: página del lector (/libro · /book) */
.lv-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center;padding:34px 34px 30px;border:1px solid var(--line);border-radius:18px;overflow:hidden;
  background:radial-gradient(ellipse at 85% 15%,rgba(255,180,61,.20),transparent 55%),radial-gradient(ellipse at 5% 95%,rgba(47,109,246,.32),transparent 60%),linear-gradient(160deg,rgba(17,28,49,.96),rgba(8,20,38,.96))}
.lv .lv-hero .lb-tit{font-size:54px;margin:8px 0 16px}
.lv .lv-hero .lb-tit span{display:block}
.lv-prom{font-size:20px;font-weight:300;line-height:1.5;color:var(--ink-dim);margin:0 0 22px;max-width:520px}
.lv-fan{position:relative;height:480px}
.lv-tel{width:200px;aspect-ratio:390/844;border-radius:30px;padding:7px;background:#04070D;overflow:hidden;
  box-shadow:0 0 0 1.5px rgba(255,255,255,.16),0 0 0 6px rgba(4,7,13,.9),0 28px 54px rgba(0,0,0,.6)}
.lv-tel img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:23px}
.lv-fan .lv-tel{position:absolute;top:52px;width:180px}
.lv-fan .lv-tel:nth-child(1){left:2%;transform:rotate(-9deg)}
.lv-fan .lv-tel:nth-child(2){left:50%;top:6px;transform:translateX(-50%);z-index:2;width:204px}
.lv-fan .lv-tel:nth-child(3){right:2%;transform:rotate(9deg)}
.lv-gracias{margin-top:34px}
.lv-gracias h2{font-family:var(--fd);font-size:28px;letter-spacing:.04em;margin:0 0 10px;color:var(--ink)}
.lv .lv-gracias p{font-size:18.5px;line-height:1.55}
.lv-h2c{text-align:center;margin-top:46px}
.lv-pasos{display:grid;gap:22px}
.lv-paso{--c:#59E1FF;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:30px 34px;border:1px solid var(--line);border-radius:18px;overflow:hidden;
  background:radial-gradient(circle at 78% 50%,color-mix(in srgb,var(--c) 26%,transparent),transparent 58%),rgba(12,21,38,.85)}
.lv-paso:nth-child(even){background:radial-gradient(circle at 22% 50%,color-mix(in srgb,var(--c) 26%,transparent),transparent 58%),rgba(12,21,38,.85)}
.lv-paso:nth-child(even) .lv-pim{order:-1}
.lv-num{display:block;font-family:var(--fd);font-weight:800;font-size:64px;line-height:.9;color:var(--c);opacity:.95;text-shadow:0 0 26px color-mix(in srgb,var(--c) 55%,transparent)}
.lv-tag{font-family:var(--fd);font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--c);margin:10px 0 4px}
.lv-paso h3{font-family:var(--fd);font-size:34px;line-height:1.05;margin:0 0 12px;color:var(--ink);text-transform:uppercase;letter-spacing:.01em}
.lv-paso p{font-size:18px;line-height:1.55;color:var(--ink-dim);margin:0 0 18px;max-width:480px}
.lv-paso .lv-bono{font-size:16px;color:#7EE8A6;border:1px solid rgba(126,232,166,.4);background:rgba(126,232,166,.08);border-radius:12px;padding:10px 14px}
.lv .lv-paso .lb-ir{border-color:var(--c);color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent)}
.lv .lv-paso .lb-ir:hover{background:color-mix(in srgb,var(--c) 24%,transparent)}
.lv-pim .lv-tel{margin:0 auto;width:240px;transform:rotate(3deg)}
.lv-paso:nth-child(even) .lv-pim .lv-tel{transform:rotate(-3deg)}
.lv-tip{display:flex;gap:18px;align-items:center;margin-top:30px;padding:20px 24px;border:1px dashed rgba(89,225,255,.5);border-radius:16px;background:rgba(89,225,255,.07)}
.lv-tip-i{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:14px;background:rgba(89,225,255,.14)}
.lv-tip-i svg{width:32px;height:32px;fill:none;stroke:#59E1FF;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lv-tip-t{display:inline-block;font-family:var(--fd);font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:#1A1204;background:#FFE347;border-radius:6px;padding:2px 9px;margin-bottom:6px}
.lv .lv-tip p{margin:0;font-size:18px;line-height:1.5;color:var(--ink)}
@media(max-width:820px){.lv-tip{flex-direction:column;text-align:center;padding:18px 16px;gap:10px}}
html[lang=ja] .lv .lv-hero .lb-tit{font-size:40px;line-height:1.2;word-break:keep-all}
@media(max-width:820px){html[lang=ja] .lv .lv-hero .lb-tit{font-size:clamp(24px,7.4vw,32px)}}
.lv-fin{margin-top:40px;padding:36px 28px;text-align:center;border:1px solid rgba(255,180,61,.35);border-radius:18px;
  background:radial-gradient(ellipse at 50% 0%,rgba(255,180,61,.22),transparent 65%),linear-gradient(160deg,rgba(17,28,49,.96),rgba(8,20,38,.96))}
.lv-fin h2{font-family:var(--fd);font-size:40px;line-height:1.05;margin:0 0 12px;text-transform:uppercase}
.lv-fin h2 em{font-style:normal;color:#FFE347;display:inline-block;transform:skewX(-10deg);text-shadow:0 0 22px rgba(255,227,71,.45)}
.lv-fin p{font-size:19px;color:var(--ink-dim);margin:0 auto 22px;max-width:620px;line-height:1.5}
.lv-fin .lb-acc{justify-content:center;margin:0}
@media(max-width:820px){
  .lv-hero{grid-template-columns:1fr;padding:22px 18px;text-align:center;gap:6px}
  .lv .lv-hero .lb-tit{font-size:clamp(30px,9.5vw,42px)}
  .lv-prom{font-size:18px;margin:0 auto 18px}
  .lv-hero .lb-acc{justify-content:center}
  .lv-fan{height:330px;max-width:380px;width:100%;margin:6px auto 0;order:-1}
  .lv-fan .lv-tel{width:138px;top:34px;border-radius:22px;padding:5px}
  .lv-fan .lv-tel img{border-radius:17px}
  .lv-fan .lv-tel:nth-child(2){width:150px}
  .lv-paso,.lv-paso:nth-child(even){grid-template-columns:1fr;padding:22px 18px;gap:18px;text-align:center}
  .lv-paso:nth-child(even) .lv-pim{order:0}
  .lv-paso p{margin-left:auto;margin-right:auto}
  .lv-num{font-size:52px}
  .lv-paso h3{font-size:28px}
  .lv-pim .lv-tel{width:min(220px,62vw)}
  .lv-fin h2{font-size:30px}
}
@media(max-width:900px){ .lb .lb-tit span{display:inline} .lb .lb-tit em{margin-top:0} .lb .lb-hero .lb-tit{font-size:clamp(26px,8vw,40px)} }
.home .logo-big{height:111px}
.home .claim{white-space:nowrap;letter-spacing:.14em;font-size:clamp(12px,3.7vw,17px)}






/* p149: cabecera del torneo, panel del organizador y hoja de invitar (revisión contra el diseño) */
body:has(#view .tn-hero) #zcab{display:none}#view:has(.tn-hero) .navrow{display:none}
.tn-hero{position:relative;z-index:0;overflow:hidden;margin:4px -4px 14px;padding:12px 16px 30px;background:linear-gradient(120deg,#F45E40 0%,#E8402F 45%,#B5281A 100%);clip-path:polygon(0 0,100% 0,100% 82%,0 100%);border-radius:18px 18px 0 0;color:#fff}
.tn-herog{position:absolute;right:-30px;top:-30px;width:150px;height:150px;z-index:-1;pointer-events:none;fill:#fff;fill-opacity:.14;stroke:#fff;stroke-opacity:.14}
.tn-heroc{display:flex;align-items:center;gap:8px;margin:0 0 6px}
.tn-herob{width:44px;height:44px;border:0;border-radius:12px;background:rgba(0,0,0,.22);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.tn-herob svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.tn-hero .b{display:flex;gap:8px}.tn-hero .ic-btn{background:rgba(0,0,0,.22)!important;border:0!important;color:#fff!important;border-radius:22px}
.tn-hero h1.tn-nom{margin:0 0 6px;font:italic 700 36px/1.02 var(--fd);color:#fff;text-transform:none}
.tn-herom{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-weight:600;font-size:14px}
.tn-herom .tn-chip{margin:0;border:0;font-size:11px}.tn-herom .tn-chip.inscripcion{background:#0E3B2A;color:#5BE3A6}.tn-herom .tn-chip.en_juego{background:#FFD21F;color:#1B1500}
.tn-hero .tn-resumen{display:contents}.tn-hero .tn-resumen>span{color:#fff}.tn-hero .tn-resumen b{color:#fff}.tn-hero .tn-fecha{color:#fff!important}
.tn-hst{display:grid;grid-template-columns:auto 1fr 1fr;gap:6px;align-items:stretch;margin:4px 0 12px}
.tn-hst .n{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:74px}.tn-hst .n b{font:italic 700 44px/1 var(--fd);color:#FFD21F}.tn-hst .n small{font-size:12px;color:var(--ink-faint)}
.tn-hst .c{display:flex;flex-direction:column;border:1px solid #2E3A57;border-radius:10px;background:#141A28;padding:6px 8px}.tn-hst .c b{font-size:18px}.tn-hst .c small{font-size:12px;color:var(--ink-faint)}
.tn-hst .c.am{background:rgba(255,210,31,.12);border-color:rgba(255,210,31,.4)}.tn-hst .c.am b{color:#FFD21F}
.tn-hchips span.sel::after{box-shadow:inset 0 0 0 3px #FFD21F!important}.tn-hchips span{cursor:pointer}
.tn-mok{position:absolute;top:4px;right:8px;width:18px;height:18px;border-radius:9px;background:#5BE3A6;color:#05080F;display:flex;align-items:center;justify-content:center;font:700 12px var(--fb);font-style:normal}
.tn-hchips span[data-llego]:not(.ok){opacity:.55}
.tn-jsel{margin-top:8px}
[data-iniciar].tn-btn{background:#FFD21F!important;color:#1B1500!important;border:0!important;font:italic 700 20px var(--fd)!important;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.tn-jrg{margin:8px 0 4px}.tn-jrt{position:relative;display:block;height:84px;padding:0;border:0;background:none;cursor:pointer;overflow:hidden;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.tn-jrt .tn-mav img.av{width:58px;height:58px;margin:0}.tn-mini{font:italic 700 30px var(--fd);color:#fff}
.tn-jmas{position:absolute;top:5px;right:9px;width:26px;height:26px;border-radius:13px;background:#FFD21F;color:#1B1500;display:flex;align-items:center;justify-content:center;font:700 18px/1 var(--fb);font-style:normal;box-shadow:0 2px 0 rgba(0,0,0,.35)}
.tn-jst{position:absolute;top:4px;left:8px;right:8px;font-style:normal;font-size:9px;font-weight:700;letter-spacing:.03em;background:#5BE3A6;color:#05080F;border-radius:4px;padding:1px 4px;text-align:center;text-transform:uppercase}
.tn-atj{border:1px solid #2E3A57;border-radius:14px;background:linear-gradient(180deg,#1F2A45,#141A28);padding:0 12px;margin:0 0 8px}
.tn-atj summary{display:flex;flex-direction:column;padding:10px 0;cursor:pointer;list-style:none}.tn-atj summary::-webkit-details-marker{display:none}
.tn-atj summary b{font-size:15px}.tn-atj summary small{font-size:12px;color:var(--ink-faint)}
.tn-atj .tn-tarde{padding:0 0 12px}
.tn-atjb{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:10px 12px;color:inherit;text-align:left;cursor:pointer;font:inherit}.tn-atjb b{font-size:15px}.tn-atjb small{font-size:12px;color:var(--ink-faint)}

/* p150: STAFF del engrane, panel del organizador y cabecera de orilla a orilla */
@media(max-width:720px){ .tn-hero{margin:-4px calc(50% - 50vw) 14px;border-radius:0;padding-top:14px} }
.tn-herog{top:auto;bottom:-46px;right:-36px;width:170px;height:170px}
.tn-oculto{display:none}
.tn-pes .eq-f,.tn-pes .tn-jug{border:1px solid rgba(255,210,31,.45);background:rgba(255,210,31,.08);border-radius:14px;padding:8px 10px;margin:0 0 6px}
.tn-hinv .tn-mav{filter:grayscale(1) brightness(.8)}.tn-jst.gr{background:#E9EDF5;color:#11151F}
.tn-inib{margin:16px -16px -16px;border-radius:0 0 14px 14px;overflow:hidden}.tn-inib .tn-invay{margin:0}
.tn-inib [data-iniciar].tn-btn{display:block;width:calc(100% - 32px);margin:12px 16px 16px}
.tn-evd{border:1px solid #2E3A57;border-radius:14px;background:#141A28;margin:0 0 14px}
.tn-evd>summary{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;list-style:none}.tn-evd>summary::-webkit-details-marker{display:none}
.tn-evd>summary b{display:block;font-size:16px}.tn-evd>summary small{display:block;font-size:13px;color:var(--ink-faint)}.tn-evd>summary>span:nth-child(2){flex:1}
.tn-evdi{width:38px;height:38px;border-radius:10px;background:rgba(232,64,47,.18);display:flex;align-items:center;justify-content:center}
.tn-evdi svg{width:20px;height:20px;fill:none;stroke:#FF8A6B;stroke-width:2}.tn-evd .cfg-ch{width:20px;height:20px;fill:none;stroke:#8A94AB;stroke-width:2.4}
.tn-evd[open] .cfg-ch{transform:rotate(90deg)}.tn-evd>.tn-card{margin:0;border:0;background:none}
#view .tn-cfg2>h3{display:none}
.tn-cfgcab{position:sticky;top:-16px;z-index:2}.tn-cfgcab h3{font:italic 700 24px/1 var(--fd)!important}
.tn-cfgci{width:38px;height:38px;border-radius:10px;background:rgba(0,0,0,.22);display:flex;align-items:center;justify-content:center}.tn-cfgci svg{width:20px;height:20px;stroke:#fff}
.tn-stf{margin:4px 0 10px;font:italic 700 32px/1 var(--fd);color:#fff;letter-spacing:.02em;text-transform:uppercase}
.tn-ss{border:1px solid #2E3A57;border-left:4px solid #FFD21F;border-radius:14px;background:linear-gradient(180deg,#1C2540,#141A28);padding:10px 12px;margin:0 0 12px}
.tn-ss.moderador{border-left-color:#B794FF}
.tn-ss h4{display:flex;align-items:center;gap:10px;margin:0 0 10px!important;font:italic 700 22px var(--fd)!important;letter-spacing:0!important;text-transform:none!important;color:#FFD21F!important}
.tn-ss.moderador h4{color:#C9B2FF!important}
.tn-sri{width:36px;height:36px;flex:0 0 auto;border-radius:10px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}
.tn-sri svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tn-sf{display:flex;align-items:center;gap:10px;background:#0F1524;border-radius:12px;padding:6px 6px 6px 8px;margin:0 0 6px}
.tn-sf.sol{box-shadow:inset 0 0 0 1px #2E6B4A}.tn-sf .mini{flex:none;margin:0}
.tn-sf>b{flex:1;min-width:0;font-size:16px;overflow:hidden;text-overflow:ellipsis}.tn-sf>b small{display:block;font-size:12px;color:var(--ink-faint);font-weight:500}
.tn-sav{width:36px;height:36px;flex:0 0 auto;border-radius:18px;overflow:hidden;background:#2E3A57;display:flex;align-items:center;justify-content:center}.tn-sav img.av{width:36px;height:36px;margin:0}
.tn-sav0{font:italic 700 18px var(--fd);color:#fff}
.tn-sx{width:38px;height:38px;flex:0 0 auto;border:1px solid #3A4560;border-radius:10px;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.tn-sx svg{width:16px;height:16px;fill:none;stroke:#C6CEDD;stroke-width:2.4;stroke-linecap:round}
.tn-svac{margin:0 0 8px;padding:10px;border:1px dashed #3A4560;border-radius:12px;text-align:center;color:var(--ink-faint);font-size:14px}
.tn-sbt{display:flex;gap:8px;margin:4px 0 0}.tn-sinv{flex:1;min-height:46px;font-size:14px!important;background:#2F6DF6!important;border-color:#2F6DF6!important;color:#fff!important;border-radius:12px!important}
.tn-senl{width:52px;min-height:46px;flex:0 0 auto;border:1px solid #3A4560;border-radius:12px;background:#0F1524;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#5BE3A6;font:700 20px var(--fb)}
.tn-senl.ok{border-color:#5BE3A6;background:rgba(91,227,166,.12)}
.tn-sob{width:24px;height:24px;fill:none;stroke:#5BE3A6;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-6px}
.tn-invay .tn-sob{width:18px;height:18px;stroke:#11151F;vertical-align:-3px}
.tn-ss .st-bus{margin:8px 0 0}
.tn-sant{margin:10px 0 0;border-top:1px solid #2E3A57}
.tn-sant summary{display:flex;align-items:center;gap:8px;padding:10px 2px 2px;cursor:pointer;list-style:none;font-size:14px;color:var(--ink-faint)}.tn-sant summary::-webkit-details-marker{display:none}
.tn-sant summary>span{flex:1}.tn-sant summary svg{width:18px;height:18px;fill:none;stroke:#8A94AB;stroke-width:2;stroke-linecap:round}
.tn-sant[open] summary .cfg-ch{transform:rotate(180deg)}.tn-sant .tn-tarde{padding:8px 0 4px}
.tn-sreg{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 12px;padding:10px 12px;border:1px solid #2E3A57;border-radius:14px;background:#141A28;color:#fff;cursor:pointer;text-align:left;font:inherit}
.tn-sreg>b{flex:1;font:italic 700 20px var(--fd)}.tn-sreg .cfg-ch{width:20px;height:20px;fill:none;stroke:#8A94AB;stroke-width:2.4}
.tn-sreg .tn-sri{color:#FF8A6B}
.tn-sdk>b{font:600 15px var(--fb)}.tn-sdk>b small{display:block;font-size:12px;color:var(--ink-faint);font-weight:500}.tn-sdk small{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tn-sw{position:relative;width:48px;height:28px;flex:0 0 auto;border-radius:14px;background:#3A4560}.tn-sw::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:11px;background:#fff;transition:left .15s}
.tn-sw.on{background:#22B573}.tn-sw.on::after{left:23px}
.tn-cfg2 .cfg-pel{margin:0 0 12px}.tn-cfg2>.tn-invay{position:sticky;bottom:calc(-20px - env(safe-area-inset-bottom));margin:12px -16px calc(-20px - env(safe-area-inset-bottom));padding-bottom:calc(12px + env(safe-area-inset-bottom))}

/* p150b */
.tn-cfgci svg{fill:none!important;stroke:#fff!important;stroke-width:2!important}.tn-cfgci svg *{fill:none!important}
.tn-sinv{text-transform:none!important;letter-spacing:0!important;font:700 16px var(--fb)!important}
.tn-pes .tn-jug{display:flex;align-items:center;gap:10px}.tn-pes .tn-jug>div:first-child{flex:1;min-width:0}
.tn-pes .tn-jug .bot{display:flex;gap:8px;margin:0;flex:0 0 auto}
.tn-pes .mini{font-size:0!important;letter-spacing:0!important;width:46px;height:46px;min-height:0;padding:0!important;border-radius:12px!important;display:flex;align-items:center;justify-content:center}
.tn-pes .mini::before{font:700 20px var(--fb)}
.tn-pes .mini.si{order:2;background:#22B573!important;border-color:#22B573!important;color:#fff!important}.tn-pes .mini.si::before{content:"✓"}
.tn-pes .mini.nel{order:1;background:none!important;border:1px solid #3A4560!important;color:#C6CEDD!important}.tn-pes .mini.nel::before{content:"✕"}

/* p151: invitar en línea, secciones del panel, barra del libro */
#view .tn-invh{position:static;margin:0 0 14px;padding:12px;border:2px solid #4C84FF;border-top:0;border-radius:0 0 18px 18px;background:#0F1524;box-shadow:none;max-height:none;overflow:visible}
.tn-invh>.tn-invcab{display:none}
.tn-invt.on{border-radius:18px 18px 0 0;margin-bottom:0}
.tn-invt::after{content:"";width:12px;height:12px;margin-left:auto;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(45deg) translate(-3px,-3px);flex:0 0 auto}
.tn-invt.on::after{transform:rotate(225deg) translate(-3px,-3px)}
body:has(#view .tn-invh:not([hidden])) #znav{display:flex}
.tn-invh .tn-invp{min-height:190px}
.tn-invh .tn-invp>h4:first-child{margin-top:0}
.tn-atjs{margin:10px 0 0}.tn-atjs .tn-atjb{border:0;border-top:1px solid #2E3A57;border-radius:0;background:none;padding:10px 0}
.tn-atjr{border-top:1px solid #2E3A57;padding:10px 0 0}.tn-atjr>b{display:block;font-size:15px;margin:0 0 6px}
.tn-jst.am{background:#FFD21F;color:#1B1500}
.tn-hinv.sel::after{box-shadow:inset 0 0 0 3px #FFD21F!important}.tn-hinv{cursor:pointer}
.tn-inib{margin:16px 0 0}.tn-inib [data-iniciar].tn-btn{width:100%;margin:0}
.hlib{max-width:860px;margin-left:auto;margin-right:auto}

/* p151b */
.tn-invh .tn-invp{min-height:200px}.tn-jst.am{white-space:nowrap;font-size:8.5px;letter-spacing:0}

/* p152: ajustes de la liga (diseño 3) */
body:has(#view .lg-hero) #zcab{display:none}#view:has(.lg-hero) .navrow{display:none}
.lg-hero{position:relative;z-index:0;overflow:hidden;margin:4px -4px 10px;padding:14px 18px 34px;background:linear-gradient(120deg,#FFC24A 0%,#F2A007 45%,#C77E00 100%);color:#1B1300;clip-path:polygon(0 0,100% 0,100% 82%,0 100%);border-radius:18px 18px 0 0}
@media(max-width:720px){ .lg-hero{margin:-4px calc(50% - 50vw) 10px;border-radius:0} }
.lg-herog{position:absolute;right:-40px;top:-34px;width:170px;height:170px;z-index:-1;fill:#fff;fill-opacity:.22;stroke:#fff;stroke-opacity:.22;pointer-events:none}
.lg-heroc{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.lg-herob{width:44px;height:44px;border:0;border-radius:12px;background:rgba(0,0,0,.14);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.lg-herob svg{width:22px;height:22px;fill:none;stroke:#1B1300;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.lg-miga{font-size:14px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lg-herot{display:flex;align-items:center;gap:14px}
.lg-herol{position:relative;width:64px;height:64px;flex:0 0 auto;border-radius:16px;border:3px solid #1B1300;background:#1B1300;color:#F2A007;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.lg-herol>b{font:700 24px var(--fd)}.lg-herol img.lgo{width:100%;height:100%;object-fit:contain;border-radius:12px;margin:0}
.lg-herol i{position:absolute;right:-8px;bottom:-8px;width:26px;height:26px;border-radius:13px;background:#fff;border:2px solid #1B1300;display:flex;align-items:center;justify-content:center}
.lg-herol i svg{width:14px;height:14px;fill:none;stroke:#1B1300;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.lg-herot>span{display:flex;flex-direction:column;gap:2px;min-width:0}.lg-heron{font:italic 700 30px/1 var(--fd)}.lg-herot small{font-size:14px;font-weight:500}
.lgx-logo{border:1px solid #262F44;border-radius:14px;background:#141A28;padding:12px;margin:0 0 10px}
.lgx-c{border:0!important;background:none!important;padding:0!important;margin:0!important}
.lgx-h{margin:14px 0 8px;font:700 15px var(--fd);color:#FFC85A;letter-spacing:.02em;text-transform:none}
.lgx-r{border:1px solid #262F44;border-radius:14px;background:#141A28;margin:0 0 8px}
.lgx-r>summary{display:flex;align-items:center;gap:12px;padding:12px;min-height:64px;box-sizing:border-box;cursor:pointer;list-style:none}.lgx-r>summary::-webkit-details-marker{display:none}
.lgx-i{width:40px;height:40px;flex:0 0 auto;border-radius:10px;background:rgba(242,160,7,.18);display:flex;align-items:center;justify-content:center}
.lgx-i svg{width:22px;height:22px;fill:none;stroke:#F2A007;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lgx-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.lgx-t b{font:700 17px var(--fd)}.lgx-t small{font-size:14px;color:#A6B0C5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lgx-r .cfg-ch{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:#6B7590;stroke-width:2.4;stroke-linecap:round;transition:transform .15s}
.lgx-r[open]>summary .cfg-ch{transform:rotate(90deg)}
.lgx-r>.cfg-c{padding:0 12px 12px}
.lgx-pts{border:3px solid #FFD21F;background:#1E2638}.lgx-pts>summary{flex-direction:column;align-items:stretch;gap:10px}
.lgx-ph{display:flex;align-items:center;gap:12px}.lgx-ph>b{flex:1;font:700 17px var(--fd)}.lgx-pts .cfg-ch{stroke:#FFD21F}
.lgx-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.lgx-3>span{background:#141A28;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:2px;min-width:0}
.lgx-3 b{font-size:13px}.lgx-3 small{font-size:12px;color:#A6B0C5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lgx-pel{margin:16px 0 0;border-top:1px dashed #3A2730;padding:12px 0;display:flex;flex-direction:column;gap:8px}
.lgx-pel>span{font-size:13px;font-weight:600;color:#FF8A8A}.lgx-pel .cfg-pr{margin:0}
.lgx-pel .mini.nel{gap:8px;text-transform:none;letter-spacing:0;font-size:15px;font-weight:600}.lgx-pel .mini svg{width:18px;height:18px;fill:none;stroke:#FF8A8A;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lgx-ay{margin:14px -11px 0!important;padding:12px 16px!important}
.lgx-r .tn-card.evi{margin:0;background:#0F1524}

/* p153: página principal de la liga */
.lgm-hero .b{display:flex;gap:8px}.lgm-hero .ic-btn{background:rgba(0,0,0,.16)!important;border:0!important;color:#1B1300!important;border-radius:22px}
.lgm-hero .ic-btn svg{stroke:#1B1300!important}.lgm-hero .ic-btn[aria-pressed="true"]{background:#1B1300!important}.lgm-hero .ic-btn[aria-pressed="true"] svg{stroke:#F2A007!important}
.lgm-logo{cursor:default}.lgm-hero .tn-nom{margin:0;color:#1B1300;text-transform:none}.lgm-hero .tn-sub{margin:0;color:#1B1300}
.lgm-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:12px 0 0;font-size:14px;font-weight:500}
.lgm-meta .tn-link{color:#1B1300!important;font-weight:700;text-decoration:underline}.lgm-meta b{color:#1B1300}
.lgm-chip{border-radius:100px;padding:3px 10px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.lgm-chip.on{background:#0E3B2A;color:#5BE3A6}.lgm-chip.pre{background:#1B1300;color:#FFC85A}.lgm-chip.fin{background:#1B1300;color:#C6CEDD}
.lg-yo{display:flex;align-items:center;gap:14px;border:2px solid #FFC85A;background:linear-gradient(120deg,rgba(255,194,74,.18),rgba(255,194,74,.04));border-radius:16px;padding:12px 14px}
.lg-yon{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;min-width:56px;font:italic 700 46px/1 var(--fd);color:#FFC85A}
.lg-yon small{font:600 12px var(--fb);color:var(--ink-faint);font-style:normal;margin-top:2px}
.lg-yot{min-width:0}.lg-yot b{display:block;font-size:17px}.lg-yot span{font-size:14px;color:var(--ink-dim)}
.lgm-rk .lg-r{border:1px solid #262F44;border-radius:14px;background:#141A28;padding:10px 12px;margin:0 0 6px}
.lgm-rk .lg-r.yo{border-color:#FFC85A;background:rgba(255,194,74,.08)}
.lgm-rk .lg-p{flex:0 0 36px;height:36px;border-radius:10px;background:#0F1524;display:flex;align-items:center;justify-content:center;font:italic 700 20px var(--fd);color:#A6B0C5}
.lgm-rk .lg-p.l1{background:linear-gradient(135deg,#FFE27A,#E0A800);color:#1B1300}.lgm-rk .lg-p.l2{background:linear-gradient(135deg,#F1F4FA,#9AA6BC);color:#11151F}.lgm-rk .lg-p.l3{background:linear-gradient(135deg,#F2B27A,#B5652A);color:#1B0E00}
.lgm-rk .lg-n b{display:flex;align-items:center;gap:8px;font-size:16px}.lgm-rk .lg-n img.av{width:34px;height:34px;border-radius:17px;background:#0F1524;margin:0}
.lgm-rk .lg-r strong{font:italic 700 24px var(--fd);color:#fff}
.lgm-rk .lg-d{padding:4px 6px 12px}
.lgm-tn .tn-item{border-radius:14px}
.lgm-nt{width:100%;background:linear-gradient(135deg,#2F6DF6,#1F50C9)!important;border:2px solid #4C84FF!important;color:#fff!important;font:italic 700 18px var(--fd)!important;border-radius:16px!important}
.lgm-r{border:1px solid #262F44;border-radius:14px;background:#141A28;margin:0 0 10px;padding:0}
.lgm-r>summary{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;list-style:none;color:inherit!important;letter-spacing:0!important;text-transform:none!important;font:inherit!important}
.lgm-r>summary::-webkit-details-marker{display:none}.lgm-r>summary::after{display:none!important}
.lgm-r .cfg-ch{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:#6B7590;stroke-width:2.4;stroke-linecap:round;transition:transform .15s}.lgm-r[open]>summary .cfg-ch{transform:rotate(90deg)}
.lgm-r>.tn-card{margin:0 12px 12px;background:#0F1524}
.lgm-pts{border:3px solid #FFD21F;background:#1E2638}.lgm-pts>summary{flex-direction:column;align-items:stretch;gap:10px}.lgm-pts .cfg-ch{stroke:#FFD21F}
.lgm-ptsc{padding:0 12px 12px}

/* p154: Mi equipo y estados de torneos de la liga */
.eq-pag:has(.eqm-hero){padding-top:0;overflow:hidden}
.eqm-hero{position:relative;z-index:0;overflow:hidden;margin:0 -16px 14px;padding:18px 16px 30px;background:linear-gradient(120deg,#4C84FF 0%,#2F6DF6 45%,#1F3FA8 100%);clip-path:polygon(0 0,100% 0,100% 80%,0 100%);color:#fff}
.eqm-herog{position:absolute;right:-36px;top:-30px;width:160px;height:160px;z-index:-1;fill:#fff;fill-opacity:.18;stroke:#fff;stroke-opacity:.18;pointer-events:none}
.eqm-top{display:flex;align-items:center;gap:14px}
.eqm-logo{width:64px;height:64px;flex:0 0 auto;border-radius:16px;border:3px solid #0B1A45;background:#0B1A45;color:#8FB3FF;display:flex;align-items:center;justify-content:center;overflow:hidden}
.eqm-logo b{font:700 24px var(--fd)}.eqm-logo img.lgo{width:100%;height:100%;object-fit:contain;margin:0}
.eqm-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.eqm-t b{font:italic 700 28px/1 var(--fd)}.eqm-t small{font-size:14px;font-weight:500}
.eqm-eng{background:rgba(0,0,0,.22)!important;border:0!important;border-radius:22px;align-self:flex-start}.eqm-eng svg{stroke:#fff}
.eqm-ac{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}.eqm-ac>button:only-child{grid-column:1/-1}
.eqm-inv{background:linear-gradient(135deg,#2F6DF6,#1F50C9)!important;border:2px solid #4C84FF!important;color:#fff!important;text-transform:none!important;letter-spacing:0!important}
.eqm-inv b{font:italic 700 17px var(--fd)}.eqm-cod{text-transform:none!important;letter-spacing:0!important}
.eqm-ms{margin:6px 0 10px}.eqm-ms>span{cursor:pointer}
.eqm-salir{margin-top:16px;border-color:#E5484D!important;color:#FF8A8A!important}
.lgm-tn .lg-e{flex:0 0 auto;border-radius:100px;padding:3px 9px;font:700 11px var(--fb);font-style:normal;letter-spacing:.06em;white-space:nowrap;text-transform:uppercase}
.lgm-tn .lg-e.ok{background:#0E3B2A;color:#5BE3A6}.lgm-tn .lg-e.no{background:rgba(229,72,77,.15);color:#FF8A8A}.lgm-tn .lg-e.an{background:#2E3A57;color:#C6CEDD}.lgm-tn .lg-e.pe{background:rgba(255,194,74,.16);color:#FFC85A}

/* p154b */
.eqm-hero{margin:0 -13px 14px}.eqm-cod{border-color:#3A4560!important;color:#fff!important;background:#141A28!important}

/* p155: en juego (diseños 12 y 15) */
.tn-ahora2{border:0!important;background:none!important;padding:0!important}
.tn-ahora2>h4{display:flex;align-items:center;gap:8px;margin:0 0 8px!important;font:italic 700 22px var(--fd)!important;letter-spacing:0!important;text-transform:none!important;color:#fff!important}
.tn-ahora2>h4 small{font:700 13px var(--fb);background:#E8402F;color:#fff;border-radius:100px;padding:1px 8px}
.tn-vs{display:block;width:100%;margin:0 0 10px;padding:0;border:0;background:none;color:#fff;text-align:left;font:inherit;cursor:default}
button.tn-vs{cursor:pointer}
.tn-vsh{display:flex;align-items:center;gap:10px;margin:0 0 4px}.tn-vsh b{background:#FFD21F;color:#1B1500;font:italic 700 13px var(--fd);padding:2px 10px;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);text-transform:uppercase}
.tn-vsh b:empty{display:none}.tn-vsh span{font-size:13px;color:var(--ink-faint)}
.tn-vsb{position:relative;display:grid;grid-template-columns:1fr 1fr;height:74px}
.tn-vsl{position:relative;display:flex;align-items:center;gap:8px;padding:0 14px;overflow:hidden}
.tn-vsl.a{background:linear-gradient(120deg,#F45E40,#B5281A);clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);padding-right:30px}
.tn-vsl.b{background:linear-gradient(120deg,#2F6DF6,#1F3FA8);clip-path:polygon(14px 0,100% 0,100% 100%,0 100%);flex-direction:row-reverse;padding-left:30px}
.tn-vsav{width:52px;height:52px;flex:0 0 auto;border-radius:26px;overflow:hidden;background:rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center}
.tn-vsav img.av{width:56px;height:56px;margin:0}.tn-vsi{font:italic 700 24px var(--fd);font-style:normal}
.tn-vsl em{font:italic 700 34px/1 var(--fd);margin-left:auto}.tn-vsl.b em{margin-left:0;margin-right:auto}
.tn-vsl>b{position:absolute;bottom:5px;font:700 12px var(--fb);letter-spacing:.04em;text-transform:uppercase;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tn-vsl.a>b{right:30px}.tn-vsl.b>b{left:30px}.tn-vsl em:empty{display:none}
.tn-vsl.g{box-shadow:inset 0 0 0 3px #FFD21F}
.tn-vsx{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:19px;background:#FFD21F;color:#1B1500;border:3px solid #0B0E17;display:flex;align-items:center;justify-content:center;font:italic 700 14px var(--fd);z-index:1}
.tn-vs.vivo .tn-vsb::after{content:"";position:absolute;top:6px;left:8px;width:9px;height:9px;border-radius:5px;background:#5BE3A6;box-shadow:0 0 0 3px rgba(91,227,166,.25)}
.tn-sigue{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;border:1px dashed #3A4560;border-radius:12px;padding:10px 12px;margin:0 0 14px;font-size:15px}
.tn-sigue>b{font:italic 700 13px var(--fd);color:#FFD21F;text-transform:uppercase}.tn-sigue span{display:inline-flex;align-items:center;gap:6px;font-weight:600}.tn-sigue img.av{width:24px;height:24px;margin:0}
.tn-sigue i{color:var(--ink-faint)}.tn-sigue small{margin-left:auto;color:var(--ink-faint)}
.tn-toca{display:block!important;border:2px solid #FFD21F!important;background:linear-gradient(120deg,rgba(255,210,31,.14),rgba(255,210,31,.03))!important}
.tn-toca::before{display:none!important}.tn-toca>span{display:block}
.tn-tocat{display:block;font:italic 700 30px/1.05 var(--fd);color:#FFD21F;font-style:normal;margin:0 0 4px;text-transform:uppercase}
.tn-toca.ya .tn-tocat{color:#FF6B4A}.tn-toca .tn-vs{margin:10px 0 0}
.tn-avb{height:8px;border-radius:4px;background:#1E2638;overflow:hidden;margin:6px 0 4px}.tn-avb i{display:block;height:100%;background:linear-gradient(90deg,#FFD21F,#FF7A2E)}
.tn-card.host [data-acc].tn-btn,.tn-card.host [data-finp].tn-btn{background:#FFD21F!important;color:#1B1500!important;border:0!important;font:italic 700 20px var(--fd)!important;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.tn-pjs>span.fuera .tn-mav{filter:grayscale(1) brightness(.55)}.tn-pjs>span.fuera .tn-mnm{opacity:.55}
.tn-jst.vv{background:#FFD21F;color:#1B1500}

/* p155c */
.tn-vsb{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tn-vsl{min-width:0}
@media(max-width:360px){ .tn-vsav{width:40px;height:40px}.tn-vsav img.av{width:44px;height:44px}.tn-vsl em{font-size:28px} }

/* p156: jugador (diseño 15) y llave (diseño 14) */
.tn-toca .tn-vsb{height:96px}.tn-toca .tn-vsav{width:66px;height:66px;border-radius:33px}.tn-toca .tn-vsav img.av{width:70px;height:70px}
.tn-jfmt{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:10px 0 0}
.tn-jfmt>b{font:italic 700 16px var(--fd);background:#F3F6FC;color:#05080F;padding:2px 12px;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.tn-jfmt span{font-size:13px;color:#C6CEDD}
.tn-jdh{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:14px 0 6px}.tn-jdh b{font:italic 700 18px var(--fd)}.tn-jdh small{font-size:12px;color:var(--ink-faint)}
.tn-jdk{display:flex;flex-direction:column;gap:5px}
.tn-jdr{display:flex;align-items:stretch;height:46px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.tn-jdr em{flex:0 0 46px;background:#F3F6FC;color:#05080F;display:flex;align-items:center;justify-content:center;font:italic 700 24px var(--fd)}
.tn-jdr span{position:relative;flex:1;min-width:0;overflow:hidden;background:#141A28}
.tn-jdr img{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:70px;object-fit:cover}
.tn-jdr b{position:absolute;left:0;right:0;bottom:0;padding:10px 6px 3px;text-align:center;font:700 13px var(--fd);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(0deg,rgba(5,8,15,.55),rgba(5,8,15,0));text-shadow:1px 1px 0 #05080F,-1px 1px 0 #05080F,1px -1px 0 #05080F,-1px -1px 0 #05080F}
.tn-jti{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 0}
.tn-jti>div{border:1px solid #2E3A57;background:linear-gradient(180deg,#1F2A45,#141A28);padding:8px 10px;display:flex;flex-direction:column;gap:2px;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);min-width:0}
.tn-jti small{font-size:12px;color:#C6CEDD}.tn-jti>div>small:first-child{font-size:11px;color:#A6B0C5;letter-spacing:.06em;text-transform:uppercase}
.tn-jti b{font:italic 700 16px var(--fd);text-transform:uppercase}.tn-jti b.n{font-size:22px}
.tn-jbt{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 0}
.tn-jbt button{height:46px;border:0;background:#1F2A45;color:#F3F6FC;font:italic 700 16px var(--fd);text-transform:uppercase;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);cursor:pointer}
.tn-bk{gap:26px}.tn-bk-c{flex:0 0 140px}
.tn-bk-c h6{display:flex;align-items:center;gap:4px;font:italic 700 12px var(--fd);color:#C6CEDD;letter-spacing:.04em}
.tn-bk-c.fin h6{color:#FFD21F;font-size:15px}.tn-bk-c h6 svg{width:16px;height:16px;fill:none;stroke:#FFD21F;stroke-width:2}
.tn-bk-m>div{position:relative;border:0;border-radius:0;background:none;overflow:visible;display:flex;flex-direction:column;gap:3px}
.tn-bk-m>div.vivo{outline:2px solid #FFD21F;outline-offset:3px}
.tn-bkv{position:absolute;top:-17px;left:0;font:italic 700 9px var(--fd);background:#FFD21F;color:#1B1500;padding:1px 6px;text-transform:uppercase;letter-spacing:.04em}
.tn-bk-m span{height:34px;padding:0 0 0 4px!important;gap:6px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 5px,transparent 5px 13px),linear-gradient(90deg,#26314E,#1A2238);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);border:0!important;color:#F3F6FC}
.tn-bk-m span i{flex:1;font:700 12px var(--fb);text-transform:uppercase;letter-spacing:.02em}
.tn-bk-m span b{flex:0 0 26px;height:100%;display:flex;align-items:center;justify-content:center;background:#3A4560;color:#C6CEDD;font:italic 700 17px var(--fd)}
.tn-bk-m span b:empty{background:none}
.tn-bk-m span.g b{background:#FFD21F;color:#1B1500}.tn-bk-m span.p{opacity:.5}.tn-bk-m span.x i{color:#8A94AB}
.tn-bka{flex:0 0 26px;width:26px;height:26px;border-radius:13px;overflow:hidden;background:#0F1524;display:flex;align-items:center;justify-content:center;text-decoration:none}
.tn-bka img.av{width:28px;height:28px;margin:0}.tn-bka b{font:italic 700 13px var(--fd);color:#C6CEDD;background:none!important;flex:none!important;height:auto!important}
.tn-bk-c:not(:last-child) .tn-bk-m::after{right:-13px;width:13px;border-color:#3A4560}.tn-bk-c:not(:first-child) .tn-bk-m::before{left:-13px;width:13px;border-color:#3A4560}

/* p156b */
.tn-bk-m{min-height:96px;padding:16px 0}.tn-toca .tn-vsh{display:none}

/* p157: resultados (diseño 16) */
.tn-res{display:block!important;position:relative;overflow:hidden;border:0!important;border-radius:18px;background:radial-gradient(ellipse at 50% 10%,#3A2E08 0%,#0B0E17 70%)!important;padding:14px 12px!important;margin:0 0 14px}
.tn-res::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 18%,#FFD21F 0 2px,transparent 3px),radial-gradient(circle at 80% 12%,#F45E40 0 2px,transparent 3px),radial-gradient(circle at 30% 8%,#3E7BFF 0 2px,transparent 3px),radial-gradient(circle at 92% 30%,#5BE3A6 0 2px,transparent 3px),radial-gradient(circle at 6% 40%,#5BE3A6 0 2px,transparent 3px),radial-gradient(circle at 64% 22%,#F3F6FC 0 1.5px,transparent 2.5px);opacity:.9}
.tn-res>svg{display:none}
.tn-rsv{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tn-rst{display:block;text-align:center;font:italic 700 40px/1 var(--fd);color:#FFD21F;-webkit-text-stroke:2px #05080F;text-shadow:3px 3px 0 #05080F;text-transform:uppercase;margin:4px 0 6px}
.tn-rpod{position:relative;display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:6px;align-items:end}
.tn-rsp{display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:none;color:#fff;padding:0;cursor:pointer;font:inherit;min-width:0}
.tn-rsa{width:70px;height:70px;border-radius:35px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);filter:drop-shadow(0 5px 8px rgba(0,0,0,.6))}
.tn-rsp.p1 .tn-rsa{width:92px;height:92px;border-radius:46px}.tn-rsa img.av{width:100%;height:100%;margin:0}
.tn-rsi{font:italic 700 30px var(--fd)}
.tn-rsp>b{font:italic 700 13px var(--fd);text-transform:uppercase;text-shadow:0 2px 3px #000;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:3px solid transparent}
.tn-rsp.p1>b{font-size:16px}.tn-rsp.sel>b{border-bottom-color:#FFD21F}
.tn-rsp>span{width:100%;display:flex;justify-content:center;padding-top:6px;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 100%,0 100%)}
.tn-rsp>span em{font:italic 700 36px/1 var(--fd);color:#05080F;font-style:normal}
.tn-rsp.p1>span{height:104px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.1) 0 5px,transparent 5px 13px),linear-gradient(180deg,#FFE16A,#C99A00)}.tn-rsp.p1>span em{font-size:48px}
.tn-rsp.p2>span{height:70px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.1) 0 5px,transparent 5px 13px),linear-gradient(180deg,#E6EAF2,#9AA3B5)}
.tn-rsp.p3>span{height:48px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.1) 0 5px,transparent 5px 13px),linear-gradient(180deg,#E9A46B,#9A5A2A)}
.tn-rsp.x>span{opacity:.35}
.tn-res .tn-jdh{position:relative}
.tn-rpos{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}
.tn-rpo{display:flex;align-items:center;gap:6px;border:0;background:none;color:#fff;padding:4px 0;font:500 14px var(--fb);cursor:pointer;text-align:left;min-width:0}
.tn-rpo em{font:italic 700 15px var(--fd);width:18px;text-align:right;color:#A6B0C5;font-style:normal}
.tn-rpo i{width:28px;height:28px;border-radius:14px;overflow:hidden;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06)}.tn-rpo i img.av{width:100%;height:100%;margin:0}.tn-rpo i .tn-rsi{font-size:14px}
.tn-rpo span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tn-rpo.sel span{color:#FFD21F}
.tn-rpo svg{width:14px;height:14px;fill:none;stroke:#6B7590;stroke-width:2.6;stroke-linecap:round}
.tn-rbt{position:relative}.tn-rbt button:first-child{background:#FFD21F;color:#1B1500}

/* p157b */
.tn-res .tn-jdh small{text-transform:none;letter-spacing:0;font-size:12px;color:#A6B0C5;text-align:right}
.tn-herom .tn-chip.terminado{background:#0B0E17;color:#C6CEDD}.tn-herom .tn-chip.cancelado{background:#0B0E17;color:#FF8A8A}

/* p157c */
.tn-bk-c h6{height:16px;line-height:16px;overflow:visible}.tn-bk-c.fin h6{font-size:14px}.tn-bk-c h6 svg{width:14px;height:14px;flex:0 0 auto}

/* p157d */
.tn-bk-c.ult h6{color:#FFD21F;font-size:14px}

/* p157e */
.tn-card.host [data-acc].tn-btn,.tn-card.host [data-finp].tn-btn{max-width:100%;white-space:normal;font-size:18px!important;line-height:1.15}

/* p158 */
.tn-tocar{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px}.tn-tocac{display:block;font:italic 700 22px/1.1 var(--fd);color:#fff;min-width:0;overflow-wrap:anywhere}.tn-tocaf{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.02em;color:#FFE27A;background:rgba(255,226,122,.12);border:1px solid rgba(255,226,122,.35);border-radius:999px;padding:2px 9px;white-space:nowrap}

/* p159 */
@media(max-width:720px){ #zcab.on{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:-4px;border-radius:0;padding-left:22px;padding-right:22px} }

/* p173: «Yo también juego» del organizador */
.tn-hostj{width:100%;display:flex;align-items:center;gap:14px;margin:0 0 14px;padding:14px 16px;border:1px dashed var(--own);border-radius:14px;background:rgba(255,255,255,.03);color:var(--ink);text-align:left;cursor:pointer;font:inherit}
.tn-hostj .ico-jug{width:30px;height:30px;flex:0 0 auto;color:var(--own)}
.tn-hostj span{flex:1 1 auto;display:flex;flex-direction:column;gap:2px}.tn-hostj b{font:600 17px var(--fd)}.tn-hostj small{font-size:13px;color:var(--ink-dim)}
.tn-hostj i{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--own);color:#1a1204;font:700 22px/34px var(--fb);font-style:normal;text-align:center}
/* p179: pruebas pendientes, versiones guardadas y aviso flotante */
.pr-pend{font-style:normal;color:#FFC94D;font-size:12px;white-space:nowrap}
.pr-ver{margin:0 0 12px;border:1px dashed rgba(255,201,77,.5);border-radius:12px;background:rgba(255,201,77,.05)}
.pr-ver>button{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;background:none;border:0;color:var(--ink);font:600 14px var(--fb);cursor:pointer;text-align:left}
.pr-ver>button small{font-weight:400;font-size:12px;color:var(--ink-dim)}
.pr-verf{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}
.pr-verf span{flex:1 1 100%;display:flex;flex-direction:column;gap:2px;font-size:14px}.pr-verf .mini{flex:1 1 0}.pr-verf small{color:var(--ink-dim);font-size:12px}
#xcaviso{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:70;max-width:calc(100vw - 32px);
  background:#1B2436;color:#F3F6FC;border:1px solid var(--line);border-radius:12px;padding:10px 14px;font:500 14px var(--fb);box-shadow:0 8px 24px rgba(0,0,0,.4);transition:.2s}
#xcaviso.si{opacity:1;transform:translate(-50%,0)}
/* p176: Turnstile (solo se ve si Cloudflare pide tocar la casilla) */
#tscaja{position:fixed;left:50%;top:calc(12px + env(safe-area-inset-top));transform:translateX(-50%);z-index:60;max-width:calc(100vw - 24px)}
#tscaja:empty{display:none}
/* p175: borrar mi cuenta */
.cta-peligro{margin:18px 0 0;padding:12px 0 0;border-top:1px solid var(--line);text-align:center}
.cta-peligro .cta-lnk{color:#FF8A8A;font-size:14px}
.bc-dos{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}
.bc-dos>div{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:rgba(255,255,255,.03)}
.bc-dos b{display:block;font:600 14px var(--fd);margin:0 0 6px}.bc-se b{color:#FF8A8A}.bc-qd b{color:#7EE2A8}
.bc-dos ul{margin:0;padding:0 0 0 16px;font-size:13px;line-height:1.4;color:var(--ink-dim)}.bc-dos li+li{margin-top:4px}
.bc-cand{display:grid;gap:8px;margin:0 0 12px}
.bc-c{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border:1px solid rgba(229,72,77,.45);border-radius:12px;padding:10px 12px;background:rgba(229,72,77,.06)}
.bc-c .bc-ic{font-size:22px;flex:0 0 auto}.bc-c .tx{flex:1 1 200px;display:flex;flex-direction:column;gap:3px}.bc-c .tx i{font-style:normal;font-size:13px;color:var(--ink-dim);line-height:1.35}
.bc-c .mini{flex:0 0 auto;margin-left:auto;text-decoration:none;white-space:nowrap}
.cta-ok.bc-ok{background:#E5484D;color:#fff}.cta-ok.bc-ok:disabled{opacity:.45}
@media (max-width:420px){.bc-dos{grid-template-columns:1fr}}
/* p160: warnings y Auto KO */
.cap-wr{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:-4px 0 10px}
.cap-wr>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.cap-wr button{min-height:42px;border-radius:10px;border:1px solid #3A4560;background:#141A28;color:#F3F6FC;font:600 13px var(--fb);display:flex;align-items:center;justify-content:center;gap:5px;padding:4px;cursor:pointer;flex-wrap:wrap;line-height:1.1}
.cap-wk{border-color:rgba(255,210,31,.55)!important;color:#FFD21F!important}.cap-wk.on{background:rgba(255,210,31,.16)!important}.cap-wk i{font-style:normal;font-size:11px}
.cap-ak small{display:block;width:100%;font-size:11px;font-weight:500;color:#A6B0C5}
.cap-wm{display:flex;flex-wrap:wrap;align-items:center;gap:6px;border:1px solid rgba(255,210,31,.55);background:rgba(255,210,31,.08);border-radius:12px;padding:8px;margin:0 0 10px}
.cap-wm>b{width:100%;font:italic 700 15px var(--fd);color:#FFD21F}
.cap-wm button{flex:1 1 auto;min-height:40px;border-radius:9px;border:1px solid #3A4560;background:#141A28;color:#fff;font:600 13px var(--fb);cursor:pointer;padding:4px 8px}
.cap-wm button.x{flex:0 0 40px}
.cap-aviso{margin:0 0 10px;padding:10px 12px;border-radius:12px;background:#FFD21F;color:#1B1500;font:italic 700 16px var(--fd);text-align:center}
.cap-j{position:relative}.cap-wbad{position:absolute;top:6px;right:6px;font:700 12px var(--fb);font-style:normal;background:#FFD21F;color:#1B1500;border-radius:100px;padding:1px 7px;z-index:2}
.cap-lw{color:#FFD21F}

/* p172: después de un Auto KO, ¿mismos Beys o siguiente batalla? */
.cap-akq{border:1px solid #3A4560;background:#10172A;border-radius:14px;padding:12px;margin:0 0 12px}
.cap-akh{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:0 0 10px;font:italic 700 18px var(--fd)}
.cap-akh b{color:#F3F6FC;text-transform:uppercase;letter-spacing:.04em}.cap-akh span.a{color:#FF9D8A}.cap-akh span.b{color:#9DBBFF}
.cap-akb{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cap-akb button{min-height:92px;border-radius:12px;border:1px solid #3A4560;background:#141A28;color:#F3F6FC;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;padding:8px}
.cap-akb button i{font-style:normal;font-size:26px;line-height:1}.cap-akb button b{font:600 16px var(--fd)}.cap-akb button small{font:500 12px var(--fb);color:#A6B0C5}
.cap-akb button.sig{border-color:rgba(255,255,255,.35)}
.cap-lrep{font-style:normal;color:#A6B0C5}
/* p160b */
.cap-wr{grid-template-columns:1fr 40px 1fr;gap:0;margin:-4px 0 12px}.cap-wr>div:last-child{grid-column:3}
.cap-wr>div{width:132px;justify-self:center;grid-template-columns:48px 1fr;gap:6px}
.cap-wr button{min-height:48px;border-radius:10px;border:0!important}
.cap-wk{background:#1E2638!important;color:#8A94AB!important;gap:3px}
.cap-wk svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.cap-wk svg .s{stroke-linecap:round;stroke-width:2.4}
.cap-wk b{font:italic 700 18px var(--fd)}
.cap-wk.con{background:#FFD21F!important;color:#1B1500!important}.cap-wk.on{box-shadow:0 0 0 3px rgba(255,210,31,.55)}
.cap-ak{font:italic 700 13px var(--fd)!important;text-transform:uppercase;color:#fff!important;gap:4px;flex-wrap:nowrap!important}
.cap-ak i{font-style:normal;font:700 15px var(--fb)}
.cap-wr .a .cap-ak{background:var(--rayas),linear-gradient(120deg,rgba(255,255,255,.12),rgba(0,0,0,0) 45%,rgba(0,0,0,.28)),#1F50C9!important}
.cap-wr .b .cap-ak{background:var(--rayas),linear-gradient(120deg,rgba(255,255,255,.12),rgba(0,0,0,0) 45%,rgba(0,0,0,.28)),#B5281A!important}
.cap-wr button[disabled]{opacity:.45}
.cap-wmh{display:flex;align-items:center;width:100%;gap:8px}.cap-wmh b{flex:1;font:italic 700 15px var(--fd);color:#FFD21F}
.cap-wm>b{display:none}.cap-wmh .x{flex:0 0 36px!important;min-height:36px!important}

/* p160c */
.cap-ak{white-space:nowrap;font-size:12px!important;gap:3px;padding:0 4px!important}.cap-ak i{font-size:13px}

/* p160d */
.cap-ak{flex-direction:column!important;gap:0!important;text-transform:none!important;line-height:1.05}
.cap-ak b{font:italic 700 15px var(--fd)}.cap-ak small{font:600 11px var(--fb);opacity:.9}
.cap-wmh .x{background:none!important;border:0!important;color:#FF6B6B!important;font:700 20px var(--fb)!important;flex:0 0 32px!important;min-height:32px!important;padding:0!important}

/* p161: estadios */
.tn-sest{position:relative;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:74px;height:38px;background:#F3F6FC;color:#05080F;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);cursor:pointer}
.tn-sest small{font:700 8px var(--fb);letter-spacing:.08em;text-transform:uppercase;line-height:1;margin-top:3px}
.tn-sest select{appearance:none;-webkit-appearance:none;border:0;background:none;font:italic 700 18px/1 var(--fd);color:#05080F;text-align:center;text-align-last:center;width:100%;padding:0;cursor:pointer}
.tn-sest.vacio{background:#2E3A57;color:#C6CEDD}.tn-sest.vacio select{color:#C6CEDD}
.tn-sauto{margin:-4px 0 12px}
.tn-tocae{float:right;display:flex;flex-direction:column;align-items:flex-end;line-height:1;margin:2px 0 0 8px}
.tn-tocae small{font:600 11px var(--fb);color:#A6B0C5;letter-spacing:.06em;text-transform:uppercase}.tn-tocae b{font:italic 700 26px var(--fd);color:#fff;text-transform:uppercase}

/* p162: tablas (Suizo, Grupos, Round Robin) y enfrentamientos */
.tn-tabla{border-collapse:separate;border-spacing:0 5px;counter-reset:tnt}
.tn-tabla th{font:700 10.5px var(--fb);letter-spacing:.08em;padding:0 5px 2px}
.tn-tabla tr:has(td){counter-increment:tnt}
.tn-tabla td{border-top:0!important;background:#141A28;padding:8px 6px;font:italic 700 16px var(--fd);color:#F3F6FC}
.tn-tabla td:first-child{border-radius:12px 0 0 12px;font:600 15px var(--fb);font-style:normal;padding-left:8px}
.tn-tabla td:last-child{border-radius:0 12px 12px 0;padding-right:10px}
.tn-tabla td:first-child::before{content:counter(tnt);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:8px;border-radius:7px;background:#0F1524;color:#A6B0C5;font:italic 700 14px var(--fd);vertical-align:middle}
.tn-tabla tr:has(td):nth-child(2) td:first-child::before{background:linear-gradient(135deg,#FFE27A,#E0A800);color:#1B1300}
.tn-tabla tr:has(td):nth-child(3) td:first-child::before{background:linear-gradient(135deg,#F1F4FA,#9AA6BC);color:#11151F}
.tn-tabla tr:has(td):nth-child(4) td:first-child::before{background:linear-gradient(135deg,#F2B27A,#B5652A);color:#1B0E00}
.tn-tabla td:first-child img.av{width:26px;height:26px;border-radius:13px;vertical-align:middle;margin-right:4px}
.tn-tabla td:nth-child(2){color:#5BE3A6}.tn-tabla td:nth-child(3){color:#FF8A8A}
.tn-tabla tr.pasa td:first-child{box-shadow:inset 3px 0 0 #5BE3A6;color:#F3F6FC}
.tn-tabla tr.yo td{background:rgba(255,194,74,.12)}.tn-tabla tr.yo td:first-child{color:#FFC85A}
.tn-enf{border:0;border-radius:0;padding:0;gap:4px;background:none;min-height:42px;clip-path:none}
.tn-enf>span{display:flex;align-items:center;gap:6px;height:42px;padding:0 10px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 5px,transparent 5px 13px),linear-gradient(90deg,#26314E,#1A2238);font:700 13px var(--fb);text-transform:uppercase;letter-spacing:.02em;color:#F3F6FC}
.tn-enf>span:first-child{clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.tn-enf>span:last-child{clip-path:polygon(8px 0,100% 0,100% 100%,0 100%);justify-content:flex-end}
.tn-enf>span img.av{width:26px;height:26px;border-radius:13px;flex:0 0 auto}
.tn-enf>span.x{color:#8A94AB}
.tn-enf.fin>span:not(.g){opacity:.55}.tn-enf.fin{opacity:1}
.tn-enf>b{min-width:52px;height:42px;display:flex;align-items:center;justify-content:center;background:#3A4560;color:#F3F6FC;font:italic 700 17px var(--fd);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);padding:0 6px}
.tn-enf.fin>b{background:#FFD21F;color:#1B1500}
.tn-enf.vivo{border:0;box-shadow:none;background:none;outline:2px solid #FFD21F;outline-offset:2px}.tn-enf.vivo>b{background:#FFD21F;color:#1B1500}
.tn-enf.mio>span{box-shadow:inset 0 -3px 0 #FFC85A}
.tn-enf.serie{row-gap:4px}.tn-enf.serie>b{height:auto;min-height:36px;clip-path:none;border-radius:8px}
.tn-enf .mk2 i{background:rgba(0,0,0,.2)}
.tn-enf.mov>button{height:42px}

/* p163 */
.tn-jbt3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.tn-jbt3 button{font-size:13px!important;padding:0 4px}
.tn-jbt3 button.on{background:#FFD21F;color:#1B1500}
.tn-mbat{margin:12px 0 0}.tn-mbat .tn-vs{margin:0 0 8px}.tn-mbat .tn-vsb{height:62px}.tn-mbat .tn-vsav{width:44px;height:44px}.tn-mbat .tn-vsl em{font-size:28px}

/* p163b */
.tn-toca .tn-mbat .tn-vsh{display:flex}.tn-jbt3 button{font-size:12px!important;letter-spacing:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* p165: «Mi deck» y casillas para armar */
.tn-jcb{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 0}
.tn-jcb span{font-size:13.5px;color:#C6CEDD;min-width:0}
.tn-jcb button{flex:0 0 auto;border:0;background:#FFD21F;color:#1B1500;font:italic 700 17px var(--fd);text-transform:uppercase;padding:8px 18px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);cursor:pointer}
.tn-jok{margin:8px 0 0;font-size:13px;color:#7EE8A6}
.tn-jcam{margin-top:10px}
.tn-jmd .tn-jdh{margin-top:0}.tn-jmd .tn-jdh b{font-size:22px}
button.tn-ebsl{width:100%;border:0;padding:0;cursor:pointer;font:inherit;color:inherit}
.tn-ebadd{box-shadow:inset 0 0 0 2px #FFD21F!important;background:repeating-linear-gradient(135deg,rgba(255,210,31,.08) 0 5px,transparent 5px 13px),#141A28!important}
.tn-ebadd i{color:#FFD21F!important;font-size:54px!important}
.tn-ebfal{margin:0 0 10px;font:600 15px/1.35 var(--fb);color:#fff}.tn-ebfal small{display:block;font-weight:400;font-size:12.5px;color:var(--ink-faint);margin-top:2px}
/* p166: torneos por equipos */
.tn-eqg{display:grid;gap:10px}@media(min-width:700px){.tn-eqg{grid-template-columns:1fr 1fr}}
.tn-eqc{position:relative;background:#0B0F19;border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 1px #262F44}
.tn-eqc.yo{box-shadow:inset 0 0 0 2px #FFD21F}.tn-eqc.ret,.tn-eqc.fuera{filter:grayscale(1);opacity:.6}.tn-eqc.sel{box-shadow:inset 0 0 0 2px #EF4444}
.tn-eqh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 14px 14px;clip-path:polygon(0 0,100% 0,100% 74%,0 100%);background:var(--eqc)}
.tn-eqc.az{--eqc:linear-gradient(100deg,#173A9A,#3E7BFF)}.tn-eqc.ve{--eqc:linear-gradient(100deg,#0A5838,#22B877)}.tn-eqc.am{--eqc:linear-gradient(100deg,#8A6400,#F2C21B)}.tn-eqc.ro{--eqc:linear-gradient(100deg,#7E1A10,#F0503A)}
.tn-eqh b{font:italic 700 21px/1.1 var(--fd);text-transform:uppercase;color:#fff;-webkit-text-stroke:1px #05080F;text-shadow:2px 2px 0 #05080F;min-width:0;overflow-wrap:anywhere}
.tn-eqt{margin-left:auto;font:italic 700 12px var(--fd);text-transform:uppercase;letter-spacing:.04em;background:#FFD21F;color:#1B1500;padding:3px 9px;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}
.tn-eqh .tn-jst{position:static}.tn-eqh .tn-ret{margin:0}
.tn-chips.tn-eqpj{grid-template-columns:repeat(3,minmax(0,1fr));margin:2px 8px 8px;background:none;padding:0}
.tn-eqpj span{height:92px}.tn-eqpj span.pf{cursor:pointer}
.tn-eqn{position:absolute;top:0;right:6px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#F3F6FC;color:#05080F;font:italic 700 14px var(--fd);clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}
.tn-al.tn-al2{display:flex;flex-direction:column;gap:3px;padding:6px 2px 8px}
.tn-al2 span{display:grid;grid-template-columns:24px minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;background:#141A28;padding:5px 10px 5px 0;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.tn-al2 em{align-self:stretch;display:flex;align-items:center;justify-content:center;background:#F3F6FC;color:#05080F;font:italic 700 14px var(--fd);margin:-5px 0}
.tn-al2 b{font:700 13px var(--fd);text-transform:uppercase;color:#F3F6FC;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tn-al2 b:first-of-type{text-align:right}
.tn-al2 i{font:italic 700 12px var(--fd);color:#FFD21F;opacity:1}
.tn-toca .tn-al2{margin-top:8px}
.tn-rsm{display:block;font-size:10.5px;color:#C6CEDD;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.tn-res .tn-eqpj{margin:0 0 6px}
.tn-campeon .tn-eqpj b.tn-mnm{font:700 11px/1.3 var(--fd);letter-spacing:.03em}
.tn-campeon .tn-eqpj svg.tn-meng{width:50px;height:50px;stroke:none;stroke-width:0}
.tn-campeon small.tn-rsm{font:600 10.5px/1.25 var(--fb);letter-spacing:.01em;text-transform:none;color:#C6CEDD;white-space:normal;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}
/* p148: «Escoge tus Beys» */
.tn-ebg .tn-bey i.tn-ebrp{color:#fff!important}.tn-ebg .tn-bey-w .mini.tn-ebed{margin:0!important}
.tn-ebg .tn-bey .tn-ebrp{font-size:9px!important;line-height:1.5!important;white-space:nowrap;overflow:hidden;text-align:center;z-index:1}
.tn-eb{display:flex;align-items:center;gap:10px;margin:6px -18px 12px;padding:10px 18px 12px;background:linear-gradient(100deg,#B5281A 0%,#E8402F 28%,#FF7A2E 58%,#FFD21F 100%);clip-path:polygon(0 18%,100% 0,100% 82%,0 100%)}
.tn-eb b{font:italic 700 28px/1 var(--fd);color:#fff;-webkit-text-stroke:1.5px #05080F;text-shadow:3px 3px 0 #05080F;text-transform:uppercase;white-space:nowrap}
.tn-eb span{margin-left:auto;font:italic 700 24px var(--fd);color:#1B1500}
.tn-ebsls{display:grid;gap:6px;margin:0 0 10px}
.tn-ebsl{position:relative;height:112px;overflow:hidden;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 5px,transparent 5px 13px),#141A28;box-shadow:inset 0 0 0 2px #3A4560}
.tn-ebsl.lleno{box-shadow:inset 0 0 0 3px #FFD21F;background:#141A28}
.tn-ebsl img{position:absolute;left:0;top:0;width:100%;height:calc(100% - 22px);object-fit:cover}
.tn-ebsl i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:italic 700 44px var(--fd);color:#6B7590}
.tn-ebsl b{position:absolute;left:0;right:0;bottom:0;background:rgba(5,8,15,.86);padding:3px 4px;text-align:center;font:700 11px var(--fd);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tn-ebsl em{position:absolute;top:0;left:8px;width:26px;height:26px;background:#F3F6FC;color:#05080F;display:flex;align-items:center;justify-content:center;font:italic 700 17px var(--fd)}
.tn-ebx{position:absolute;top:3px;right:9px;width:26px;height:26px;border:0;border-radius:13px;background:rgba(5,8,15,.8);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.tn-ebx svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:3.4;stroke-linecap:round}
.tn-ebdk{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 10px}.tn-ebdk b{font:italic 700 15px var(--fd);margin-right:2px}
.tn-ebch{border:1px solid #3A4560;border-radius:999px;background:none;color:#C6CEDD;font:600 13px var(--fb);padding:4px 12px;cursor:pointer}
.tn-ebdk .tn-ebch,.tn-ebch.on{border-color:#FFD21F;background:rgba(255,210,31,.12);color:#FFD21F}
.tn-ebh{display:flex;align-items:center;justify-content:space-between;margin:0 0 6px}.tn-ebh b{font:italic 700 17px var(--fd)}
.tn-ebf{display:flex;align-items:center;gap:5px;border:1px solid #FFD21F;border-radius:10px;background:rgba(255,210,31,.12);color:#FFD21F;font:600 12px var(--fb);padding:4px 9px;cursor:pointer}
.tn-ebf svg{width:15px;height:15px;fill:none;stroke:#FFD21F;stroke-width:2.4;stroke-linejoin:round}
.tn-ebw{position:relative;max-height:max(260px,calc(100vh - 380px));overflow:auto;overscroll-behavior:contain;border-top:1px solid #262F44;padding-top:8px}
.tn-ebp{background:#1A2236;border:1px solid #3A4560;border-radius:14px;padding:10px 12px;margin:0 0 8px;display:flex;flex-direction:column;gap:6px}
.tn-ebp small{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#A6B0C5}.tn-ebp div{display:flex;flex-wrap:wrap;gap:6px}
.tn-ebg{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:4px}
.tn-ebg .tn-bey-w{position:relative;margin:0}
.tn-ebg .tn-bey{position:relative;display:block;width:100%;height:78px;padding:0;margin:0;border:0;border-radius:0;overflow:hidden;background:#141A28;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);cursor:pointer}
.tn-ebg .tn-bey img{position:absolute;left:0;top:0;width:100%;height:58px;object-fit:cover;margin:0;border-radius:0}
.tn-ebg .tn-bey span{position:absolute;left:0;right:0;bottom:0;background:rgba(5,8,15,.86);padding:3px 4px;text-align:center}
.tn-ebg .tn-bey span b{font:700 10.5px var(--fd);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;color:#fff}
.tn-ebg .tn-bey em{position:absolute;top:4px;right:8px;width:24px;height:24px;border-radius:12px;background:#FFD21F;color:#1B1500;display:flex;align-items:center;justify-content:center;font:italic 700 15px var(--fd);box-shadow:0 2px 0 rgba(0,0,0,.4)}
.tn-ebg .tn-bey em:empty{display:none}
.tn-ebg .tn-bey[aria-pressed="true"]{box-shadow:inset 0 0 0 3px #FFD21F}
.tn-ebg .tn-bey-w.rep .tn-bey{opacity:.45;filter:grayscale(.6)}
.tn-ebrp{position:absolute;top:4px;left:8px;right:8px;background:#E5484D;color:#fff;font:700 9px var(--fb);letter-spacing:.03em;text-transform:uppercase;padding:1px 0;font-style:normal}
.tn-ebed{position:absolute;left:6px;bottom:22px;padding:2px 6px!important;min-height:0!important;font-size:11px!important;opacity:.85}
.tn-ebay{margin:10px -18px 0;padding:9px 18px;background:#F3F6FC;color:#11151F;font-size:13px;line-height:1.4}
.tn-ebok{background:#FFD21F!important;color:#1B1500!important;border:0!important;font:italic 700 19px var(--fd)!important;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
/* p145b: escoger orden (réferi) y franjas de batalla */
.cap-eob b{white-space:nowrap;font-size:26px!important}.cap-eob span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cap-eok{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cap-bt.cap-btn{font:italic 700 20px var(--fd);letter-spacing:0;text-transform:none;color:var(--ink);margin:6px 0 6px}
.cap-eo{margin:4px 0 10px}
.cap-eob{position:relative;display:flex;align-items:baseline;gap:10px;margin:0 -18px 10px;padding:10px 18px 12px;background:linear-gradient(100deg,#B5281A 0%,#E8402F 28%,#FF7A2E 58%,#FFD21F 100%);clip-path:polygon(0 18%,100% 0,100% 82%,0 100%)}
.cap-eob b{font:italic 700 30px/1 var(--fd);color:#fff;-webkit-text-stroke:1.5px #05080F;text-shadow:3px 3px 0 #05080F;letter-spacing:.02em;text-transform:uppercase}
.cap-eob span{margin-left:auto;font:italic 700 18px var(--fd);color:#1B1500;text-transform:uppercase}
.cap-eost{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 8px}
.cap-eoe{font-size:12.5px;padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:var(--ink-dim)}
.cap-eoe.act{border-color:#FFD21F;color:#FFD21F}.cap-eoe.ok{border-color:rgba(34,197,94,.6);color:#7EE8A6;background:rgba(34,197,94,.1)}
.cap-eol{display:flex;flex-direction:column;gap:6px}
.cap-eor{display:flex;align-items:stretch;height:52px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);touch-action:none;user-select:none;cursor:grab;background:#141A28}
.cap-eor.arr{transform:scale(1.03);filter:drop-shadow(0 8px 10px rgba(0,0,0,.7));z-index:2;cursor:grabbing}
.cap-eor.fuera{opacity:.4}
.cap-eon{flex:0 0 auto;width:52px;display:flex;align-items:center;justify-content:center;gap:6px;background:#F3F6FC;color:#05080F;font:italic 700 24px var(--fd)}
.cap-eon i{width:7px;height:20px;background:radial-gradient(circle,#8A94AB 1.5px,transparent 1.7px) 0 0/3.8px 7px}
.cap-eof,.cap-fm{position:relative;flex:1;min-width:0;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
.cap-eof img,.cap-fm img{position:absolute;left:0;top:50%;width:100%;height:76px;transform:translateY(-50%);object-fit:cover}
.cap-eof b,.cap-fm b{position:relative;width:100%;padding:12px 6px 3px;background:linear-gradient(0deg,rgba(5,8,15,.6),rgba(5,8,15,0));text-align:center;font:700 13px/1.2 var(--fd);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  text-shadow:1px 1px 0 #05080F,-1px 1px 0 #05080F,1px -1px 0 #05080F,-1px -1px 0 #05080F,0 2px 3px rgba(0,0,0,.7)}
.cap-eok{width:100%;margin-top:4px;background:#FFD21F!important;color:#1B1500!important;border:0!important;font:italic 700 18px var(--fd)!important;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.cap-fr{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);row-gap:5px;margin:2px 0 6px}
.cap-fr .cap-by{display:contents}
.cap-fr .cap-col0>*{grid-column:1}.cap-fr .cap-col1>*{grid-column:3}.cap-fn{grid-column:2}
.cap-fm{height:50px;padding:0!important;border:0!important;border-radius:0!important;background:#141A28!important;cursor:pointer}
.cap-col0 .cap-fm{clip-path:polygon(8px 0,100% 0,100% 100%,0 100%)}.cap-col1 .cap-fm{clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.cap-fm.hecha,.cap-fn.hecha{opacity:.45;filter:grayscale(.7)}
.cap-fm.ya{box-shadow:inset 0 0 0 3px #FFD21F!important}
.cap-col0 .cap-fm.ya b{background:linear-gradient(0deg,rgba(244,94,64,.85),rgba(0,0,0,0))}.cap-col1 .cap-fm.ya b{background:linear-gradient(0deg,rgba(62,123,255,.85),rgba(0,0,0,0))}
.cap-fn{display:flex;align-items:center;justify-content:center;height:50px;background:#F3F6FC;color:#05080F;font:italic 700 24px var(--fd)}
.cap-fn.cur{background:#FFD21F}
.cap-fv{display:block}
.cap-undo2{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px auto 4px;padding:10px 22px;border:1px solid var(--line);border-radius:12px;background:none;color:var(--ink);font:600 15px var(--fd);cursor:pointer}
.cap-undo2 svg{width:18px;height:18px}.cap-undo2[disabled]{opacity:.4}
/* p147: hoja «Invitar Bladers» */
.tn-invt{display:flex;align-items:center;gap:14px;width:100%;margin:14px 0 4px;padding:14px 16px;border:2px solid #4C84FF;border-radius:18px;background:linear-gradient(135deg,#2F6DF6,#1F50C9);color:#fff;text-align:left;cursor:pointer;font:inherit}
.tn-invt b{display:block;font:italic 700 22px/1 var(--fd)}.tn-invt small{display:block;font-size:13px;opacity:.85;margin-top:3px}
.tn-invti{width:46px;height:46px;flex:0 0 auto;border-radius:12px;background:rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center}
.tn-invti svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.tn-invfondo{position:fixed;inset:0;z-index:58;background:rgba(5,8,15,.62)}
#view .tn-card.tn-invh{position:fixed;left:0;right:0;bottom:0;z-index:59;margin:0;max-height:86vh;overflow:auto;overscroll-behavior:contain;background:#0F1524;border-radius:20px 20px 0 0;border-color:#3A4560;padding:16px 16px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -12px 30px rgba(0,0,0,.5)}
@media(min-width:721px){ #view .tn-card.tn-invh{left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:min(560px,92vw);border-radius:20px;padding-bottom:20px} }
.tn-invh[hidden],.tn-invfondo[hidden],.tn-invp[hidden]{display:none!important}
.tn-invcab{display:flex;align-items:center;gap:10px;margin:-16px -16px 12px;border-radius:20px 20px 0 0;padding:16px 16px 24px;background:linear-gradient(120deg,#F45E40,#E8402F 45%,#B5281A);clip-path:polygon(0 0,100% 0,100% 78%,0 100%)}
.tn-invcab h3{flex:1;margin:0!important;font:italic 700 26px/1 var(--fd)!important;color:#fff}
.tn-invcab .tn-cfgx{border:0;background:rgba(0,0,0,.22);border-radius:22px}.tn-invcab .tn-cfgx svg{stroke:#fff}
.tn-invtabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px}
.tn-invtabs button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border:0;border-radius:12px;background:linear-gradient(180deg,#1F2A45,#141A28);color:#A6B0C5;cursor:pointer;font:inherit;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.tn-invtabs button svg{width:22px;height:22px;fill:none;stroke:#FF8A78;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tn-invtabs button b{font-size:15px;color:#F3F6FC}.tn-invtabs button small{font-size:11px}
.tn-invtabs button[aria-selected="true"]{background:linear-gradient(120deg,#F45E40,#E8402F 45%,#B5281A);box-shadow:inset 0 -4px 0 #FFD21F;color:#fff}
.tn-invtabs button[aria-selected="true"] svg{stroke:#fff}
.tn-invay{margin:14px -16px 0;padding:10px 16px;background:#F3F6FC;color:#11151F;font-size:14px;line-height:1.4}
.tn-invok{width:100%;margin-top:10px;background:#FFD21F!important;color:#1B1500!important;border:0!important;font:italic 700 20px var(--fd)!important;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
body:has(#view .tn-invh:not([hidden])) #znav{display:none}
/* p146: participantes como mosaicos */
.tn-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:3px;background:#05080F;border-radius:10px;padding:3px}
.tn-chips span{position:relative;display:flex;flex-direction:column;padding:0!important;border:0!important;border-radius:0!important;background:none!important;height:84px;overflow:hidden;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);font-size:inherit}
.tn-mav{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-bottom:20px;font-style:normal;background:repeating-linear-gradient(135deg,rgba(255,255,255,.08) 0 5px,transparent 5px 13px),var(--mc1)}
.tn-mav.az{--mc1:linear-gradient(150deg,#3E7BFF,#173A9A)}.tn-mav.ve{--mc1:linear-gradient(150deg,#22B877,#0A5838)}
.tn-mav.am{--mc1:linear-gradient(150deg,#F2C21B,#8A6400)}.tn-mav.ro{--mc1:linear-gradient(150deg,#F0503A,#7E1A10)}.tn-mav.gr{--mc1:linear-gradient(150deg,#5A6378,#262C3A)}
.tn-chips span .tn-mav img.av{width:58px;height:58px;margin:0;vertical-align:0;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45))}
.tn-meng{width:50px;height:50px}
.tn-msc{position:absolute;top:4px;left:9px;font-style:normal;font-size:11px;font-weight:700;color:#FFC85A;background:rgba(5,8,15,.6);border-radius:4px;padding:0 4px}
.tn-mnm{position:absolute;left:0;right:0;bottom:0;background:rgba(5,8,15,.84);padding:3px 6px;text-align:center;font:700 11px/1.3 var(--fd);letter-spacing:.03em;text-transform:uppercase;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tn-chips span.yo{box-shadow:none}.tn-chips span.yo::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 3px #FFD21F;pointer-events:none}
.tn-chips span.ret{text-decoration:none!important;filter:grayscale(1);opacity:.5}
.tn-chips span .tn-ret{position:absolute;top:3px;right:6px;left:6px;font-size:9px;line-height:1.2;text-align:right}
.tn-chips span.sel::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 3px #EF4444;pointer-events:none}
/* p145: pantalla del réferi al estilo Smash */
.mdl-in.cap{--rojo1:#F45E40;--rojo2:#8E2014;--azul1:#3E7BFF;--azul2:#14307F;--rayas:repeating-linear-gradient(135deg,rgba(255,255,255,.08) 0 5px,transparent 5px 13px)}
.cap-top{gap:8px;margin:0 0 6px}.cap-top .tn-tag{text-align:center;font:italic 700 15px/1.2 var(--fd)!important;letter-spacing:.03em}
.cap-ic{border-radius:12px}
.cap-ic.cap-lado{width:44px;height:44px;border:0;background:#FFD21F;color:#1B1500;display:inline-flex;align-items:center;justify-content:center;padding:0}
.cap-ic.cap-lado.on{background:#FFE16A;color:#1B1500;box-shadow:0 0 0 2px #fff inset}
.cap-ic.cap-undo{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0}.cap-ic.cap-undo[disabled]{opacity:.4}
.cap-pips{display:flex;align-items:center;justify-content:center;gap:10px;margin:2px 0 6px;font:italic 700 15px var(--fd)}
.cap-pip{display:flex;gap:4px}.cap-pip i{width:12px;height:12px;border-radius:6px;border:2px solid var(--line);box-sizing:border-box}
.cap-pip.a i.on{background:var(--rojo1);border-color:var(--rojo1)}.cap-pip.b i.on{background:var(--azul1);border-color:var(--azul1)}
.cap-marc{position:relative;gap:0;margin:4px 0 12px}
.cap-marc::after{content:"VS";position:absolute;left:50%;top:34px;transform:translateX(-50%);font:italic 700 44px/1 var(--fd);color:#FFD21F;-webkit-text-stroke:2px #05080F;text-shadow:3px 3px 0 #05080F;pointer-events:none}
.cap-j{position:relative;border:0!important;border-radius:0;padding:8px 8px 30px;display:grid;grid-template-columns:auto 1fr;align-items:center;min-height:112px;overflow:hidden}
.cap-j.a{background:var(--rayas),linear-gradient(160deg,var(--rojo1),var(--rojo2));clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%)}
.cap-j.b{background:var(--rayas),linear-gradient(160deg,var(--azul1),var(--azul2));clip-path:polygon(14px 0,100% 0,100% 100%,0 100%)}
.cap-marc .cap-j:last-child{grid-template-columns:1fr auto}.cap-marc .cap-j:last-child .cap-av{order:2}
.cap-av{display:flex;width:64px;height:64px;align-items:center;justify-content:center}.cap-av img.av{width:64px;height:64px;margin:0;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}
.cap-j strong{font:italic 700 52px/1 var(--fd);color:#fff;text-shadow:3px 3px 0 rgba(0,0,0,.35);padding:0 34px 0 4px;text-align:right}
.cap-marc .cap-j:last-child strong{padding:0 4px 0 34px;text-align:left}
.cap-j b{position:absolute;left:0;right:0;bottom:0;background:rgba(5,8,15,.84);padding:4px 6px;font:700 14px/1.2 var(--fd);letter-spacing:.03em;text-transform:uppercase;color:#fff}
.cap-j small{position:absolute;left:0;right:0;top:4px;font-size:12px;color:#fff}.cap-j .cap-l,.cap-j .cap-m{display:none}
.cap-j.gano{background-blend-mode:normal;box-shadow:0 0 0 3px #FFD21F inset}
.cap-btns{grid-template-columns:1fr 40px 1fr;gap:0}.cap-btns>div:last-child{grid-column:3}
.cap-btns div{justify-items:center;gap:6px}
.cap-btns button{width:132px;min-height:48px;padding:0 14px;border:0!important;border-radius:10px;justify-content:space-between;color:#fff!important;
  font:italic 700 16px var(--fd);letter-spacing:.02em;text-transform:uppercase}
.cap-btns button small{font:italic 700 21px var(--fd);opacity:1}
.cap-btns .a button{background:var(--rayas),linear-gradient(120deg,rgba(255,255,255,.12),rgba(0,0,0,0) 45%,rgba(0,0,0,.28)),#B5281A}
.cap-btns .b button{background:var(--rayas),linear-gradient(120deg,rgba(255,255,255,.12),rgba(0,0,0,0) 45%,rgba(0,0,0,.28)),#1F50C9}
.cap-sale b.a{background:rgba(244,94,64,.18);color:#FFB3A6}.cap-sale b.b{background:rgba(62,123,255,.18);color:#BBD0FF}
.cap-by button{border-radius:0;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);padding:9px 10px;font:700 14px var(--fd)}
.cap-by button em{border-radius:0!important;background:#F3F6FC!important;color:#05080F!important;font:italic 700 13px var(--fd)!important}
.cap-by button[aria-pressed="true"]{box-shadow:0 0 0 2px #FFD21F inset;border-color:#FFD21F;color:#fff}
.cap-log i.a{color:#FF9D8A}.cap-log i.b{color:#9DBBFF}
.cap-hist{margin:4px 0 10px;border-top:1px solid var(--line)}
.cap-hist summary{display:flex;align-items:center;gap:8px;padding:10px 2px 6px;cursor:pointer;font:600 14px var(--fd);color:var(--ink-dim);list-style:none}
.cap-hist summary::-webkit-details-marker{display:none}
.cap-hist summary span{margin-left:auto;font-size:12px;color:var(--ink-faint)}
.cap-hist summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--ink-faint);border-bottom:2px solid var(--ink-faint);transform:rotate(45deg);margin:0 4px 4px 0}
.cap-hist[open] summary::after{transform:rotate(-135deg);margin-bottom:-2px}
