.cl{--club:#8e3fd8;--club-on:#fff;gap:14px;display:grid}.cl-sec{justify-content:space-between;align-items:baseline;gap:10px;margin-top:6px;display:flex}.cl-sec h2{font:700 19px/1.15 var(--f-d);margin:0}.cl-sec a,.cl-sec span{font:600 12px var(--f-m);color:var(--mu)}.cl-sec a:active{color:var(--tx)}.cl-ejemplo{z-index:3;font:700 10px var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:#0b1440;background:var(--li);border-radius:6px;padding:3px 7px;position:absolute;top:10px;right:10px}.cl-demo{border:1.5px dashed color-mix(in srgb, var(--li) 45%, transparent);border-radius:30px;gap:10px;margin:0 -4px;padding:10px;display:grid;position:relative}.cl-demo>.cl-ejemplo{top:-9px;right:18px}.cl-hero{border:1px solid color-mix(in srgb, var(--club) 70%, #0b1652);background:linear-gradient(170deg, color-mix(in srgb, var(--club) 62%, #0b1652) 0%, #1d1460 55%, #0b1652 100%);border-radius:26px;position:relative;overflow:hidden}.cl-hero .cab{grid-template-columns:58px 1fr;align-items:center;gap:12px;padding:16px 16px 6px;display:grid}.cl-hero h3{font:900 22px/1 var(--f-d);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.cl-hero .sub{color:color-mix(in srgb, var(--club) 30%, #fff);margin-top:4px;font-size:13px;display:block}.cl-logo{-o-object-fit:cover;object-fit:cover;background:var(--club);width:58px;height:58px;color:var(--club-on);font:900 18px var(--f-d);border-radius:16px;flex:none;place-items:center;display:grid}.cl-saldo{gap:8px;padding:8px 16px 16px;display:grid}.cl-saldo .num{font:900 46px/1 var(--f-d);letter-spacing:-.02em}.cl-saldo .num small{font:700 14px var(--f-m);color:color-mix(in srgb, var(--club) 30%, #fff);margin-left:4px}.cl-saldo .linea{color:color-mix(in srgb, var(--club) 30%, #fff);font-size:14px}.cl-saldo .linea b{color:var(--tx)}.cl-barra{background:#ffffff1a;border-radius:99px;height:10px;overflow:hidden}.cl-barra i{background:linear-gradient(90deg, var(--li), #c6f06e);transform-origin:0;border-radius:99px;height:100%;animation:.9s cubic-bezier(.2,.8,.2,1) both cl-barra;display:block}@keyframes cl-barra{0%{transform:scaleX(0)}}.cl-premios{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cl-premio{text-align:center;background:var(--n1);border:1px solid var(--ln);color:var(--tx);border-radius:20px;align-content:start;justify-items:center;gap:4px;padding:10px;display:grid;position:relative}.cl-premio img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 6px 10px #00000073);width:82px;height:82px}.cl-premio b{font:800 14px/1.15 var(--f-d)}.cl-premio .pts{font:700 12px var(--f-m);color:var(--li)}.cl-premio .falta{font:600 11px var(--f-m);color:var(--mu)}.cl-premio.no{opacity:.55}.cl-premio.no img{filter:grayscale(.5)drop-shadow(0 6px 10px #00000073)}.cl-btn{min-height:36px;font:800 13px var(--f-d);cursor:pointer;white-space:nowrap;border:0;border-radius:13px;justify-content:center;align-items:center;gap:6px;padding:7px 13px;text-decoration:none;display:inline-flex}.cl-btn.vi{background:var(--vi);color:#fff;box-shadow:0 4px 0 var(--vi-sombra,#4b1fb0)}.cl-btn.gh{border:1px solid var(--ln2);color:var(--tx);background:0 0}.cl-btn.vi:active{box-shadow:0 1px 0 var(--vi-sombra,#4b1fb0);transform:translateY(3px)}.cl-btn.gh:active{background:#0e1b58}.cl-premio .cl-btn{margin-top:4px}.cl-btn.muestra{pointer-events:none;opacity:.55}.cl-codigo{border:2px dashed var(--li);background:#f7ff880d;border-radius:18px;grid-template-columns:60px 1fr;align-items:center;gap:12px;padding:12px;display:grid}.cl-codigo img{-o-object-fit:contain;object-fit:contain;width:60px;height:60px}.cl-codigo .t{color:var(--mu);font-size:13px}.cl-codigo .c{font:700 24px var(--f-m);letter-spacing:.18em;color:var(--li);display:block}.cl-pedile{border:1px solid var(--ln2);background:linear-gradient(160deg,#13306a,#0a1650);border-radius:24px;gap:12px;padding:16px;display:grid}.cl-pedile h2{font:900 22px/1.08 var(--f-d);text-wrap:balance;margin:0}.cl-elegir{scrollbar-width:none;gap:6px;margin:0 -16px;padding:0 16px 2px;display:flex;overflow-x:auto}.cl-elegir::-webkit-scrollbar{display:none}.cl-elegir button{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--ln2);max-width:220px;height:36px;color:var(--tx);font:600 13px var(--f-b);cursor:pointer;background:#050f3366;border-radius:99px;flex:none;padding:0 13px;overflow:hidden}.cl-elegir button[aria-pressed=true]{background:var(--li);border-color:var(--li);color:#0b1440}.cl-elegir button.otro{color:var(--mu);border-style:dashed}.cl-buscar{gap:8px;display:grid}.cl-buscar input{border:1px solid var(--ln2);width:100%;height:46px;color:var(--tx);font:500 16px var(--f-b);background:#050f33;border-radius:14px;padding:0 14px}.cl-buscar input::placeholder{color:var(--mu)}.cl-resultados{gap:4px;display:grid}.cl-resultados button{border:1px solid var(--ln);width:100%;min-height:44px;color:var(--tx);font:600 14px var(--f-b);text-align:left;cursor:pointer;background:#050f3366;border-radius:12px;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 12px;display:flex}.cl-resultados button span{color:var(--mu);white-space:nowrap;font-size:12.5px;font-weight:500}.cl-burbuja{color:#d9fbe9;background:#0b3d2e;border:1px solid #1c6a4f;border-radius:16px 16px 16px 4px;padding:10px 12px;font-size:14px;line-height:1.4;position:relative}.cl-pedile .ja-cta{text-decoration:none}.cl-pedile .nota{color:var(--mu);text-align:center;font-size:13px}.cl-pedile .nota.ok{color:var(--gr,#7cf0b0)}.cl-lista{background:var(--n1);border:1px solid var(--ln);border-radius:22px;padding:2px 14px}.cl-fila{border-top:1px solid var(--ln);color:var(--tx);grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;text-decoration:none;display:grid}.cl-fila:first-child{border-top:0}.cl-fila .cl-logo{border-radius:14px;width:46px;height:46px;font-size:15px}.cl-fila b{font:700 15px/1.2 var(--f-d);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.cl-fila .s{color:var(--mu);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.cl-entrar{border:1px solid var(--ln);background:var(--n1);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex}@media (prefers-reduced-motion:reduce){.cl-barra i{animation:none}.cl-btn.vi:active{transform:none}}