: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}.premio-card img[src$=trebol\.svg]{filter:drop-shadow(0 2px 4px #0000004d);width:48px;height:auto;margin:0 auto 1rem;transition:transform .3s;display:block}.premio-card img[src$=trebol\.svg]:hover{transform:scale(1.1)rotate(-5deg)}.carrusel-premios{max-width:600px;margin:2rem auto;position:relative}.premio-card{color:var(--color-text-primary);text-align:center;background-color:#fff;border-radius:10px;padding:1rem;transition:opacity .5s ease-in-out;position:relative;box-shadow:0 4px 12px #0000004d}.premio-card.fade-out{opacity:0}.premio-card.fade-in{opacity:1}@keyframes scaleLoop{0%{transform:scale(.9)}50%{transform:scale(1.03)}to{transform:scale(.9)}}.badge-premio{color:var(--color-accent);border-radius:8px;margin-bottom:2rem;padding:.4rem .8rem;font-size:1.3rem;font-weight:700}.badge-premio span{background-color:var(--color-accent);color:#fff;transform-origin:50%;border-radius:10px;padding:.2rem .6rem;animation:2.5s ease-in-out infinite scaleLoop;display:inline-block}.premio-imagen{object-fit:contain;background-color:#fff;border-radius:10px;width:100%;max-width:400px;height:auto;margin:0 auto 1rem;display:block}.flechas{justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.flechas button{background-color:var(--color-accent);color:var(--color-text-shadow);cursor:pointer;border:none;border-radius:8px;padding:.4rem .8rem;font-size:1.1rem;transition:background-color .3s}.flechas button:hover{background-color:var(--color-accent-hover)}.flechas span{color:var(--color-text-shadow);font-weight:600}.premio-nombre{color:var(--color-accent);margin-bottom:.5rem;font-size:1.8rem}.premio-descripcion{color:var(--color-text-shadow);margin-bottom:.5rem;font-weight:600}.premio-valor{color:var(--color-accent);margin-bottom:1rem;font-size:1.8rem;font-weight:600}.premio-info{font-size:var(--font-size-base);color:var(--color-text-shadow);justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.contador{border:solid 1px var(--color-accent);border-radius:10px;padding:0 0 1rem}.contador-label{font-size:var(--font-size-base);color:var(--color-text-shadow);margin-bottom:.5rem;font-weight:600}.contador-numeros{justify-content:center;gap:1rem;display:flex}.contador-numeros div{color:var(--color-accent);border-radius:8px;min-width:60px;padding:.6rem .8rem}.contador-numeros span{font-size:1.4rem;font-weight:700;display:block}.contador-numeros label{font-size:var(--font-size-small);color:var(--color-text-shadow);margin-top:4px;font-weight:600;display:block}.promo-text{font-size:var(--font-size-base);color:var(--color-text-shadow);border:solid 1px var(--color-accent);background-color:#fff;border-radius:10px;margin-top:2rem;padding:1rem;font-weight:400}.promo-text span{color:var(--color-accent);font-weight:500}@media (max-width:768px){.premio-card{padding:1.5rem}.premio-nombre{font-size:1.5rem}.premio-descripcion,.premio-info{font-size:var(--font-size-base)}.premio-valor{font-size:1.5rem}.contador-numeros div{min-width:50px;padding:.5rem .6rem}.contador-numeros span{font-size:1.2rem}.premio-card img[src$=trebol\.svg]{width:40px;margin-bottom:.5rem}.premio-imagen{max-width:100%;height:auto}}
: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);background-color:#fff;border-radius:12px;max-width:900px;margin:2rem auto;padding:2rem;box-shadow:0 4px 12px #0000004d}.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{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;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:100%;height:8px;overflow:hidden}.porcentaje-barra-fill{background-color:var(--color-accent);height:100%;transition:width .3s}.numero-grid-header{margin-bottom:1rem}.numero-grid-header-inner{flex-direction:column;align-items:center;gap:12px;margin-top:12px;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-btn{background-color:var(--color-accent);cursor:pointer;text-align:center;border:none;border-radius:6px;width:auto;min-width:200px;padding:10px 20px;font-size:16px;font-weight:700;transition:background-color .3s}.numero-aleatorio-btn:hover{background-color:var(--color-accent-hover)}.numero-leyenda{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;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:8px;max-height:400px;padding:2px 3px 0;display:grid;overflow-y:auto}.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:hover{transform:scale(1.05)}.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}@media (max-width:768px){.numero-grid-container{padding:1.5rem}.numero-grid-top-lineal,.numero-leyenda{align-items:flex-start;gap:.5rem}.numero-grid{max-height:300px}.numero-porcentaje-lineal{font-size:var(--font-size-small)}}
: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);background-color:#fff;border-radius:12px;margin-top:2rem;padding:1.5rem;box-shadow:0 4px 12px #0000004d}.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);margin:0 0 1rem;padding:0;list-style:none}.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-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-login-msg{font-size:var(--font-size-small);color:var(--color-accent-hover);font-style:italic}.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-login-msg{font-size:var(--font-size-small)}}.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-overlay{z-index:50;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.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)}}