.by{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;width:100%;padding:12px clamp(12px,1.6vw,20px) clamp(10px,1.6vh,16px)}.by img{image-rendering:pixelated;image-rendering:crisp-edges}.ctl{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.ctl .sx-srch{flex:0 1 270px;min-width:190px}.cnt{margin-left:auto;padding:4px 12px;border-radius:128px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);color:var(--mut);font-size:13px;font-weight:500;white-space:nowrap}.abonos{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:128px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}.abonos button{--c:var(--ink);display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 12px;border:0;border-radius:128px;background:transparent;color:var(--mut);font:500 13.5px/1 var(--font);white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}.abonos button img{width:20px;height:20px;margin-left:-4px}.abonos button:hover{background:var(--soft);color:var(--ink)}.abonos button[aria-pressed=true]{background:var(--c);color:#fff}.abonos button[data-a=""][aria-pressed=true]{background:var(--char);color:var(--char-ink)}.sel select{height:44px;padding:0 36px 0 16px;border:0;border-radius:128px;background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666b7e' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 12px center/16px no-repeat;color:var(--ink);font:500 14px var(--font);box-shadow:inset 0 0 0 1px var(--line);-webkit-appearance:none;appearance:none;cursor:pointer}.sel select:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--page)}.split{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(320px,29vw,400px);gap:14px}.lista{min-height:0;padding:12px;border-radius:26px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}.lista .pg-grid{--cw:210px;--ch:128px;gap:12px}.bc{--c:var(--gold);--c2:var(--c);position:relative;display:block;min-width:0;overflow:hidden;padding:0;border:0;border-radius:20px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font:inherit;text-align:left;cursor:pointer;isolation:isolate;transition:box-shadow .2s,background .2s}.bc:hover{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--c) 60%,transparent)}.bc:focus-visible{outline:2px solid var(--c);outline-offset:-2px}.bc[aria-pressed=true]{background:color-mix(in srgb,var(--c) 10%,var(--card));box-shadow:inset 0 0 0 2px var(--c)}.bct{position:absolute;left:0;top:0;bottom:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:5px;max-width:60%;padding:14px 0 12px 14px}.bct>b{max-width:100%;overflow:hidden;font-size:16px;font-weight:700;line-height:1.15;white-space:nowrap;text-overflow:ellipsis}.bct>small{display:-webkit-box;max-width:100%;overflow:hidden;color:var(--mut);font-size:12px;font-weight:500;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bcm{display:flex;gap:3px;margin-top:auto}.bcm span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}.bcm img{width:20px;height:20px}.bcf{position:absolute;right:-8px;bottom:-6px;z-index:1;width:104px;height:104px;display:grid;place-items:center}.bcf img{position:relative;width:64px;height:64px;filter:drop-shadow(0 3px 2px rgba(0,0,0,.14));transition:transform .25s cubic-bezier(.2,.8,.2,1)}.bc:hover .bcf img{transform:translateY(-3px) rotate(-8deg)}.empty{margin:18px 12px;color:var(--mut);font-size:15px}.by{--bya:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-10 -10 52 52'%3E%3Ccircle cx='14' cy='19' r='8'/%3E%3Cpath d='M14 11c.5-4.5 4.5-7 9.5-6.5-.5 4.5-4.5 7-9.5 6.5z'/%3E%3C/svg%3E");--hoja:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-10 -10 52 52'%3E%3Cpath d='M7 25C7 14 14 7 25 7c0 11-7 18-18 18z'/%3E%3C/svg%3E")}.dw:before,.dw:after{content:"";position:absolute;z-index:0;inset:-40%;opacity:.13;pointer-events:none;transform:rotate(-14deg)}.dw:before{background:var(--c);-webkit-mask:var(--bya) 0 0/44px 44px repeat;mask:var(--bya) 0 0/44px 44px repeat}.dw:after{background:var(--c2);-webkit-mask:var(--hoja) 22px 22px/44px 44px repeat;mask:var(--hoja) 22px 22px/44px 44px repeat}.bcf:before{content:"";position:absolute;inset:-10px;background:var(--c);-webkit-mask:var(--pokeball) center/contain no-repeat;mask:var(--pokeball) center/contain no-repeat;opacity:.2;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .2s}.bc:hover .bcf:before{transform:rotate(30deg);opacity:.3}.bc[aria-pressed=true] .bcf:before{opacity:.34}[data-theme=dark] .dw:before{background:color-mix(in srgb,var(--c) 70%,#fff)}[data-theme=dark] .dw:after{background:color-mix(in srgb,var(--c2) 70%,#fff)}[data-theme=dark] .dw:before,[data-theme=dark] .dw:after{opacity:.09}[data-theme=dark] .bcf:before{background:color-mix(in srgb,var(--c) 72%,#fff);opacity:.18}[data-theme=dark] .bc{background:color-mix(in srgb,var(--c) 7%,var(--card))}[data-theme=dark] .bc[aria-pressed=true]{background:color-mix(in srgb,var(--c) 18%,var(--card));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--c) 70%,#fff)}[data-theme=dark] .bcm span{background:color-mix(in srgb,var(--card) 70%,transparent)}[data-theme=dark] .dw{background:color-mix(in srgb,var(--c) 22%,var(--card))}.det{--c:var(--gold);position:relative;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:26px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}.detc{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 18px 16px;overflow:hidden}.detx{display:none}.dh{flex:none;margin:0 -18px}.dw{position:relative;display:grid;place-items:center;height:clamp(130px,19vh,170px);overflow:hidden;border-radius:0 0 34px 34px;background:color-mix(in srgb,var(--c) 14%,var(--card));isolation:isolate}.dimg{position:relative;z-index:1;width:96px;height:96px;filter:drop-shadow(0 5px 0 rgba(0,0,0,.15))}.dt{flex:none;padding:12px 0 10px}.dt h2{font-size:clamp(23px,2vw,28px);font-weight:600;line-height:1.05}.sub{margin:3px 0 0;color:var(--mut);font-size:12.5px}.dts{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:8px;overflow:auto;scrollbar-width:thin}.dto{min-width:0;padding:9px 12px 10px;border-radius:16px;background:var(--card-in)}.dto.ancho{grid-column:1/-1}.dto small{display:block;margin-bottom:3px;color:var(--mut);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.dto b{display:block;font-size:14px;font-weight:500;line-height:1.4}.dto .bio{font-size:13px}.cb{display:grid;gap:3px;margin:0;padding:0;list-style:none}.cb li{position:relative;padding-left:16px;font-size:13.5px;font-weight:500;line-height:1.4}.cb li:before{content:"";position:absolute;left:2px;top:7px;width:7px;height:7px;border-radius:2px;background:var(--c)}.dm{display:flex;flex-wrap:wrap;gap:6px}.dmi{text-transform:capitalize;display:inline-flex;align-items:center;gap:6px;padding:3px 12px 3px 4px;border-radius:128px;background:var(--card);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--c) 55%,transparent);font-size:13px;font-weight:600}.dmi img{width:24px;height:24px}.hint{flex:none;margin:8px 2px 0;color:var(--mut);font-size:12px;line-height:1.4}.vacio{display:grid;place-items:center;align-content:center;gap:10px;height:100%;color:var(--mut);text-align:center}.vb{width:72px;height:72px;display:grid;place-items:center;border-radius:20px;background:var(--card-in)}.vb img{width:48px;height:48px}.velo{display:none}@media (max-width:1399px){.abonos button{padding:0 9px}}@media (max-width:1299px){.cnt{display:none}}@media (max-width:1149px){.abonos button:not([data-a=""]){font-size:0;gap:0;padding:0 7px}.abonos button img{margin:0;width:22px;height:22px}}@media (max-width:899px){.split{grid-template-columns:minmax(0,1fr)}.det{position:fixed;left:0;right:0;bottom:0;z-index:60;height:min(84dvh,620px);border-radius:28px 28px 0 0;box-shadow:0 -12px 40px #0003;padding-bottom:env(safe-area-inset-bottom,0px);transform:translateY(105%);visibility:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s .28s}.det-on .det{transform:none;visibility:visible;transition:transform .28s cubic-bezier(.2,.8,.2,1)}.detx{display:grid;position:absolute;right:14px;top:14px;z-index:3;background:#ffffffeb;color:#1d1f2b;box-shadow:none}.velo{display:block;position:fixed;inset:0;z-index:55;background:#0e0f1366;opacity:0;pointer-events:none;transition:opacity .25s}.det-on .velo{opacity:1;pointer-events:auto}}@media (max-width:759px){.by{gap:8px;padding:10px 10px 8px}.ctl{gap:6px}.ctl .sx-srch{flex:1 1 100%;height:42px}.abonos{flex:1 1 100%;justify-content:space-between}.sel{display:none}.lista{padding:8px;border-radius:20px}.lista .pg-grid{--cw:160px;--ch:116px;gap:8px}.bcf{width:84px;height:84px;right:-6px;bottom:-4px}.bcf img{width:48px;height:48px}.bct{padding:11px 0 10px 11px}.bct>b{font-size:14.5px}.bct>small{font-size:11px}.bcm span{width:24px;height:24px}.bcm img{width:18px;height:18px}}
