.timer-reserva-container{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:1rem;margin-bottom:1.5rem;padding:1rem;position:relative;overflow:hidden}.timer-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;font-weight:700;display:flex}.timer-countdown{font-variant-numeric:tabular-nums;font-size:1.25rem}.timer-green .timer-countdown{color:#10b981}.timer-yellow .timer-countdown{color:#f59e0b}.timer-red .timer-countdown{color:#ef4444}.timer-progress-bg{background-color:var(--bg-tertiary);border-radius:999px;width:100%;height:6px;overflow:hidden}.timer-progress-fill{height:100%;transition:width 1s linear,background-color .5s}.timer-green .timer-progress-fill{background-color:#10b981}.timer-yellow .timer-progress-fill{background-color:#f59e0b}.timer-red .timer-progress-fill{background-color:#ef4444}.pulse{animation:1s infinite alternate timer-pulse}@keyframes timer-pulse{0%{opacity:1}to{opacity:.7}}.timer-overlay{background-color:var(--bg-primary);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.timer-overlay-content{background-color:var(--bg-card);text-align:center;border:1px solid #ef4444;border-radius:1.5rem;max-width:400px;padding:2.5rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;box-shadow:0 25px 50px -12px #00000080}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
.checkout-layout{flex-direction:column;gap:2rem;margin-top:1rem;display:flex}@media (min-width:768px){.checkout-layout{flex-direction:row-reverse;align-items:flex-start}}.checkout-resumen{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;flex:1;padding:1.5rem;position:sticky;top:1rem}.resumen-titulo{color:var(--text-primary);border-bottom:1px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.25rem;font-weight:600}.resumen-numeros{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.resumen-chip{color:#059669;background-color:#10b98126;border:1px solid #10b9814d;border-radius:.5rem;padding:.25rem .5rem;font-size:.875rem;font-weight:600}.dark .resumen-chip{color:#10b981}.resumen-total{border-top:1px solid var(--border-primary);color:var(--text-primary);justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;font-size:1.125rem;display:flex}.resumen-total strong{color:#059669;font-size:1.5rem}.dark .resumen-total strong{color:#10b981}.resumen-vendedor{color:var(--text-secondary);align-items:center;gap:.5rem;margin-top:1rem;font-size:.875rem;display:flex}.checkout-formulario{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;flex:1.5;padding:1.5rem}.form-header{margin-bottom:1.5rem}.form-header h2{color:var(--text-primary);margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.form-header p{color:var(--text-secondary);font-size:.875rem}.cliente-reconocido-banner{background-color:var(--success-bg);color:var(--success-text);border:1px solid #10b9814d;border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-group input{background-color:var(--bg-primary);border:1px solid var(--border-primary);width:100%;color:var(--text-primary);border-radius:.5rem;padding:.75rem 1rem;transition:all .2s}.form-group input:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 2px #10b98133}.form-group input.error{border-color:#ef4444}.form-error{color:#ef4444;margin-top:.25rem;font-size:.75rem;display:block}.marketing-checkbox{align-items:flex-start;gap:.5rem;margin-top:1.5rem;margin-bottom:1.5rem;display:flex}.marketing-checkbox input[type=checkbox]{accent-color:#10b981;margin-top:.25rem}.marketing-checkbox label{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.btn-confirmar-pedido{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.5rem;width:100%;padding:1rem;font-size:1.125rem;font-weight:700;transition:all .2s;box-shadow:0 4px 6px -1px #10b9814d}.btn-confirmar-pedido:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #10b98166}.btn-confirmar-pedido:disabled{opacity:.7;cursor:not-allowed;background:var(--bg-tertiary);color:var(--text-tertiary);box-shadow:none}.form-footer-text{text-align:center;color:var(--text-tertiary);margin-top:1rem;font-size:.75rem}.orden-confirmada-container{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;max-width:600px;margin:0 auto;padding:2rem}.success-header{text-align:center;margin-bottom:2rem}.success-header h2{color:#10b981;margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.success-icon-wrapper{width:80px;height:80px;margin:0 auto 1rem}.success-checkmark{stroke-width:2px;stroke:#10b981;stroke-miterlimit:10;border-radius:50%;width:80px;height:80px;animation:.4s ease-in-out .4s forwards fill,.3s ease-in-out .9s both scale;display:block;box-shadow:inset 0 0 #10b981}.success-checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166px;stroke-width:2px;stroke-miterlimit:10;stroke:#10b981;fill:none;animation:.6s cubic-bezier(.65,0,.45,1) forwards stroke}.success-checkmark-check{transform-origin:50%;stroke-dasharray:48;stroke-dashoffset:48px;animation:.3s cubic-bezier(.65,0,.45,1) .8s forwards stroke}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale(1.1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #10b9811a}}.resumen-final-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.resumen-total-final{border-top:1px solid var(--border-primary);color:var(--text-primary);justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;display:flex}.resumen-total-final strong{color:#059669;font-size:1.5rem}.dark .resumen-total-final strong{color:#10b981}.btn-whatsapp{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:.75rem;justify-content:center;align-items:center;width:100%;padding:1.25rem;font-size:1.125rem;font-weight:800;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #25d3664d}.btn-whatsapp:hover{color:#fff;background:#1ebd5a;transform:translateY(-2px);box-shadow:0 10px 15px -3px #25d36666}.pasos-siguientes{background-color:#38bdf81a;border:1px solid #38bdf833;border-radius:.5rem;margin-top:2rem;padding:1rem}.pasos-siguientes h4{color:#0369a1;margin-bottom:.5rem;font-weight:700}.dark .pasos-siguientes h4{color:#38bdf8}.pasos-siguientes ol{color:var(--text-secondary);margin:0;padding-left:1.5rem;font-size:.875rem;line-height:1.6}.accordion-mensaje{border:1px solid var(--border-primary);border-radius:.5rem;margin-top:1.5rem;overflow:hidden}.accordion-toggle{background-color:var(--bg-secondary);width:100%;color:var(--text-primary);cursor:pointer;border:none;justify-content:space-between;padding:1rem;display:flex}.accordion-content{background-color:var(--bg-primary);padding:1rem}.mensaje-preview{background-color:var(--bg-secondary);color:var(--text-secondary);white-space:pre-wrap;border-radius:.5rem;max-height:200px;margin-bottom:1rem;padding:1rem;font-family:monospace;font-size:.75rem;overflow-y:auto}.btn-copiar{background-color:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;border:none;border-radius:.25rem;padding:.5rem 1rem;font-size:.875rem}.btn-copiar:hover{filter:brightness(.95)}.orden-footer{text-align:center;border-top:1px solid var(--border-primary);margin-top:2rem;padding-top:1.5rem}.btn-volver{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-bottom:.5rem}.btn-volver:hover{color:var(--text-primary)}.orden-footer p{color:var(--text-tertiary);font-size:.75rem}
.selector-container{flex-direction:column;gap:1.5rem;width:100%;display:flex;position:relative}.toast-notification{color:#fff;z-index:1000;text-align:center;background-color:#ef4444;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;animation:.3s cubic-bezier(.4,0,.2,1) slideDown;position:fixed;top:2rem;left:50%;transform:translate(-50%);box-shadow:0 10px 15px -3px #ef444466}@keyframes slideDown{0%{opacity:0;top:-2rem}to{opacity:1;top:2rem}}.selector-controls{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.search-box,.random-box{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem;height:44px;display:flex;overflow:hidden}.search-box input,.random-box input{color:var(--text-primary);background:0 0;border:none;outline:none;width:130px;padding:0 1rem}.random-box input{text-align:center;width:70px}.search-box button,.random-box button{background-color:var(--bg-tertiary);border:none;border-left:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;padding:0 1rem;font-weight:600;transition:background-color .2s}.search-box button:hover,.random-box button:hover{background-color:var(--bg-tertiary);filter:brightness(.95)}.btn-random{color:#10b981!important}.leyenda-colores{color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:.5rem;flex-wrap:wrap;justify-content:center;gap:1rem;padding:.75rem;font-size:.75rem;display:flex}.leyenda-colores span{align-items:center;gap:.35rem;display:flex}.dot{border-radius:3px;width:12px;height:12px}.dot.celda-disponible{background-color:var(--bg-card);border:1px solid var(--border-primary)}.dot.bg-seleccionada{background-color:#10b981}.dot.bg-reservada{background-color:var(--text-tertiary)}.dot.bg-ocupada{background-color:var(--bg-tertiary)}.rango-tabs{scrollbar-width:thin;scrollbar-color:var(--border-primary) transparent;gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.rango-tabs::-webkit-scrollbar{height:6px}.rango-tabs::-webkit-scrollbar-thumb{background-color:var(--border-primary);border-radius:3px}.tab-btn{background-color:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);white-space:nowrap;cursor:pointer;border-radius:999px;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.tab-btn.active{background-color:var(--accent-primary);color:var(--accent-text);border-color:var(--accent-primary);font-weight:600}.grid-numeros-wrapper{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:1rem;min-height:400px;padding:1rem}.grid-loading{height:100%;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.grid-numeros{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px;display:grid}@media (min-width:768px){.grid-numeros{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}}.celda-boleta{aspect-ratio:1;-webkit-user-select:none;user-select:none;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;transition:transform .1s,background-color .2s;display:flex;position:relative}.celda-numero{z-index:2}.celda-icono{opacity:.8;font-size:.75rem;position:absolute;bottom:2px;right:4px}.celda-disponible{background-color:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer}.celda-disponible:hover{background-color:var(--bg-tertiary);border-color:var(--border-secondary)}.celda-disponible:active{transform:scale(.95)}.celda-seleccionada{color:#022c22;cursor:pointer;z-index:5;background-color:#10b981;border:1px solid #059669;transform:scale(1.05);box-shadow:0 0 10px #10b98166}.celda-reservada{background-color:var(--bg-tertiary);color:var(--text-tertiary);border:1px solid var(--border-primary);cursor:not-allowed}.celda-ocupada{background-color:var(--bg-secondary);color:var(--text-tertiary);border:1px solid var(--border-primary);cursor:not-allowed;opacity:.6}.highlight-pulse{animation:2s cubic-bezier(.4,0,.6,1) bg-pulse}@keyframes bg-pulse{0%,to{background-color:var(--original-bg)}50%{color:#fff;z-index:10;background-color:#3b82f6;transform:scale(1.2)}}@keyframes chip-appear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.chip-animated{animation:.18s cubic-bezier(.34,1.56,.64,1) chip-appear}.panel-resumen{background-color:var(--bg-card);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-primary);z-index:100;border-radius:1.5rem 1.5rem 0 0;margin:0 -1.5rem -2.5rem;padding:1.5rem;position:sticky;bottom:0;left:0;right:0;box-shadow:0 -10px 25px -5px #00000026}.panel-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.panel-header h3{color:var(--text-primary);margin:0;font-size:1.1rem}.btn-limpiar{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:.8rem;text-decoration:underline}.chips-container{flex-wrap:wrap;gap:.5rem;max-height:100px;margin-bottom:1.5rem;display:flex;overflow-y:auto}.chip-numero{color:#059669;cursor:pointer;background-color:#10b98126;border:1px solid #10b98166;border-radius:.35rem;padding:.25rem .5rem;font-size:.85rem;transition:background-color .2s}.dark .chip-numero{color:#10b981}.chip-numero:hover{color:#fff;background-color:#ef4444;border-color:#dc2626}.resumen-totales{flex-direction:column;gap:1rem;display:flex}.subtotal{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.subtotal strong{color:#059669;font-size:1.25rem}.dark .subtotal strong{color:#10b981}.minimo-warning{background-color:var(--warning-bg);color:var(--warning-text);text-align:center;border:1px solid #f59e0b4d;border-radius:.5rem;padding:.75rem;font-size:.8rem}.btn-continuar{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:1rem;padding:1.25rem;font-size:1.125rem;font-weight:700;transition:opacity .2s}.btn-continuar:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.empty-state{color:var(--text-secondary);text-align:center;margin:1rem 0;font-size:.9rem}