/* ═════════════════  tokens  ═════════════════ */
:root{
  --papel:#FFFFFF;
  --hueso:#F7F5F4;
  --tinta:#1B1315;
  --gris:#6E6764;
  --gris-2:#A39B97;
  --linea:#E7E2DF;
  --linea-2:#F1EDEB;
  --rojo:#E3350D;
  --rojo-hondo:#A82208;
  --rojo-tenue:#FDEFEB;
  --verde:#1C8A4E;

  --u:8px;
  --sans:"Archivo","Segoe UI",system-ui,sans-serif;
  --pixel:"Pixelify Sans","Courier New",monospace;
  --sombra-s:0 1px 2px rgba(27,19,21,.05);
  --sombra-m:0 2px 4px rgba(27,19,21,.04),0 8px 22px rgba(27,19,21,.07);
  --sombra-l:0 4px 8px rgba(27,19,21,.05),0 20px 50px rgba(27,19,21,.10);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--hueso);color:var(--tinta);
  font-family:var(--sans);font-size:16px;line-height:1.55;overflow-x:hidden;
}
::selection{background:var(--rojo);color:#fff}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0;text-align:inherit}
:focus-visible{outline:2px solid var(--rojo);outline-offset:2px;border-radius:3px}
h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.015em;line-height:1.14}
img{max-width:100%}

