:root{--color-bg-primary:#fd0;--color-accent:#ffcd0d;--color-accent-hover:#ffdf2c;--color-text-primary:#c9c9c9;--color-text-shadow:#000;--font-size-base:1rem;--font-size-small:.85rem}.carrusel-premios{justify-content:center;max-width:700px;margin:3rem auto;padding:1rem;display:flex}.premio-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--color-accent);text-align:center;background:#ffffffd9;border-radius:16px;flex-direction:column;align-items:center;padding:2rem;transition:transform .3s,box-shadow .3s;display:flex}.premio-card img[src$=trebol\.svg]{filter:drop-shadow(0 3px 6px #0006);width:60px;margin:0 auto 1rem;transition:transform .4s}.premio-card img[src$=trebol\.svg]:hover{transform:rotate(-10deg)scale(1.2)}.badge-premio{color:var(--color-text-shadow);margin-bottom:1.5rem;font-size:1.4rem;font-weight:700}.badge-premio span{background:var(--color-accent);color:#fff;border-radius:12px;padding:.3rem .8rem;animation:2s infinite pulse}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.premio-imagen{object-fit:cover;border:3px solid var(--color-accent);border-radius:12px;width:80%;height:auto;margin:0 auto}.premio-nombre{color:var(--color-accent);margin-bottom:.5rem;font-size:2rem;font-weight:700}.premio-descripcion{font-size:var(--font-size-base);color:var(--color-text-shadow);margin-bottom:.5rem}.premio-valor{color:var(--color-accent);margin-bottom:1rem;font-size:1.6rem;font-weight:700}.premio-info{font-size:var(--font-size-small);color:var(--color-text-shadow);justify-content:center;gap:.6rem;margin-top:2rem;margin-bottom:1.5rem;display:flex}.contador{border-radius:12px;width:100%;margin-bottom:1.5rem;padding:1rem}.contador-label{margin-bottom:.8rem;font-weight:600}.contador-numeros{justify-content:center;gap:1rem;display:flex}.contador-numeros div{background:var(--color-accent);color:#000;text-align:center;border-radius:8px;min-width:70px;padding:.8rem 1rem;box-shadow:0 2px 6px #0000004d}.contador-numeros span{font-size:1.6rem}.contador-numeros label{font-size:var(--font-size-small);margin-top:4px;display:block}.promo-text{border:2px dashed var(--color-accent);font-size:var(--font-size-base);color:var(--color-text-shadow);background:#fff;border-radius:12px;padding:1rem}.promo-text span{color:var(--color-accent);font-weight:700}@media (max-width:768px){.premio-card{width:90%}.premio-nombre{font-size:1.6rem}.contador{width:100%}.premio-valor{font-size:1.4rem}.contador-numeros div{min-width:55px;padding:.6rem}.contador-numeros span{font-size:1.3rem}}
:root{--color-bg-primary:#fd0;--color-accent:#ffcd0d;--color-accent-hover:#ffdf2c;--color-text-primary:#c9c9c9;--color-text-shadow:#000;--font-size-base:.95rem;--font-size-small:.85rem}.numero-grid-container{color:var(--color-text-shadow);border:solid var(--color-accent)2px;background-color:#fff;border-radius:12px;max-width:900px;margin:2rem auto;padding:2rem}.numero-grid-top-lineal{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}img[src$=trebol\.svg]{filter:drop-shadow(0 2px 4px #0000004d);width:48px;height:auto;margin:0 auto 1rem;transition:transform .3s;display:block}img[src$=trebol\.svg]:hover{transform:scale(1.1)rotate(-5deg)}.numero-titulo-lineal{color:var(--color-accent);text-align:center;width:100%;margin:0;font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:700}.numero-contadores-lineal{justify-content:center;gap:1rem;font-size:clamp(.9rem,2vw,1.1rem);display:flex}.numero-contadores-lineal .disponibles{color:var(--color-accent);border:solid 1px var(--color-accent);border-radius:5px;padding:.1rem .5rem;font-weight:600}.numero-contadores-lineal .vendidos{color:var(--color-text-shadow);border:solid 1px var(--color-text-shadow);border-radius:5px;padding:.1rem .5rem;font-weight:600}.numero-porcentaje-lineal{width:100%;font-size:var(--font-size-small);flex-direction:column;align-items:center;gap:4px;margin-top:.5rem;display:flex}.porcentaje-texto{color:var(--color-text-shadow);font-weight:500}.porcentaje-valor{color:var(--color-accent);font-weight:700}.porcentaje-barra{background-color:var(--color-text-primary);border-radius:4px;width:80%;max-width:500px;height:8px;overflow:hidden}.porcentaje-barra-fill{background-color:var(--color-accent);height:100%;transition:width .3s}.numero-grid-header{flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.numero-grid-header-inner{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.numero-busqueda{border:solid 1px var(--color-text-shadow);font-size:var(--font-size-base);width:100%;max-width:300px;color:var(--color-text-shadow);background-color:#fff;border-radius:8px;padding:.5rem 1rem}.numero-aleatorio-btns{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;max-width:600px;display:flex}.numero-aleatorio-btn{background-color:var(--color-accent);cursor:pointer;text-align:center;border:none;border-radius:8px;flex:200px;padding:12px 20px;font-size:16px;font-weight:700;transition:background-color .3s,transform .2s}.numero-aleatorio-btn:hover{background-color:var(--color-accent-hover);transform:translateY(-2px)}.numero-input-control{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;max-width:400px;display:flex}.numero-input-control input{border:1px solid var(--color-text-shadow);text-align:center;width:80px;font-size:var(--font-size-base);color:var(--color-text-shadow);background-color:#fff;border-radius:6px;padding:8px;font-weight:700;transition:border-color .3s,box-shadow .3s}.numero-input-control input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 6px #ffcd0d99}.numero-input-control button{background-color:var(--color-accent);color:var(--color-text-shadow);cursor:pointer;border:none;border-radius:6px;padding:10px 14px;font-weight:700;transition:background-color .3s,transform .2s}.numero-input-control button:hover{background-color:var(--color-accent-hover);transform:translateY(-2px)}.numero-input-control .numero-aleatorio-btn{background-color:var(--color-accent);min-width:140px;color:var(--color-text-shadow);border-radius:8px;flex:auto;padding:12px 20px;font-size:15px;font-weight:700}.numero-input-control .numero-aleatorio-btn:hover{background-color:var(--color-accent-hover)}.numero-leyenda{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.leyenda-item{font-size:var(--font-size-small);white-space:nowrap;border-radius:6px;padding:.3rem .6rem;font-weight:600}.leyenda-item.disponible{border:solid 1px var(--color-text-shadow);background-color:#fff}.leyenda-item.seleccionado{background-color:var(--color-accent-hover);border:solid 1px var(--color-text-shadow)}.leyenda-item.vendido{background-color:var(--color-text-primary);border:solid 1px var(--color-text-shadow)}.numero-grid{background-color:#edecec;border-radius:8px;padding:2px 3px 0;display:flex}.numero-box{text-align:center;cursor:pointer;font-weight:700;font-size:var(--font-size-small);border-radius:6px;padding:.6rem;transition:transform .2s}.numero-box.disponible{background-color:#fff}.numero-box.seleccionado{background-color:var(--color-accent-hover)}.numero-box.vendido{background-color:var(--color-text-primary);color:var(--color-text-shadow);cursor:not-allowed}.mensaje-bloqueo{background-color:var(--color-accent-hover);color:var(--color-text-shadow);border:1px solid var(--color-text-shadow);text-align:center;border-radius:6px;max-width:500px;margin:1rem auto;padding:1rem;font-weight:500;box-shadow:0 0 6px #0000001a}.loading-bar-container{background-color:#eee;border-radius:4px;width:80%;max-width:500px;height:10px;margin:15px auto;position:relative}.loading-bar-fill{background-color:var(--color-accent);border-radius:4px;height:100%;transition:width .3s}.loading-text{color:#333;font-size:13px;font-weight:600;position:absolute;top:-22px;right:0}@media (max-width:768px){.numero-grid-container{padding:1.5rem}.numero-grid-top-lineal{align-items:flex-start;gap:.5rem}.numero-leyenda{flex-wrap:wrap;justify-content:center}.numero-grid{max-height:300px}.numero-porcentaje-lineal{font-size:var(--font-size-small)}.numero-input-control input{width:50%}.numero-input-control .numero-aleatorio-btn{width:100%}}
:root{--color-bg-primary:#fd0;--color-accent:#ffcd0d;--color-accent-hover:#ffdf2c;--color-text-primary:#c9c9c9;--color-text-shadow:#000;--font-size-base:.95rem;--font-size-small:.85rem}.checkout-sidebar{color:var(--color-text-primary);border:solid var(--color-accent)2px;background-color:#fff;border-radius:12px;margin-top:2rem;padding:1.5rem}.lineal{justify-content:space-between;display:flex}.checkout-titulo{color:var(--color-accent);margin-bottom:.5rem;font-size:1.4rem}.checkout-cantidad{font-size:var(--font-size-base);background-color:var(--color-text-primary);color:var(--color-text-shadow);border-radius:10px;margin-bottom:1rem;padding:.2rem .6rem;font-weight:600;display:inline-block}.checkout-vacio{color:var(--color-text-primary);font-style:italic}.checkout-lista{border-bottom:solid 1px var(--color-text-shadow);max-height:250px;margin:0 0 1rem;padding:0;list-style:none;overflow-y:auto}.checkout-item{color:var(--color-text-shadow);border-radius:6px;justify-content:space-between;margin-bottom:.5rem;padding:.5rem .75rem;display:flex}.checkout-numero,.checkout-precio{font-weight:600}.checkout-resumen{margin-bottom:1rem}.checkout-linea{font-size:var(--font-size-base);color:var(--color-text-shadow);justify-content:space-between;margin-bottom:.3rem;font-weight:600;display:flex}.checkout-botones{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.btn-pagar{background-color:var(--color-accent);color:var(--color-text-shadow);cursor:pointer;border:none;border-radius:8px;padding:.6rem;font-weight:700;transition:background-color .3s}.btn-pagar:hover{background-color:var(--color-accent-hover)}.btn-pagar:disabled{color:#666;cursor:not-allowed;opacity:.7;background-color:#ccc}.btn-limpiar{color:var(--color-text-shadow);border:2px solid var(--color-text-shadow);cursor:pointer;background-color:#0000;border-radius:8px;padding:.6rem;font-weight:700;transition:background-color .3s}.checkout-aviso{text-align:center;color:#b22222;margin-top:10px;font-size:.9rem;font-weight:600}.btn-eliminar{color:var(--color-text-shadow);cursor:pointer;background:0 0;border:none;margin-left:.5rem;font-size:1.1rem;transition:transform .2s}.btn-eliminar:hover{transform:scale(1.2)}@media (max-width:768px){.checkout-sidebar{margin-top:1.5rem;padding:1rem}.checkout-titulo{font-size:1.2rem}.checkout-cantidad,.checkout-item{font-size:var(--font-size-base)}.btn-pagar,.btn-limpiar{font-size:var(--font-size-base);padding:.5rem}.checkout-lista{max-height:250px}}.modal-overlay{z-index:999;background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{text-align:center;background-color:#fff;border-radius:12px;width:360px;max-width:90%;padding:2rem;box-shadow:0 0 20px #0000004d}.modal-titulo{color:var(--color-accent);margin-bottom:1rem;font-size:1.2rem;font-weight:700}.modal-mensaje{color:var(--color-text-shadow);margin-bottom:1.5rem;font-size:.95rem}.modal-cerrar{background-color:var(--color-accent);color:var(--color-text-shadow);cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.2rem;font-weight:600;transition:background-color .2s}.modal-cerrar:hover{background-color:var(--color-accent-hover)}
.layout-grid{flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;padding:2rem 1rem;display:flex}.numero-grid-wrapper,.checkout-sidebar-wrapper{width:100%}@media (min-width:1024px){.layout-grid{flex-direction:row;align-items:flex-start}.numero-grid-wrapper{flex:2;margin-right:2rem}.checkout-sidebar-wrapper{flex:1;max-width:360px}}.modal-container{background-color:#fff;border-radius:12px;width:100%;max-width:720px;padding:2rem;animation:.3s ease-in-out fadeIn;position:relative;box-shadow:0 10px 30px #0003}.modal-container h2{color:#333;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.modal-scroll{color:#444;background-color:#fafafa;border:1px solid #ddd;border-radius:8px;max-height:24rem;padding:1rem;font-size:.9rem;line-height:1.6;overflow-y:auto}.modal-scroll p{margin-bottom:1rem}.modal-actions{justify-content:space-between;align-items:center;margin-top:1.5rem;display:flex}.modal-actions label{color:#555;align-items:center;font-size:.9rem;display:flex}.modal-actions input[type=checkbox]{accent-color:#facc15;margin-right:.5rem}.modal-actions button{border-radius:6px;padding:.6rem 1.2rem;font-weight:600;transition:background-color .2s}.modal-actions button:disabled{color:#666;cursor:not-allowed;background-color:#ccc}.modal-actions button:not(:disabled){color:#fff;background-color:#facc15}.modal-actions button:not(:disabled):hover{background-color:#eab308}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.btn-wrapper{text-align:center;margin-top:1rem}.btn-verificar{color:#fff;background-color:#eab308;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .25s ease-in-out;box-shadow:0 1px 20px #000}.btn-verificar:hover{transform:translateY(-2px)}.btn-verificar:active{background-color:#1e40af;transform:translateY(0);box-shadow:0 3px 8px #1e40af4d}.btn-verificar:focus{outline-offset:2px;outline:3px solid #93c5fd}.modal-overlay{z-index:100;background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:#fff;border-radius:12px;flex-direction:column;gap:1rem;width:100%;max-width:480px;max-height:80vh;padding:2rem;animation:.3s ease-in-out modalFadeIn;display:flex;overflow-y:auto;box-shadow:0 12px 32px #00000040}.modal-content h3{color:#1f2937;text-align:center;margin-bottom:.5rem;font-size:1.4rem;font-weight:700}.modal-content input[type=text]{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.6rem;font-size:.95rem;transition:border-color .2s}.modal-content input[type=text]:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb33}.modal-actions{justify-content:space-between;gap:1rem;display:flex}.modal-content button{border:none;border-radius:6px;flex:1;padding:.6rem 1.2rem;font-weight:600;transition:all .2s}.modal-content button.bg-green-600{color:#fff;background-color:#16a34a}.modal-content button.bg-green-600:hover{background-color:#15803d}.modal-content button.close-btn{color:#000;background-color:#e5e7eb}.modal-content button.close-btn:hover{background-color:#d1d5db}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-thumb{background-color:#9ca3af;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background-color:#6b7280}.venta-info p{color:#374151;margin-bottom:.75rem;font-size:.95rem;line-height:1.4}.venta-info p:last-child{margin-bottom:0}.numero-badge{color:#111827;background-color:#f3f4f6;border-radius:6px;margin:.25rem;padding:.4rem .8rem;font-size:.9rem;font-weight:500;transition:background-color .2s;display:inline-block;box-shadow:0 1px 3px #0000001a}.numero-badge:hover{background-color:#e5e7eb}.block-overlay{z-index:9999;background-color:#0000;background-image:radial-gradient(circle at 0 0,#00ff2f40,#0000),radial-gradient(circle at 100% 100%,#ff000040,#0000);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;inset:0}.block-message{color:#fff;text-align:center;background:linear-gradient(145deg,#14532d,#166534);border:3px solid #facc15;border-radius:16px;width:100%;max-width:640px;margin-bottom:2rem;padding:2rem;box-shadow:0 12px 32px #00000080}.block-message h1{color:#f87171;text-shadow:2px 2px 6px #0006;margin-bottom:1rem;font-size:2rem;font-weight:700}.block-message p{color:#fef9c3;font-size:1rem;line-height:1.6}.ganador-card{color:#fff;text-align:center;background:linear-gradient(145deg,#14532d,#1a4731);border:2px dashed #facc15;border-radius:12px;max-width:90%;margin:0 auto;padding:1.2rem;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 20px #0006}.ganador-card:hover{transform:scale(1.05);box-shadow:0 12px 28px #f006}.ganador-card h2{color:#f87171;margin-bottom:.5rem;font-size:1.3rem}.ganador-card p{color:#d1fae5;font-size:1rem}.snowflake{color:#fff;opacity:.9;text-shadow:0 0 6px #facc15;font-size:1.2rem;animation:linear infinite fall;position:absolute;top:-10px}@keyframes fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:.4;transform:translateY(100vh)rotate(360deg)}}.block-message img{filter:drop-shadow(0 0 10px #facc15);width:140px;max-width:50%;margin:0 auto 1.5rem;display:block}@media (min-width:480px){.block-message h1{font-size:2.2rem}.block-message p{font-size:1.1rem}.ganador-card{max-width:400px}.block-message img{width:160px}}@media (min-width:768px){.block-message{padding:2.5rem}.block-message h1{font-size:2.5rem}.block-message p{font-size:1.2rem}.ganador-card{max-width:480px;padding:1.5rem}.block-message img{width:180px}}@media (min-width:1024px){.block-overlay{flex-direction:row;gap:2rem}.block-message{flex:2}.ganador-card{flex:1}.block-message img{width:200px}}