/* ═════════════════  pokébola  ═════════════════ */
.bola{
  --s:96px;width:var(--s);height:var(--s);border-radius:50%;position:relative;flex:none;
  background:
    radial-gradient(circle at 33% 25%, rgba(255,255,255,.62) 0 9%, rgba(255,255,255,0) 46%),
    linear-gradient(to bottom,var(--rojo) 0 calc(50% - 3px),var(--tinta) calc(50% - 3px) calc(50% + 3px),#fff calc(50% + 3px) 100%);
  box-shadow:
    inset 0 0 0 calc(var(--s)/24) var(--tinta),
    inset calc(var(--s)/-7) calc(var(--s)/-7) calc(var(--s)/3) rgba(27,19,21,.30),
    inset calc(var(--s)/9) calc(var(--s)/11) calc(var(--s)/4) rgba(255,255,255,.35);
}
.bola::after{
  content:"";position:absolute;left:50%;top:50%;width:28%;height:28%;transform:translate(-50%,-50%);
  border-radius:50%;background:#fff;
  box-shadow:inset 0 0 0 calc(var(--s)/24) var(--tinta),0 0 0 calc(var(--s)/22) var(--tinta);
}
.bola.late{animation:tambalea 2.2s cubic-bezier(.4,0,.3,1) infinite;transform-origin:50% 88%}
.bola.late::after{animation:destella 2.2s linear infinite}
.bola.gira{animation:gira 1s linear infinite}
@keyframes tambalea{0%,62%,100%{transform:rotate(0)}8%{transform:rotate(-15deg)}16%{transform:rotate(13deg)}
  24%{transform:rotate(-10deg)}32%{transform:rotate(9deg)}40%{transform:rotate(-5deg)}48%{transform:rotate(4deg)}55%{transform:rotate(0)}}
@keyframes destella{0%,55%{background:#fff}58%,68%{background:var(--rojo)}72%,100%{background:#fff}}
@keyframes gira{to{transform:rotate(360deg)}}
.suelo{position:relative;display:grid;place-items:center;padding-bottom:26px}
.suelo::after{content:"";position:absolute;bottom:6px;left:50%;transform:translateX(-50%);
  width:76px;height:14px;border-radius:50%;background:rgba(27,19,21,.20);filter:blur(7px);
  animation:respira 2.2s cubic-bezier(.4,0,.3,1) infinite}
@keyframes respira{0%,62%,100%{width:76px;opacity:1}8%,16%,24%,32%,40%{width:94px;opacity:.7}}

#telon{position:fixed;inset:0;z-index:300;background:var(--papel);display:grid;place-content:center;justify-items:center;gap:calc(var(--u)*3);transition:opacity .45s,visibility .45s}
#telon.fuera{opacity:0;visibility:hidden}
#telon .marca-carga{font-weight:800;font-size:1.15rem;font-variation-settings:"wdth" 118;text-align:center}
#telon .marca-carga i{color:var(--rojo);font-style:normal}
#telon p{margin:4px 0 0;font-size:.88rem;color:var(--gris);text-align:center}

/* ═════════════════  chasis  ═════════════════ */
.banda{height:6px;background:linear-gradient(90deg,var(--rojo) 0%,#F04A22 55%,var(--rojo-hondo) 100%)}
header{background:var(--papel);border-bottom:1px solid var(--linea);position:sticky;top:0;z-index:70}
.barra{display:flex;align-items:center;gap:16px;padding:13px calc(var(--u)*4) 0;max-width:1560px;margin:0 auto}

.optica{display:flex;align-items:center;gap:9px;flex:none}
.lente{
  width:32px;height:32px;border-radius:50%;position:relative;flex:none;
  background:radial-gradient(circle at 34% 27%,#A9DEFF 0 11%,#4A96DC 46%,#17548F 100%);
  box-shadow:inset 0 0 0 3px #fff,inset 0 -3px 7px rgba(0,0,0,.35),0 1px 3px rgba(27,19,21,.28);
}
.lente::after{content:"";position:absolute;top:6px;left:8px;width:9px;height:6px;border-radius:50%;
  background:rgba(255,255,255,.8);transform:rotate(-24deg)}
.luces{display:flex;gap:5px}
.luz{width:10px;height:10px;border-radius:50%;box-shadow:inset 0 -1px 2px rgba(0,0,0,.35),inset 0 1px 1px rgba(255,255,255,.7)}
.luz.r{background:#E3454A}.luz.a{background:#EBC02E}.luz.v{background:#4CAF6A}
.luz.r{animation:parpadeo 3.4s ease-in-out infinite}
@keyframes parpadeo{0%,88%,100%{opacity:1}92%{opacity:.35}}

.logo{display:flex;align-items:baseline;gap:11px;min-width:0}
.logo b{font-size:1.24rem;font-weight:800;font-variation-settings:"wdth" 120;letter-spacing:-.022em}
.logo b i{color:var(--rojo);font-style:normal}
.logo span{color:var(--gris-2);font-size:.8rem;white-space:nowrap}
.barra .fin{margin-left:auto;display:flex;align-items:center;gap:14px}

.switch{display:flex;align-items:center;gap:8px;font-size:.83rem;color:var(--gris);white-space:nowrap}
.switch .riel{width:36px;height:20px;border-radius:10px;background:#E9E4E1;position:relative;transition:background .18s;flex:none;box-shadow:inset 0 1px 2px rgba(27,19,21,.12)}
.switch .riel::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(27,19,21,.28);transition:transform .18s}
.switch[aria-pressed="true"] .riel{background:var(--rojo)}
.switch[aria-pressed="true"] .riel::after{transform:translateX(16px)}
.switch[aria-pressed="true"]{color:var(--rojo);font-weight:600}

nav{display:flex;gap:calc(var(--u)*4);padding:0 calc(var(--u)*4);max-width:1560px;margin:10px auto 0;overflow-x:auto;scrollbar-width:none}
nav::-webkit-scrollbar{display:none}
nav button{padding:0 0 12px;font-size:.92rem;font-weight:600;color:var(--gris);border-bottom:2px solid transparent;white-space:nowrap;transition:color .15s,border-color .15s}
nav button:hover{color:var(--tinta)}
nav button[aria-selected="true"]{color:var(--tinta);border-color:var(--rojo)}

.ancho{max-width:1560px;margin:0 auto;padding:0 calc(var(--u)*4)}

/* ═════════════════  dos paneles  ═════════════════ */
.aparato{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:calc(var(--u)*4);align-items:start;
  max-width:1560px;margin:0 auto;padding:calc(var(--u)*3) calc(var(--u)*4) calc(var(--u)*8)}

/* ── buscador ── */
.campo{position:relative}
.campo>svg{position:absolute;left:17px;top:50%;transform:translateY(-50%);color:var(--gris-2);pointer-events:none}
#q{width:100%;height:54px;padding:0 84px 0 48px;background:var(--papel);border:1px solid var(--linea);
  border-radius:10px;color:var(--tinta);font-family:var(--sans);font-size:1.02rem;
  box-shadow:var(--sombra-s);transition:border-color .15s,box-shadow .15s}
#q::placeholder{color:var(--gris-2)}
#q:focus{outline:none;border-color:var(--rojo);box-shadow:0 0 0 4px var(--rojo-tenue)}
.tecla{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-family:var(--pixel);font-size:.78rem;
  color:var(--gris-2);border:1px solid var(--linea);border-radius:4px;padding:2px 9px;pointer-events:none}
#q:focus~.tecla{opacity:0}

.filtros{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:14px}
.chip{border:1px solid var(--linea);background:var(--papel);border-radius:20px;padding:5px 13px;font-size:.82rem;
  color:var(--gris);display:inline-flex;align-items:center;gap:7px;transition:all .14s}
.chip:hover{border-color:var(--gris-2);color:var(--tinta)}
.chip .pt{width:9px;height:9px;border-radius:50%;flex:none}
.chip[aria-pressed="true"]{color:#fff;border-color:transparent;font-weight:600;box-shadow:var(--sombra-s)}
.chip[disabled]{opacity:.4;cursor:wait}
.sep{width:1px;height:20px;background:var(--linea);margin:0 4px}
select{background:var(--papel);border:1px solid var(--linea);border-radius:20px;color:var(--gris);padding:5px 11px;font-family:var(--sans);font-size:.82rem}
.chip-huevo{background:var(--rojo-tenue);border-color:#F5C8BC;color:var(--rojo-hondo);font-weight:600}

.estado{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0 12px;font-size:.83rem;color:var(--gris)}
.estado b{color:var(--tinta);font-weight:700}
.barrita{width:110px;height:2px;background:var(--linea);overflow:hidden;border-radius:2px}
.barrita i{display:block;height:100%;background:var(--rojo);width:0;transition:width .3s}
.limpiar{color:var(--rojo);font-size:.83rem;text-decoration:underline;text-underline-offset:3px}

/* ── mosaico ── */
.mosaico{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}
.pieza{
  --t:#CFC9C5;position:relative;border:1px solid var(--linea);border-radius:12px;padding:13px 8px 0;
  text-align:center;overflow:hidden;box-shadow:var(--sombra-s);
  background:linear-gradient(178deg,color-mix(in srgb,var(--t) 16%,#fff) 0%,#fff 58%);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.pieza:hover{transform:translateY(-3px);box-shadow:var(--sombra-m);border-color:color-mix(in srgb,var(--t) 45%,#fff)}
.pieza[aria-current="true"]{border-color:var(--rojo);box-shadow:0 0 0 2px var(--rojo-tenue),var(--sombra-m)}
.peana{position:relative;display:block;padding-bottom:8px}
.peana::after{content:"";position:absolute;left:50%;bottom:1px;transform:translateX(-50%);width:46%;height:8px;
  border-radius:50%;background:rgba(27,19,21,.18);filter:blur(3.5px);transition:width .16s,opacity .16s}
.pieza img{width:100%;max-width:80px;aspect-ratio:1;object-fit:contain;display:block;margin:0 auto;
  image-rendering:pixelated;position:relative;transition:transform .16s}
.pieza:hover img{transform:translateY(-5px) scale(1.06)}
.pieza:hover .peana::after{width:33%;opacity:.5}
.pieza .num{position:absolute;top:9px;left:11px;font-family:var(--pixel);font-size:.72rem;color:var(--gris-2)}
.pieza .nom{display:block;font-size:.84rem;font-weight:600;padding:2px 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pieza .tipos{position:absolute;bottom:0;left:0;right:0;height:4px;display:flex;opacity:0;transition:opacity .3s}
.pieza .tipos.on{opacity:1}
.pieza .tipos span{flex:1}
.mas{grid-column:1/-1;height:1px}
.vacio{grid-column:1/-1;text-align:center;padding:calc(var(--u)*10) 0;color:var(--gris)}
.vacio p{margin:0 0 5px;font-size:1.05rem;font-weight:600;color:var(--tinta)}
.cargando{display:flex;flex-direction:column;align-items:center;gap:16px;padding:calc(var(--u)*9) 0;color:var(--gris);font-size:.9rem}

/* ── panel derecho ── */
.panel{
  position:sticky;top:126px;background:var(--papel);border:1px solid var(--linea);border-radius:16px;
  box-shadow:var(--sombra-m);overflow:hidden;max-height:calc(100vh - 150px);overflow-y:auto;overscroll-behavior:contain;
}
.panel::-webkit-scrollbar{width:9px}
.panel::-webkit-scrollbar-thumb{background:var(--linea);border-radius:9px;border:3px solid #fff}
.cerrar{display:none}
.sin-sel{padding:calc(var(--u)*9) calc(var(--u)*4);text-align:center;color:var(--gris)}
.sin-sel .bola{--s:56px;margin:0 auto 18px}
.sin-sel b{display:block;font-size:1.02rem;color:var(--tinta);margin-bottom:5px}
.sin-sel small{font-size:.86rem}
.sin-sel kbd{font-family:var(--pixel);border:1px solid var(--linea);border-radius:4px;padding:1px 6px;font-size:.82rem}

.retrato{position:relative;display:grid;place-items:center;min-height:252px;padding:calc(var(--u)*4) calc(var(--u)*4) calc(var(--u)*2);overflow:hidden}
.retrato .tinte{position:absolute;inset:0;background:
  radial-gradient(80% 70% at 50% 30%,var(--aura,#ccc) 0%,transparent 72%);opacity:.22}
.retrato .marca-agua{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  font-family:var(--pixel);font-size:7.5rem;color:var(--aura,#ccc);opacity:.12;letter-spacing:-.04em;pointer-events:none;line-height:1}
.retrato img{position:relative;width:216px;height:216px;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(27,19,21,.18))}
.audio{position:absolute;bottom:12px;right:calc(var(--u)*4);z-index:2;border:1px solid var(--linea);
  border-radius:20px;background:rgba(255,255,255,.92);padding:5px 13px;font-size:.77rem;color:var(--gris);backdrop-filter:blur(6px)}
.cuerpo{padding:calc(var(--u)*2) calc(var(--u)*4) calc(var(--u)*6)}
.titulo{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.titulo h2{font-size:1.92rem;font-variation-settings:"wdth" 108}
.titulo .num{font-family:var(--pixel);font-size:1rem;color:var(--gris-2)}
.genero{color:var(--gris);font-size:.87rem;margin:3px 0 0}
.tipos-fila{display:flex;gap:6px;margin:13px 0 0}
.tipo{border-radius:20px;padding:4px 14px;font-size:.79rem;font-weight:700;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2)}
.dex{margin:14px 0 0;color:var(--gris);font-size:.9rem;line-height:1.65;border-left:2px solid var(--linea);padding-left:14px}
.medidas{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}
.medidas div{background:var(--hueso);border-radius:9px;padding:9px 10px;font-size:.72rem;color:var(--gris-2)}
.medidas b{display:block;color:var(--tinta);font-size:1.02rem;font-weight:700;margin-bottom:1px}
.panel h3{font-size:.78rem;font-weight:700;color:var(--gris-2);letter-spacing:.06em;margin:calc(var(--u)*4) 0 12px;padding-bottom:7px;border-bottom:1px solid var(--linea)}

/* radar de estadísticas */
.radar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.radar svg{flex:none;width:230px;height:212px}
.radar .cifras{flex:1;min-width:150px;display:grid;gap:5px}
.radar .fila{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:.81rem;align-items:baseline}
.radar .fila span{color:var(--gris)}
.radar .fila em{font-family:var(--pixel);font-style:normal;font-size:.95rem}
.radar .fila.tot{margin-top:5px;padding-top:7px;border-top:1px dashed var(--linea)}
.radar .fila.tot em{color:var(--rojo)}

.recomen{background:var(--rojo-tenue);border:1px solid #F6D0C6;border-radius:12px;padding:14px}
.recomen .cab{display:flex;gap:13px;align-items:flex-start}
.recomen b{font-size:1rem}
.recomen .menta{font-size:.78rem;color:var(--rojo-hondo);font-weight:700}
.recomen p{margin:5px 0 0;font-size:.84rem;color:var(--gris);line-height:1.55}
.recomen .alt{margin-top:10px;padding-top:10px;border-top:1px solid #F6D0C6;font-size:.83rem;color:var(--gris);display:flex;align-items:center;gap:9px}
.recomen .alt b{font-size:.86rem;color:var(--tinta)}

.debil{display:flex;flex-wrap:wrap;gap:5px}
.debil .d{display:flex;align-items:center;gap:6px;border:1px solid var(--linea);border-radius:20px;padding:4px 11px;font-size:.78rem}
.debil .d i{width:9px;height:9px;border-radius:50%;flex:none}
.debil .d b{font-family:var(--pixel);font-weight:400;color:var(--gris)}
.debil .x4 b,.debil .x2 b{color:var(--rojo)}
.debil .x0 b,.debil .x025 b{color:var(--verde)}

.hab{display:grid;gap:8px}
.hab div{border:1px solid var(--linea);border-radius:10px;padding:11px 13px}
.hab strong{font-size:.89rem}
.hab .oculta{font-size:.68rem;color:#fff;background:var(--rojo);border-radius:20px;padding:1px 8px;margin-left:8px;vertical-align:2px}
.hab p{margin:4px 0 0;font-size:.81rem;color:var(--gris);line-height:1.5}

.cria{display:grid;gap:2px;font-size:.85rem}
.cria .ren{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:9px 0;border-bottom:1px solid var(--linea-2)}
.cria .ren>span:first-child{color:var(--gris);flex:none}
.cria .ren b{text-align:right;font-weight:600}
.cria .grupos{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.cria .grupos button{border:1px solid var(--linea);border-radius:20px;padding:2px 11px;font-size:.78rem;font-weight:600;transition:all .14s}
.cria .grupos button:hover{border-color:var(--rojo);color:var(--rojo);background:var(--rojo-tenue)}
.barra-genero{display:flex;height:6px;border-radius:6px;overflow:hidden;width:104px;margin-left:auto;margin-top:4px}

.evo{display:flex;align-items:center;gap:3px;flex-wrap:wrap}
.evo button{border:1px solid var(--linea);border-radius:10px;padding:9px 6px 7px;width:82px;text-align:center;transition:all .14s}
.evo button:hover{border-color:var(--tinta);transform:translateY(-2px)}
.evo button[aria-current="true"]{border-color:var(--rojo);background:var(--rojo-tenue)}
.evo img{width:54px;height:54px;object-fit:contain;image-rendering:pixelated;display:block;margin:0 auto}
.evo small{display:block;font-size:.73rem;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flecha{color:var(--gris-2);font-size:.68rem;text-align:center;min-width:46px;line-height:1.3}
.flecha b{display:block;color:var(--gris);font-weight:600}

.cmd{display:grid;gap:7px}
.cmd button{display:flex;align-items:center;gap:10px;width:100%;border:1px solid var(--linea);border-radius:10px;padding:11px 13px;transition:all .14s}
.cmd button:hover{border-color:var(--rojo);background:var(--rojo-tenue)}
.cmd code{font-family:var(--pixel);font-size:.91rem;color:var(--rojo-hondo);flex:1;word-break:break-all}
.cmd .copiar{font-size:.72rem;color:var(--gris-2);flex:none}
.cmd button.listo .copiar{color:var(--verde);font-weight:700}

/* ═════════════════  páginas  ═════════════════ */
.pagina{padding:calc(var(--u)*5) 0 calc(var(--u)*10)}
.intro{max-width:64ch}
.intro h2{font-size:2.2rem;font-variation-settings:"wdth" 112;margin-bottom:11px}
.intro p{margin:0 0 12px;color:var(--gris)}
.aviso{border-left:3px solid var(--rojo);background:var(--rojo-tenue);padding:13px 17px;margin-top:22px;
  max-width:66ch;font-size:.89rem;border-radius:0 10px 10px 0}
.aviso.dm{border-color:var(--verde);background:#EDF8F1}
h3.titulo-seccion{font-size:.8rem;font-weight:700;color:var(--gris-2);letter-spacing:.07em;
  margin:calc(var(--u)*6) 0 14px;padding-bottom:8px;border-bottom:1px solid var(--linea)}

.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:11px;margin-top:14px}
.tarjeta{background:var(--papel);border:1px solid var(--linea);border-radius:12px;padding:16px 18px;box-shadow:var(--sombra-s)}
.tarjeta h4{font-size:.97rem;margin-bottom:5px}
.tarjeta p{margin:0;font-size:.86rem;color:var(--gris);line-height:1.55}
.tarjeta.con-item,.consejo.con-item{display:flex;gap:14px;align-items:flex-start}
.tarjeta.con-item>div,.consejo.con-item>div{flex:1;min-width:0}
.consejo{background:var(--papel);border:1px solid var(--linea);border-radius:12px;padding:16px 18px;box-shadow:var(--sombra-s)}
.consejo h4{font-size:.94rem;margin-bottom:6px}
.consejo p{margin:0;font-size:.86rem;color:var(--gris);line-height:1.6}
.consejo code{font-family:var(--pixel);background:var(--hueso);border:1px solid var(--linea);border-radius:4px;padding:0 5px;color:var(--rojo-hondo)}

button.grupo{background:var(--papel);border:1px solid var(--linea);border-radius:12px;padding:15px 17px;
  box-shadow:var(--sombra-s);transition:all .14s}
button.grupo:hover{border-color:var(--rojo);transform:translateY(-3px);box-shadow:var(--sombra-m)}
button.grupo b{display:block;font-size:.97rem}
button.grupo small{color:var(--gris-2);font-size:.79rem}

ol.pasos{counter-reset:p;list-style:none;padding:0;margin:16px 0 0;max-width:68ch}
ol.pasos li{counter-increment:p;position:relative;padding:0 0 22px 46px;border-left:1px solid var(--linea);margin-left:14px}
ol.pasos li:last-child{border-left-color:transparent;padding-bottom:0}
ol.pasos li::before{content:counter(p);position:absolute;left:-14px;top:-2px;width:28px;height:28px;border-radius:50%;
  background:var(--rojo);color:#fff;display:grid;place-items:center;font-size:.79rem;font-weight:700;
  box-shadow:0 2px 6px rgba(227,53,13,.3)}
ol.pasos b{display:block;margin-bottom:2px}
ol.pasos span{color:var(--gris);font-size:.89rem}
ol.pasos .nota-dm{display:inline-flex;align-items:center;gap:6px;margin-top:7px;font-size:.8rem;
  background:#EDF8F1;border:1px solid #C9E7D6;color:#186B3E;border-radius:20px;padding:3px 12px;font-weight:600}

/* ítems */
.slot{width:54px;height:54px;flex:none;display:grid;place-items:center;border-radius:10px;
  background:linear-gradient(158deg,#fff 0%,#F1EDEB 100%);border:1px solid var(--linea);
  box-shadow:inset 0 1px 0 #fff,inset 0 -2px 4px rgba(27,19,21,.05),var(--sombra-s)}
.slot img{width:68%;height:68%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 2px rgba(27,19,21,.28))}
.slot.mini{width:36px;height:36px;border-radius:7px}
.slot.nano{width:26px;height:26px;border-radius:6px}

.escaparate{display:flex;align-items:center;gap:calc(var(--u)*5);flex-wrap:wrap;background:var(--papel);
  border:1px solid var(--linea);border-radius:16px;padding:calc(var(--u)*4) calc(var(--u)*5);margin-top:20px;box-shadow:var(--sombra-m)}
.pedestal{position:relative;flex:none;padding-bottom:18px}
.pedestal img{position:relative;width:148px;height:148px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 10px 14px rgba(27,19,21,.22))}
.pedestal::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:118px;height:20px;
  border-radius:50%;background:rgba(27,19,21,.15);filter:blur(9px)}
.escaparate .texto{flex:1;min-width:250px}
.escaparate h4{font-size:1.15rem;margin-bottom:7px}
.escaparate p{margin:0;color:var(--gris);font-size:.89rem;line-height:1.6;max-width:54ch}
.receta{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:18px}
.rejilla-receta{display:grid;grid-template-columns:repeat(3,38px);gap:4px;padding:6px;background:var(--hueso);border:1px solid var(--linea);border-radius:10px}
.rejilla-receta .slot{width:38px;height:38px;border-radius:6px}
.receta .igual{font-size:1.3rem;color:var(--gris-2)}
.receta .pie{font-size:.81rem;color:var(--gris);max-width:24ch}

.matriz{overflow-x:auto;margin-top:14px;border:1px solid var(--linea);border-radius:12px;background:var(--papel)}
table.nat{border-collapse:collapse;width:100%;min-width:700px;font-size:.84rem}
table.nat th,table.nat td{border-bottom:1px solid var(--linea-2);border-right:1px solid var(--linea-2);padding:8px 10px;text-align:left}
table.nat tr:last-child th,table.nat tr:last-child td{border-bottom:0}
table.nat th:last-child,table.nat td:last-child{border-right:0}
table.nat thead th{background:var(--hueso);font-weight:600;color:var(--gris);font-size:.76rem}
table.nat tbody th{background:var(--hueso);font-weight:600;width:104px}
table.nat td b{display:block;font-weight:700}
table.nat td small{color:var(--gris-2);font-size:.73rem}
table.nat td.neutra{background:#FCFBFA}
table.nat td.neutra b{font-weight:500;color:var(--gris)}
.celda{display:flex;align-items:center;gap:9px}

footer{border-top:1px solid var(--linea);background:var(--papel)}
footer .ancho{padding-top:calc(var(--u)*4);padding-bottom:calc(var(--u)*6);color:var(--gris-2);font-size:.79rem;line-height:1.7}
footer a{color:var(--gris)}

.velo{display:none}

/* ═════════════════  responsive  ═════════════════ */
@media (max-width:1180px){
  .aparato{grid-template-columns:minmax(0,1fr) 380px}
  .panel{top:120px}
}
@media (max-width:980px){
  .aparato{display:block;padding:calc(var(--u)*3) calc(var(--u)*4) calc(var(--u)*8)}
  .velo{display:block;position:fixed;inset:0;background:rgba(27,19,21,.38);opacity:0;pointer-events:none;transition:opacity .2s;z-index:80}
  .velo.on{opacity:1;pointer-events:auto}
  .panel{position:fixed;top:auto;left:0;right:0;bottom:0;height:92vh;max-height:none;width:100%;z-index:90;
    border-radius:18px 18px 0 0;border-left:0;border-right:0;border-bottom:0;
    transform:translateY(100%);transition:transform .28s cubic-bezier(.32,.72,0,1);box-shadow:var(--sombra-l)}
  .panel.on{transform:none}
  .panel .sin-sel{display:none}
  .cerrar{display:grid;position:absolute;top:14px;right:14px;z-index:5;width:34px;height:34px;
    border:1px solid var(--linea);border-radius:50%;background:rgba(255,255,255,.9);place-items:center;backdrop-filter:blur(6px)}
}
@media (max-width:640px){
  .ancho,.barra,nav{padding-left:18px;padding-right:18px}
  .aparato{padding:16px 18px 60px}
  .logo span{display:none}
  .tecla{display:none}
  .mosaico{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:8px}
  .intro h2{font-size:1.62rem}
  .retrato img{width:170px;height:170px}
  .retrato{min-height:200px}
  .cuerpo{padding:8px 20px 50px}
  .medidas{grid-template-columns:repeat(2,1fr)}
  .radar svg{width:100%;max-width:260px;height:auto}
}
@media (prefers-reduced-motion:reduce){
  *{transition-duration:.01ms!important;animation:none!important}
}

:root{--hueso:#f4f4ed;--papel:#fffefa;--tinta:#203b34;--gris:#52655d;--gris-2:#65736c;--linea:#d8ddd2;--linea-2:#e8eae1;--rojo:#246b55;--rojo-hondo:#174d3d;--rojo-tenue:#e8f0e6;--pixel:var(--sans)}
[hidden]{display:none!important}body{line-height:1.65}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b66820;outline-offset:4px}a{color:var(--rojo);text-underline-offset:4px}button{min-height:44px}button:hover{color:var(--rojo)}h1,h2,h3{text-wrap:balance}p{max-width:72ch}.banda{background:#e7bd69;height:4px}.optica{display:none}.barra{padding-top:16px;padding-bottom:4px}.logo b{font-size:1.6rem;letter-spacing:-.04em}.logo span{color:var(--gris)}nav{gap:26px;margin-top:8px}nav button{font-size:.88rem}nav button[aria-selected=true]{border-bottom-width:3px;color:var(--rojo)}.switch{min-height:44px}body:not([data-view=dex]) #shiny{visibility:hidden}.vista{min-height:65vh}.guide-page,.home-layout,.home-bottom,.dex-heading{max-width:1360px;margin:auto;padding:48px 40px}.guide-page{max-width:1120px}.guide-page>h1,.dex-heading h1{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.035em;max-width:24ch}.lead{font-size:1.08rem;color:var(--gris);margin:18px 0 38px}.guide-page>h2{margin:40px 0 18px;font-size:1.6rem}.home-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:72px;padding-top:64px;padding-bottom:48px;align-items:center}.welcome h1{font-size:clamp(2.6rem,4.8vw,4.6rem);line-height:1.07;letter-spacing:-.04em}.welcome p{font-size:1.1rem;max-width:43ch;margin:24px 0}.primary{background:var(--rojo);color:white;padding:14px 22px;border-radius:7px;font-weight:650;display:inline-flex;gap:34px;align-items:center}.primary:hover{background:var(--rojo-hondo);color:white}.text-link{display:block;text-decoration:underline;text-underline-offset:5px;font-weight:600;margin-top:12px}.edition{font-size:.78rem;color:var(--gris);margin-top:34px}.feature{background:#e3e9dc;overflow:hidden;border-radius:10px}.feature svg{width:100%;display:block}.feature>div{padding:24px 30px 26px}.feature h2{font-size:2rem}.feature p{margin:12px 0;color:var(--gris)}.feature button{font-weight:700;text-decoration:underline;text-underline-offset:5px}.home-bottom{display:grid;grid-template-columns:1.35fr 1fr;gap:72px;border-top:1px solid var(--linea);padding-top:32px}.home-bottom h2{font-size:1.35rem;margin-bottom:20px}.quick{display:block;width:100%;padding:17px 0;border-bottom:1px solid var(--linea)}.quick b,.quick span{display:block}.quick span{font-size:.9rem;color:var(--gris);margin-top:3px}.latest{border:1px solid var(--linea);padding:24px 28px;background:var(--papel);border-radius:8px}.latest time{font-size:.8rem;color:var(--gris)}.latest h3{margin-top:10px;font-size:1.4rem}.latest p{font-size:.95rem;color:var(--gris)}.guide-menu{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin:28px 0 40px}.guide-menu button{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--linea);padding:20px 0;font-weight:650}.guide-row{display:grid;grid-template-columns:260px minmax(0,1fr);gap:36px;border-top:1px solid var(--linea);padding:24px 0}.guide-row h3{font-size:1.1rem;line-height:1.4}.guide-row p{margin:0 0 10px}.guide-row small{color:var(--gris);font-size:.78rem}.guide-notice{background:#f3e7cc;border:1px solid #dbc8a3;border-radius:6px;padding:16px 20px;font-size:.9rem;margin:20px auto;max-width:100%}.guide-notice button{text-decoration:underline;font-weight:700}.copy-command{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.copy-command span{font:500 .75rem var(--sans);color:var(--gris);text-decoration:underline}.source{margin-top:32px;border-top:1px solid var(--linea);padding-top:20px}.source summary{cursor:pointer;min-height:44px;font-weight:700}.source pre{white-space:pre-wrap;overflow-wrap:anywhere;font:400 .85rem/1.7 var(--sans);max-height:600px;overflow:auto;background:var(--papel);padding:20px}.dex-heading{padding-top:32px;padding-bottom:0;max-width:1560px}.dex-heading h1{font-size:2rem}.dex-heading p{color:var(--gris);font-size:.9rem;max-width:90ch}.aparato{padding-top:18px}.panel{box-shadow:none}.pieza{background:var(--papel);box-shadow:none;padding-top:22px;border-radius:7px}.pieza .num{font-variant-numeric:tabular-nums;font-size:.72rem}.pieza .nom{font-size:.9rem}.chip{min-height:40px;border-radius:6px}.chip[aria-pressed=true]{text-shadow:0 1px 3px #000}.filtros{gap:8px}select{min-height:44px;border-radius:6px}.pagina{padding:40px;max-width:1360px}.intro{max-width:74ch}.intro h2{font-size:2.5rem}.rejilla{gap:18px}.tarjeta,.consejo{box-shadow:none;border-radius:6px}.titulo-seccion{color:var(--tinta)!important;font-size:1.2rem!important;letter-spacing:0!important}.aviso{border:1px solid var(--linea);border-radius:6px}.dex{border-left:1px solid var(--linea)}.cerrar{width:48px;height:48px}.skip{position:fixed;top:-100px;left:16px;z-index:400;background:white;padding:10px 20px}.skip:focus{top:12px}html{scrollbar-color:#889d8d #f4f4ed}input{caret-color:var(--rojo)}.matriz{scrollbar-width:thin}.panel h3{color:var(--gris);letter-spacing:.02em}.guide-page code{font-size:.9rem;overflow-wrap:anywhere}footer .ancho{max-width:1360px}
@media(max-width:980px){.home-layout{gap:30px}.home-bottom{gap:30px}.panel{height:90dvh;visibility:hidden}.panel.on{visibility:visible}.panel .cuerpo{padding-bottom:calc(32px + env(safe-area-inset-bottom))}.barra{padding-left:24px;padding-right:24px}.guide-row{grid-template-columns:210px minmax(0,1fr);gap:20px}}
@media(max-width:640px){.home-layout,.home-bottom{display:block;padding:28px 20px}.welcome h1{font-size:2.65rem}.welcome p{font-size:1rem}.feature{margin-top:28px;display:grid;grid-template-columns:100px 1fr;align-items:center}.feature svg{height:100%;object-fit:cover}.feature>div{padding:20px}.feature h2{font-size:1.5rem}.feature p{font-size:.85rem}.edition{margin-top:22px}.latest{margin-top:28px;padding:20px}.barra{padding:10px 20px 0}.logo b{font-size:1.4rem}.logo span{display:none}nav{padding:0 20px;gap:22px;scrollbar-width:thin}nav button{font-size:.83rem}.guide-page,.pagina{padding:28px 20px 48px}.guide-row{display:block;padding:22px 0}.guide-row h3{margin-bottom:10px}.guide-menu{gap:0 20px}.guide-menu button{font-size:.9rem}.dex-heading{padding:24px 20px 0}.dex-heading h1{font-size:1.7rem}.aparato{padding:18px 16px 40px}.mosaico{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pieza .nom{font-size:.75rem}.pieza{padding-left:4px;padding-right:4px}.filtros{flex-wrap:nowrap;overflow:auto;padding:3px 0 10px}.chip,select{flex-shrink:0}.sep{flex-shrink:0}.tecla{display:none}#q{font-size:16px;padding-right:12px}.intro h2{font-size:2rem}.rejilla{grid-template-columns:1fr}.guide-page .rejilla{grid-template-columns:1fr 1fr}.lead{font-size:1rem;margin-bottom:28px}.primary{width:100%;justify-content:space-between}.source pre{padding:12px}.panel .retrato{min-height:210px}.panel .retrato img{width:185px;height:185px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Pokédex shell: red casing, optical indicator and a neutral reading screen. */
:root{--hueso:#edf0f2;--papel:#fff;--tinta:#202a36;--gris:#53606f;--gris-2:#65707e;--linea:#d7dfe6;--linea-2:#e8edf1;--rojo:#bf263c;--rojo-hondo:#93172b;--rojo-tenue:#fcebef}
body{background:var(--hueso)}header{background:#c52c42;border-bottom:5px solid #8f2034;color:white}.banda{height:5px;background:#8f2034}.barra{max-width:1440px;padding:16px 32px 5px}.optica{display:flex}.luces{display:flex}.luz.r{animation:none}.lente{width:38px;height:38px}.logo b{color:white;letter-spacing:-.035em}.logo b i{color:white}.logo span{color:#ffe2e5}nav{max-width:1440px;gap:8px;padding-top:6px;margin-top:0}nav button{color:#ffe4e8;padding:9px 16px 12px;border-bottom:3px solid transparent}nav button:hover{color:#fff;background:#ad2038}nav button[aria-selected=true]{color:white;border-color:#9fe6ef;background:#a81f36;border-radius:5px 5px 0 0}.switch,.switch[aria-pressed=true]{color:white}.switch[aria-pressed=true] .riel{background:#246d91}.guide-page{max-width:1250px}.guide-page>h1{font-size:clamp(2rem,4vw,3.5rem)}.guide-page>.lead{max-width:70ch}.dex-launch{display:grid;grid-template-columns:1fr 1fr;gap:48px;background:#fff;border:1px solid #ccd6df;border-radius:12px;padding:32px;margin-top:28px;box-shadow:0 3px 0 #d3dbe1}.dex-launch h2{font-size:1.6rem}.dex-launch p{color:var(--gris);max-width:45ch}.dex-launch .primary{margin-top:12px}.device-index{border-left:1px solid var(--linea);padding-left:32px}.device-index h2{font-size:1rem;color:var(--gris);margin-bottom:8px}.home-bottom{max-width:none;padding:36px 0 12px;margin-top:36px;gap:48px}.latest{border-radius:10px;background:#fff}.primary{background:#bf263c}.primary:hover{background:#93172b}.edition{display:none}.guide-menu{background:white;border:1px solid var(--linea);padding:8px 24px;border-radius:10px}.guide-row{padding:25px 0}.guide-notice{background:#fff1d8;border:1px solid #e4c990;color:#634818}.pieza{border-radius:9px;background:white}.pieza[aria-current=true]{border-color:var(--rojo);box-shadow:0 0 0 2px #f4c6ce}.panel{border:1px solid #bdcbd6}.panel .sin-sel .bola{--rojo:#d73d4b}.sin-sel{background:#f7fafb}.retrato.no-image{min-height:60px;padding:12px}.retrato.no-image .marca-agua,.retrato.no-image .tinte{display:none}.peana.no-image{padding:0;min-height:0}.peana.no-image::after{display:none}.rules-tools{padding:22px;background:white;border:1px solid var(--linea);border-radius:10px}.rules-tools label{display:block;font-weight:650;margin-bottom:8px}.rules-tools input{width:100%;padding:13px 16px;font:inherit;border:1px solid #aabac8;border-radius:6px}.rules-tools p{margin:8px 0 0;font-size:.85rem;color:var(--gris)}.rule-jumps{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:22px}.rule-jumps a{min-height:44px;display:flex;align-items:center;font-weight:650}.rules-source{font-size:.85rem;margin:0 0 30px}.rule-category{scroll-margin-top:160px;margin-top:34px}.rule-category h2{font-size:1.5rem;margin:0 0 18px}.rule-item{background:#fff;border:1px solid var(--linea);border-radius:7px;margin-bottom:9px;overflow:hidden}.rule-item summary{padding:17px 20px;font-size:.98rem;font-weight:650;cursor:pointer;line-height:1.5}.rule-item summary:hover{background:#f7f9fb}.rule-item[open] summary{border-bottom:1px solid var(--linea);color:var(--rojo)}.rule-item>div{padding:6px 24px 16px}.rule-item p{max-width:85ch;color:var(--gris)}.rule-item summary::marker{color:var(--rojo)}html{scrollbar-color:#a6b5c3 #edf0f2}.home-layout,.feature{display:none}
@media(max-width:980px){.panel{border-radius:18px 18px 0 0}.dex-launch{gap:28px;padding:24px}.device-index{padding-left:24px}}
@media(max-width:640px){.barra{padding:12px 16px 3px;gap:10px}.lente{width:28px;height:28px}.luces{display:none}.logo b{font-size:1.35rem}.optica{display:flex}nav{padding-left:12px;padding-right:12px;gap:4px;scrollbar-color:#f4a2af #ad2038}nav button{padding:9px 12px 11px}.guide-page{padding:26px 18px 40px}.guide-page>h1{font-size:2.25rem;max-width:16ch;line-height:1.12}.lead{margin-bottom:20px}.dex-launch{display:block;padding:22px;margin-top:20px}.dex-launch h2{font-size:1.4rem}.device-index{border-left:0;border-top:1px solid var(--linea);padding:20px 0 0;margin-top:24px}.device-index h2{font-size:1rem}.home-bottom{padding:26px 0 0;margin-top:28px}.latest{margin-top:24px}.rules-tools{padding:16px}.rules-tools input{font-size:16px}.rule-item summary{padding:16px;font-size:.92rem}.rule-item>div{padding:4px 16px 12px}.rule-jumps{gap:2px 16px}.rule-jumps a{font-size:.88rem}.guide-menu{padding:0 16px}.guide-notice{padding:16px}.rule-category{scroll-margin-top:135px}}


/* ═════════════════  loader DiosesDex — Pokébola cinemática  ═════════════════ */
#telon{
  --loader-red:#d92e47;
  --loader-red-dark:#8e172b;
  --loader-ink:#171c24;
  --loader-cyan:#8de7f5;
  background:
    radial-gradient(circle at 50% 46%, rgba(217,46,71,.10), transparent 24%),
    radial-gradient(circle at 50% 50%, rgba(141,231,245,.10), transparent 38%),
    linear-gradient(145deg,#f8fafb 0%,#edf2f5 48%,#f8fafb 100%);
  isolation:isolate;
  overflow:hidden;
}
#telon::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;z-index:-2;
  background-image:
    linear-gradient(rgba(32,42,54,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(32,42,54,.035) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:radial-gradient(circle at 50% 50%,#000 0 30%,transparent 72%);
}
#telon::after{
  content:"";position:absolute;left:50%;top:50%;width:min(68vw,620px);aspect-ratio:1;
  transform:translate(-50%,-50%);border-radius:50%;z-index:-1;pointer-events:none;
  border:1px solid rgba(191,38,60,.12);
  box-shadow:0 0 0 42px rgba(191,38,60,.025),0 0 0 84px rgba(36,109,145,.018);
  animation:dexPulseField 2.4s ease-in-out infinite;
}

.dex-loader{position:relative;display:grid;place-items:center;width:220px;height:220px;margin-bottom:2px}
.dex-loader__orbit,.dex-loader__orbit::before,.dex-loader__orbit::after{
  position:absolute;inset:18px;border-radius:50%;content:"";pointer-events:none;
}
.dex-loader__orbit{border:1px solid rgba(191,38,60,.17);animation:dexOrbit 5.6s linear infinite}
.dex-loader__orbit::before{inset:-10px;border-top:2px solid var(--loader-red);border-right:2px solid transparent;opacity:.7}
.dex-loader__orbit::after{inset:12px;border-bottom:1px solid rgba(36,109,145,.55);border-left:1px solid transparent;animation:dexOrbitReverse 2.8s linear infinite}

.dex-loader__spark{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;
  box-shadow:0 0 0 3px rgba(141,231,245,.16),0 0 18px 5px rgba(141,231,245,.7);opacity:0}
.dex-loader__spark.s1{top:36px;left:52px;animation:dexSpark 2.2s .05s ease-in-out infinite}
.dex-loader__spark.s2{right:39px;top:81px;animation:dexSpark 2.2s .65s ease-in-out infinite}
.dex-loader__spark.s3{bottom:42px;left:73px;animation:dexSpark 2.2s 1.2s ease-in-out infinite}

.pokeball-loader{
  --pb-size:132px;--pb-btn:38px;--pb-gap:10px;
  position:relative;width:var(--pb-size);height:var(--pb-size);z-index:2;
  filter:drop-shadow(0 19px 20px rgba(18,24,31,.18));
  animation:dexBallSequence 2.35s cubic-bezier(.36,.07,.19,.97) infinite;
}
.pokeball-loader::before{
  content:"";position:absolute;inset:-12px;border-radius:50%;z-index:-1;
  background:conic-gradient(from 15deg,transparent 0 17%,rgba(141,231,245,.55) 20%,transparent 25% 52%,rgba(217,46,71,.32) 56%,transparent 61% 100%);
  filter:blur(7px);opacity:.7;animation:dexHaloSpin 2s linear infinite;
}
.pokeball-loader .upper,.pokeball-loader .lower{
  position:absolute;left:0;width:100%;height:calc(50% - var(--pb-gap)/2);overflow:hidden;
}
.pokeball-loader .upper{top:0}.pokeball-loader .lower{bottom:0}
.pokeball-loader .inner{position:absolute;left:0;width:100%;height:calc(var(--pb-size)/2);box-sizing:border-box;border:8px solid var(--loader-ink)}
.pokeball-loader .upper .inner{
  top:0;border-radius:999px 999px 0 0;border-bottom:0;
  background:
    radial-gradient(circle at 31% 24%,rgba(255,255,255,.74) 0 7%,rgba(255,255,255,.22) 8% 22%,transparent 42%),
    linear-gradient(155deg,#ef4d5f 0%,var(--loader-red) 48%,#aa1f35 100%);
  box-shadow:inset -14px -12px 25px rgba(80,5,20,.22);
}
.pokeball-loader .lower .inner{
  bottom:0;border-radius:0 0 999px 999px;border-top:0;
  background:linear-gradient(155deg,#fff 0%,#f5f7f8 58%,#d9e0e5 100%);
  box-shadow:inset -12px -14px 22px rgba(32,42,54,.14);
}
.pokeball-loader .middle{
  position:absolute;left:50%;top:50%;width:var(--pb-btn);height:var(--pb-btn);transform:translate(-50%,-50%);
  border-radius:50%;background:linear-gradient(145deg,#fff,#dfe6eb);border:7px solid var(--loader-ink);z-index:4;
  box-shadow:0 0 0 5px #fff,0 0 0 9px var(--loader-ink),0 4px 10px rgba(18,24,31,.25),inset 0 -3px 5px rgba(32,42,54,.18);
  animation:dexButtonPulse 2.35s ease-in-out infinite;
}
.pokeball-loader .middle::before{
  content:"";position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#fff 0 18%,var(--loader-cyan) 55%,#3b95ad 100%);
  opacity:.1;box-shadow:0 0 15px rgba(141,231,245,.9);animation:dexButtonLight 2.35s ease-in-out infinite;
}
.pokeball-loader .seam{
  position:absolute;left:6px;right:6px;top:50%;height:8px;transform:translateY(-50%);background:var(--loader-ink);z-index:2;border-radius:10px;
}

.dex-loader__shadow{position:absolute;left:50%;bottom:18px;width:105px;height:17px;transform:translateX(-50%);border-radius:50%;
  background:rgba(18,24,31,.22);filter:blur(8px);animation:dexShadow 2.35s ease-in-out infinite}
#telon .marca-carga{font-size:1.28rem;letter-spacing:-.025em;color:var(--tinta)}
#telon .marca-carga>span{display:block;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--gris-2);margin-top:4px}
#telon .marca-carga i{color:var(--loader-red)}
#telon p{margin:9px 0 0;font-size:.86rem;color:var(--gris);font-weight:500}
.dex-progress{width:190px;height:4px;background:rgba(83,96,111,.13);border-radius:999px;overflow:hidden;margin-top:2px;position:relative}
.dex-progress::after{content:"";position:absolute;inset:0;width:42%;border-radius:inherit;
  background:linear-gradient(90deg,transparent,var(--loader-red),var(--loader-cyan),transparent);
  animation:dexProgress 1.35s cubic-bezier(.65,0,.35,1) infinite}

@keyframes dexBallSequence{
  0%,8%,100%{transform:translateY(0) rotate(0deg) scale(1)}
  16%{transform:translateY(-10px) rotate(-13deg) scale(1.015)}
  25%{transform:translateY(0) rotate(11deg) scale(.99)}
  34%{transform:translateY(-7px) rotate(-8deg) scale(1.008)}
  43%{transform:translateY(0) rotate(6deg)}
  52%{transform:translateY(-3px) rotate(-3deg)}
  62%,78%{transform:translateY(0) rotate(0)}
  88%{transform:translateY(-5px) rotate(360deg) scale(1.02)}
}
@keyframes dexButtonPulse{0%,53%,100%{transform:translate(-50%,-50%) scale(1)}60%{transform:translate(-50%,-50%) scale(.86)}67%{transform:translate(-50%,-50%) scale(1.06)}74%{transform:translate(-50%,-50%) scale(1)}}
@keyframes dexButtonLight{0%,54%,100%{opacity:.08}59%,72%{opacity:1}76%{opacity:.2}}
@keyframes dexShadow{0%,8%,100%{width:105px;opacity:.75}16%,34%,88%{width:78px;opacity:.42}25%,43%,62%{width:98px;opacity:.65}}
@keyframes dexOrbit{to{transform:rotate(360deg)}}
@keyframes dexOrbitReverse{to{transform:rotate(-360deg)}}
@keyframes dexHaloSpin{to{transform:rotate(360deg)}}
@keyframes dexSpark{0%,100%{opacity:0;transform:scale(.4)}18%,48%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(1.8)}}
@keyframes dexPulseField{0%,100%{transform:translate(-50%,-50%) scale(.96);opacity:.65}50%{transform:translate(-50%,-50%) scale(1.04);opacity:1}}
@keyframes dexProgress{0%{transform:translateX(-120%)}100%{transform:translateX(340%)}}

@media(max-width:640px){
  .dex-loader{width:190px;height:190px}.pokeball-loader{--pb-size:116px;--pb-btn:34px}
  .dex-loader__shadow{bottom:18px}.dex-progress{width:172px}
}
@media(prefers-reduced-motion:reduce){
  .pokeball-loader,.pokeball-loader::before,.pokeball-loader .middle,.pokeball-loader .middle::before,
  .dex-loader__orbit,.dex-loader__orbit::after,.dex-loader__spark,.dex-loader__shadow,.dex-progress::after,#telon::after{animation:none!important}
}