:root{--primary:#17a2b8;--primary-hover:#138496;--success:#28a745;--success-hover:#218838;--danger:#dc3545;--danger-hover:#c82333;--warning:#ffc107;--text-main:#333333;--text-muted:#6c757d;--text-light:#777777;--blanco:#ffffff;--bg-body:#f4f7f6;--bg-cajas:#ffffff;--border-light:#eeeeee;--border-medium:#cccccc;--msg-error-bg:#f8d7da;--msg-error-text:#721c24;--msg-error-border:#f5c6cb;--msg-exito-bg:#d4edda;--msg-exito-text:#155724;--msg-exito-border:#c3e6cb}body.admin-mode{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;padding:0;background-color:var(--bg-body);color:var(--text-main);margin:0}a{text-decoration:none}.header{display:flex;align-items:center;justify-content:space-between;background:var(--bg-cajas);padding:15px 20px;box-shadow:0 2px 10px rgba(0,0,0,.05);position:sticky;top:0;z-index:1100}.logo-tienda{font-size:18px;font-weight:700;color:var(--primary)}.header-icons{display:flex;align-items:center;gap:20px}.icono-alerta{font-size:24px;color:var(--warning);transition:.3s;text-decoration:none}.icono-alerta:active{transform:scale(.9)}.icono-ajustes{display:flex;align-items:center;text-decoration:none;transition:transform .3s cubic-bezier(.175, .885, .32, 1.275)}.icono-ajustes svg{width:26px;height:26px;color:var(--text-muted);transition:transform .5s ease;display:block;pointer-events:none}.icono-ajustes:hover svg{transform:rotate(90deg);color:var(--primary)}.icono-ajustes:active{transform:scale(.85)}.dashboard-container{padding:20px}.dashboard-stats{display:flex;gap:8px;justify-content:space-between}.stat-card{background:var(--bg-cajas);padding:12px 5px;border-radius:10px;flex:1;min-width:0;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.05);border-bottom:3px solid var(--border-medium)}.stat-card.visitas{border-bottom-color:#007bff}.stat-card.activos{border-bottom-color:var(--success)}.stat-card.online{border-bottom-color:var(--danger)}.stat-card h3{margin:0;font-size:20px;color:var(--text-main)}.stat-card p{margin:4px 0 0;font-size:10px;color:var(--text-light);text-transform:uppercase;font-weight:700;line-height:1.2}.titulo-seccion{font-size:14px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;margin-top:0}.grid-botones{display:flex;flex-direction:column;gap:25px;padding:0 20px}.btn-main{display:flex;align-items:center;justify-content:space-between;background:var(--bg-cajas);padding:24px 20px;border-radius:12px;color:var(--text-main);font-weight:700;font-size:18px;box-shadow:0 4px 6px rgba(0,0,0,.05);transition:transform .2s;border-left:5px solid var(--border-medium);text-decoration:none}.btn-main:active{transform:scale(.98);background:#f8f9fa}.btn-main.producto{border-left-color:var(--primary)}.btn-main.ventas{border-left-color:var(--success)}.btn-main.rendimiento{border-left-color:var(--warning)}.btn-icono{font-size:24px;margin-right:15px}.btn-texto{flex:1}.btn-flecha{color:#adb5bd}.fab{position:fixed;bottom:25px;right:20px;background:var(--primary);color:var(--blanco);padding:12px 24px;border-radius:30px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:700;box-shadow:0 4px 15px rgba(23,162,184,.4);transition:all .3s ease;text-decoration:none;z-index:1000}.fab:active{transform:translateY(4px);box-shadow:0 2px 5px rgba(23,162,184,.4)}.fab-icon{font-size:20px;line-height:1}.punto-verde{display:inline-block;width:10px;height:10px;background-color:var(--success);border-radius:50%;margin-right:5px;box-shadow:0 0 0 rgba(40,167,69,.4);animation:pulso-online 2s infinite;vertical-align:middle}@keyframes pulso-online{0%{box-shadow:0 0 0 0 rgba(40,167,69,.7)}70%{box-shadow:0 0 0 10px rgba(40,167,69,0)}100%{box-shadow:0 0 0 0 rgba(40,167,69,0)}}.admin-box{background:#fff;max-width:600px;margin:20px auto;padding:20px 20px 5px 20px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.form-group{margin-bottom:15px}.admin-box h2,.admin-box h3{color:#036;text-align:center;margin-top:0}.admin-box label{display:block;font-weight:700;margin-bottom:5px;font-size:14px}.admin-box input[type=number],.admin-box input[type=password],.admin-box input[type=tel],.admin-box input[type=text],.admin-box select,.admin-box textarea{width:100%;padding:12px;box-sizing:border-box;border:1px solid var(--border-medium);border-radius:5px;font-size:16px}.fila-carac{display:flex!important;flex-direction:row!important;gap:10px;margin-bottom:10px;width:100%}.fila-carac input{width:50%!important;flex:1}.btn-form{background:var(--success);color:#fff;padding:15px;border:none;cursor:pointer;font-weight:700;width:100%;margin-top:10px;border-radius:5px;font-size:16px;transition:background .3s;box-sizing:border-box}.btn-form:hover{background:var(--success-hover)}.error{background:var(--msg-error-bg);color:var(--msg-error-text);border:1px solid var(--msg-error-border)}.exito{background:var(--msg-exito-bg);color:var(--msg-exito-text);border:1px solid var(--msg-exito-border)}#mensaje,#mensaje_ajustes{margin-top:15px;font-weight:700;text-align:center;padding:10px;border-radius:5px;display:none;font-size:14px}.header-nav{display:flex;align-items:center;justify-content:space-between;background:var(--bg-cajas);padding:15px 20px;box-shadow:0 2px 5px rgba(0,0,0,.05)}.btn-back{font-size:24px;color:var(--text-main);text-decoration:none}.titulo-nav{font-size:18px;font-weight:700;color:var(--primary);margin:0}.controles-busqueda{background:var(--bg-cajas);padding:15px 20px;margin-bottom:15px;box-shadow:0 2px 5px rgba(0,0,0,.05)}.input-busqueda{width:100%;padding:12px;border:1px solid var(--border-medium);border-radius:8px;font-size:16px;margin-bottom:10px;box-sizing:border-box}.item-producto{background:var(--bg-cajas);border-radius:10px;padding:15px;margin:0 20px 15px 20px;box-shadow:0 2px 5px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:10px;border-left:4px solid var(--primary)}.item-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-light);padding-bottom:8px}.item-id{font-weight:700;color:#666;font-size:12px}.item-precio{font-weight:700;color:var(--success);font-size:16px}.item-nombre{font-size:16px;font-weight:700;color:var(--text-main);margin:0}.item-stats{display:flex;gap:15px;font-size:13px;color:#666}.stat-badge{background:#f8f9fa;padding:4px 8px;border-radius:4px}.item-acciones{display:flex;gap:10px;margin-top:5px}.btn-accion{flex:1;padding:10px;border:none;border-radius:6px;font-weight:700;cursor:pointer;text-align:center;text-decoration:none;font-size:14px;box-sizing:border-box;display:inline-block}.btn-accion.btn-editar{background:var(--warning);color:#000}.btn-accion.btn-eliminar{background:var(--danger);color:var(--blanco)}.item-bloqueado{background-color:#f8f9fa;border-color:#e2e3e5}.item-bloqueado .item-nombre,.item-bloqueado .item-precio{color:var(--text-muted)}.alerta-bloqueo{background-color:var(--msg-error-bg);color:var(--msg-error-text);padding:8px;font-size:.85rem;text-align:center;border-bottom:1px solid var(--msg-error-border);margin:-15px -15px 15px -15px;border-top-left-radius:8px;border-top-right-radius:8px}.premium-bloqueado{opacity:.65;pointer-events:none;transition:opacity .3s ease}.capa-bloqueo-premium{pointer-events:auto;animation:aparecerUpsell .4s ease-out}.capa-bloqueo-premium button{pointer-events:auto;animation:pulso-upsell 2s infinite cubic-bezier(.66,0,0,1)}.capa-bloqueo-premium span{animation:flotar-estrella 3s ease-in-out infinite}@keyframes aparecerUpsell{from{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(2px)}}@keyframes pulso-upsell{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,51,102,.4)}50%{transform:scale(1.05)}70%{box-shadow:0 0 0 10px rgba(0,51,102,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,51,102,0)}}@keyframes flotar-estrella{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(15deg)}}.smart-banner{display:flex;justify-content:space-between;align-items:center;background:var(--blanco);padding:12px 18px;margin:-12px 2px 8px 2px!important;border-radius:10px;box-shadow:0 8px 20px -5px rgba(0,0,0,.05),0 5px 8px -5px rgba(0,0,0,.02);animation:slideDownFade .5s cubic-bezier(.175,.885,.32,1.275);border:1px solid #f1f5f9;position:relative;overflow:hidden}@keyframes slideDownFade{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.banner-texto{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.85rem;line-height:1;color:#475569;flex:1;padding-right:20px;z-index:2}.banner-texto strong{color:#1e293b;font-size:1rem;display:block;margin-bottom:0;line-height:1.1;letter-spacing:-.2px}.banner-motivador{border-left:5px solid #f59e0b}.banner-peligro{border-left:5px solid #e11d48}.banner-motivador::after{content:"🚀";position:absolute;right:25%;top:-12px;font-size:60px;opacity:.03;pointer-events:none;z-index:1;transform:rotate(15deg)}.banner-peligro::after{content:"⚠️";position:absolute;right:25%;top:-2px;font-size:50px;opacity:.03;pointer-events:none;z-index:1}.btn-upsell{padding:6px 14px;border:none;border-radius:6px;font-weight:800;font-size:.8rem;cursor:pointer;transition:all .3s cubic-bezier(.25, .8, .25, 1);white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;z-index:2;margin-right:25px}.btn-upsell:active{transform:scale(.95)}.btn-naranja{background-color:#f59e0b;color:var(--blanco);box-shadow:0 4px 14px rgba(245,158,11,.35)}.btn-naranja:hover{background-color:#d97706;box-shadow:0 6px 20px rgba(245,158,11,.45);transform:translateY(-2px)}.btn-rojo{background-color:#e11d48;color:var(--blanco);box-shadow:0 4px 14px rgba(225,29,72,.35)}.btn-rojo:hover{background-color:#be123c;box-shadow:0 6px 20px rgba(225,29,72,.45);transform:translateY(-2px)}.btn-cerrar-banner{position:absolute;top:6px;right:8px;width:22px;height:22px;border-radius:50%;background-color:#f8fafc;border:1px solid #e2e8f0;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;font-weight:700;transition:all .2s ease;z-index:10}.btn-cerrar-banner:hover{background-color:#e2e8f0;color:#475569}@media (max-width:600px){.smart-banner{flex-direction:column;text-align:left;padding:12px 15px}.banner-texto{padding-right:0;margin-bottom:8px}.btn-upsell{width:100%;padding:10px 20px;margin-right:0}}.color-picker-grid{display:flex;gap:15px;margin-top:10px}.color-option{width:40px;height:40px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:.2s}.color-option.active{border-color:var(--text-main);transform:scale(1.1);box-shadow:0 0 10px rgba(0,0,0,.2)}.plantillas-grid{display:flex;gap:15px;margin-top:10px;overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch}.plantilla-card{flex:0 0 150px;border:1px solid var(--border-medium);border-radius:8px;overflow:hidden;background:var(--bg-cajas);text-align:center;transition:all .2s ease}.plantilla-card.active{border:2px solid var(--primary);box-shadow:0 4px 10px rgba(23,162,184,.15)}.plantilla-img{width:100%;height:90px;background:#ddd;margin-bottom:0}.plantilla-title{padding:10px;font-size:13px;font-weight:700;color:var(--text-main)}.btn-editar-plantilla{width:100%;padding:8px;background:#f8f9fa;border:none;border-top:1px solid var(--border-light);cursor:pointer;font-weight:800;color:var(--text-muted);font-size:12px;text-transform:uppercase;transition:all .2s}.btn-editar-plantilla:hover{background:#e9ecef;color:var(--text-main)}.plantilla-card.active .btn-editar-plantilla{background:rgba(23,162,184,.05);color:var(--primary);border-top:1px solid rgba(23,162,184,.2)}@keyframes slideDownSmooth{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.slide-down-animacion{animation:slideDownSmooth .4s cubic-bezier(.175,.885,.32,1.275) forwards}@media (min-width:600px){.admin-box,.ajustes-container,.controles-busqueda,.dashboard-container,.grid-botones,.grid-stats,.header,.header-nav,.item-producto{max-width:800px;margin-left:auto;margin-right:auto;box-sizing:border-box}.header,.header-nav{margin-top:20px;margin-bottom:20px;border-radius:12px}.item-acciones{justify-content:flex-end}.btn-accion{flex:none;width:150px}.fab{right:50%;transform:translateX(380px);bottom:40px}.fab:active{transform:translateX(380px) translateY(4px)}}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;margin-bottom:20px}.card-metrica{background:#fff;padding:20px;border-radius:12px;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.05);border:1px solid var(--border-light)}.card-metrica h4{margin:0;color:#666;font-size:14px;text-transform:uppercase}.card-metrica .valor{font-size:28px;font-weight:700;color:#036;margin:10px 0}.card-metrica .tendencia{font-size:12px;font-weight:700}.top-productos{background:#fff;padding:20px;border-radius:12px;border:1px solid var(--border-light)}.producto-row{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #f9f9f9}.producto-row:last-child{border:none}.prod-info{flex:1;margin-left:10px}.prod-vistas{font-weight:700;color:var(--primary)}.filtro-tiempo{display:flex;gap:10px;margin:25px auto;justify-content:center;overflow-x:auto;padding-bottom:10px;max-width:500px}.btn-filtro{padding:10px 18px;border-radius:20px;border:1px solid #ddd;background:#fff;cursor:pointer;white-space:nowrap;font-weight:700;transition:all .3s ease}.btn-filtro.active{background:#036;color:#fff;border-color:#036;box-shadow:0 2px 4px rgba(0,0,0,.1)}.ajustes-container{width:100%;max-width:800px;margin:0 auto;padding:0 15px;box-sizing:border-box}body.login-mode{font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;align-items:center;justify-content:center;height:100vh;background-color:var(--bg-body);padding:0!important;margin:0;overflow:hidden}.login-container{background:var(--bg-cajas);padding:45px 35px;border-radius:16px;box-shadow:0 10px 25px -5px rgba(0,0,0,.05),0 8px 10px -6px rgba(0,0,0,.05);width:100%;max-width:400px;text-align:center;margin:0 15px;box-sizing:border-box;transform:translateY(-5%)}.login-container h1{color:#1a202c;margin-bottom:8px;font-size:1.85rem;font-weight:800;letter-spacing:-.5px}.login-container h1 span{color:var(--primary)}.login-container p{color:var(--text-muted);font-size:.95rem;margin-bottom:35px;font-weight:500}.login-container .form-group{margin-bottom:22px;text-align:left}.login-container .form-group label{display:block;margin-bottom:10px;font-weight:600;color:var(--text-main);font-size:.88rem}.login-container .form-group input{width:100%;padding:14px!important;border:2px solid #edf2f7!important;border-radius:10px!important;background:#fdfdfd!important;font-size:1rem!important;transition:all .2s ease;box-sizing:border-box;outline:0;color:var(--text-main)}.login-container .form-group input:focus{border-color:var(--primary)!important;background:var(--bg-cajas)!important}.btn-login{width:100%;padding:15px;background-color:#2c3e50;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:10px;box-shadow:0 4px 6px rgba(44,62,80,.15)}.btn-login:hover{background-color:#1a252f;transform:translateY(-1px) translateY(-5%);box-shadow:0 7px 14px rgba(44,62,80,.2)}.error-msg{background-color:var(--msg-error-bg);color:var(--msg-error-text);padding:12px;border-radius:8px;margin-bottom:25px;font-size:.85rem;font-weight:600;display:none;text-align:center;border:1px solid var(--msg-error-border)}.acciones-inventario{display:flex;justify-content:flex-end;margin-top:5px;gap:10px}.btn-gestion-categorias{display:inline-flex;align-items:center;gap:8px;background:#f8f9fa;color:#495057;border:1px solid #ced4da;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.02)}.btn-gestion-categorias:active{background:#e9ecef;transform:translateY(2px);box-shadow:none}@media (max-width:600px){.acciones-inventario{justify-content:stretch;flex-direction:column}.btn-gestion-categorias{width:100%;justify-content:center;padding:12px;font-size:14px;box-sizing:border-box}}#spa-view{display:none;position:fixed;top:0;left:0;right:0;margin:0 auto;max-width:800px;width:100%;height:100%;background:var(--bg-body);z-index:2000;overflow-y:auto}.btn-cerrar-spa{position:fixed;bottom:0;left:0;right:0;margin:0 auto;max-width:800px;width:100%;background:#2c3e50;color:#fff;border:none;padding:15px;cursor:pointer;z-index:2100;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10px}#spa-content{padding-bottom:60px}.header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#fff;border-bottom:1px solid var(--border-light)}.logo-wrapper{display:flex;align-items:center;justify-content:center;height:35px;min-width:100px}.logo-cliente-img{max-height:100%;max-width:120px;object-fit:contain;transform:translateX(5px)}.plan-status{flex-grow:1;display:flex;justify-content:center}.badge-plan{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:800;text-transform:uppercase;border:1px solid;letter-spacing:.5px}.plan-gratuito{background-color:rgba(148,163,184,.15);color:#475569;border-color:rgba(148,163,184,.3)}.plan-basico{background-color:rgba(39,174,96,.15);color:var(--success);border-color:rgba(39,174,96,.3)}.plan-pro{background-color:rgba(52,152,219,.15);color:var(--primary);border-color:rgba(52,152,219,.3)}.header-icons{display:flex;align-items:center;gap:15px}.icono-salir{color:var(--text-light);display:flex;align-items:center;transition:color .2s}.icono-salir:hover{color:var(--danger)}.contenedor-suscripcion{padding:20px;animation:fadeInPlanes .4s ease-out}@keyframes fadeInPlanes{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.grid-planes{display:flex;flex-direction:column;gap:20px;margin-top:15px}.tarjeta-plan{background:var(--bg-cajas);border:1px solid #edf2f7;border-radius:12px;padding:24px;position:relative;box-shadow:0 4px 6px rgba(0,0,0,.02);transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between}.tarjeta-plan.popular{border:2px solid var(--primary);box-shadow:0 10px 25px -5px rgba(23,162,184,.15)}.badge-popular{position:absolute;top:-12px;right:20px;background:var(--primary);color:var(--blanco);font-size:11px;font-weight:800;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.plan-header h2{margin:0;font-size:20px;color:#1e293b;font-weight:800}.plan-precio{font-size:28px;font-weight:800;color:#2c3e50;margin:12px 0 4px 0}.plan-precio span{font-size:14px;font-weight:500;color:#64748b}.plan-limite{font-size:13px;font-weight:700;color:var(--primary);text-transform:uppercase;margin-bottom:15px}.plan-features{list-style:none;padding:0;margin:0 0 20px 0;border-top:1px solid #f1f5f9;padding-top:15px}.plan-features li{font-size:13px;color:#475569;margin-bottom:10px;display:flex;align-items:center;gap:8px}.btn-plan{width:100%;padding:12px;border:none;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:center}.btn-comprar{background:#2c3e50;color:var(--blanco)}.btn-comprar:hover{background:#1a252f;transform:translateY(-2px)}.btn-popular{background:var(--primary);color:var(--blanco);box-shadow:0 4px 14px rgba(23,162,184,.3)}.btn-popular:hover{background:var(--primary-hover);box-shadow:0 6px 20px rgba(23,162,184,.4);transform:translateY(-2px)}.btn-actual{background:#e2e8f0!important;color:#94a3b8!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.6);backdrop-filter:blur(4px);z-index:3000;display:flex;align-items:center;justify-content:center;padding:15px}.modal-caja{background:var(--bg-cajas);border-radius:16px;width:100%;max-width:450px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);overflow:hidden;animation:modalScale .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalScale{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-cabecera{padding:18px 20px;background:#f8fafc;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;align-items:center}.modal-cabecera h3{margin:0;font-size:16px;color:#1e293b;font-weight:800}.btn-cerrar-modal{background:0 0;border:none;font-size:18px;color:#94a3b8;cursor:pointer}.tabs-navegacion{display:flex;background:#f1f5f9;padding:4px;margin:15px;border-radius:8px}.tab-btn{flex:1;padding:8px;border:none;background:0 0;font-size:12px;font-weight:700;color:#64748b;cursor:pointer;border-radius:6px;transition:all .2s ease}.tab-btn.active{background:var(--bg-cajas);color:#1e293b;box-shadow:0 2px 4px rgba(0,0,0,.05)}.tab-contenido{padding:0 20px 20px 20px;display:none}.tab-contenido.active{display:block}.qr-box{text-align:center;background:#f8fafc;padding:15px;border-radius:10px;border:1px dashed #cbd5e1}.qr-img{width:160px;height:160px;margin-bottom:10px;background:#eee}.crypto-badge{background:#fef3c7;color:#d97706;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:700;display:inline-block;margin-bottom:10px}.input-comprobante{width:100%;padding:10px;margin-top:10px;border:2px solid #edf2f7;border-radius:8px;font-size:14px;box-sizing:border-box}@media (min-width:600px){.grid-planes{flex-direction:row}.tarjeta-plan{flex:1}}.app-toast-flotante{position:fixed;top:20px;left:50%;transform:translateX(-50%) translateY(-100px);background:var(--bg-cajas);color:#1e293b;padding:14px 24px;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.15);display:flex;align-items:center;gap:12px;font-family:'Segoe UI',system-ui,sans-serif;font-size:.9rem;font-weight:600;z-index:999999;opacity:0;transition:all .5s cubic-bezier(.68, -.55, .265, 1.55);border-left:5px solid #3b82f6;max-width:90%;text-align:center}.app-toast-flotante.show{transform:translateX(-50%) translateY(0);opacity:1}.app-toast-flotante.success{border-left-color:var(--success)}.app-toast-flotante.error{border-left-color:var(--danger)}.app-toast-flotante.warning{border-left-color:var(--warning)}.app-toast-icon{font-size:1.2rem}.vencimiento-wrapper{display:block;font-size:.65rem;font-weight:600;margin-top:3px;letter-spacing:.5px;transition:all .3s ease}.vencimiento-info{color:var(--text-muted,#718096)}.vencimiento-warning{color:var(--warning-color,#f39c12)}.vencimiento-danger{color:var(--danger-color,#e74c3c);animation:pulso-suave 2s infinite}@keyframes pulso-suave{0%{opacity:1}50%{opacity:.6}100%{opacity:1}}.footer-sistema{position:fixed;bottom:25px;left:20px;z-index:990}@media (min-width:600px){.footer-sistema{left:50%;transform:translateX(-380px)}}.version-link{font-size:12px;font-weight:600;color:var(--text-muted);text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:color .2s ease;padding:5px 10px;border-radius:20px;background:rgba(248,250,252,.85);backdrop-filter:blur(2px)}.version-link:hover{color:var(--primary);background:rgba(23,162,184,.05)}.badge-novedad{background-color:#3b82f6;color:#fff;font-size:9px;padding:2px 6px;border-radius:10px;text-transform:uppercase;font-weight:800;letter-spacing:.5px;animation:pulso-novedad 2s infinite}@keyframes pulso-novedad{0%{box-shadow:0 0 0 0 rgba(59,130,246,.4)}70%{box-shadow:0 0 0 6px rgba(59,130,246,0)}100%{box-shadow:0 0 0 0 rgba(59,130,246,0)}}.modal-changelog-caja{max-width:500px;max-height:85vh;display:flex;flex-direction:column}.changelog-contenido{padding:20px;overflow-y:auto;background:#f8fafc}.changelog-item{position:relative;padding-left:20px;margin-bottom:30px;border-left:2px solid #e2e8f0}.changelog-item:last-child{border-left-color:transparent}.changelog-item::before{content:'';position:absolute;left:-6px;top:0;width:10px;height:10px;border-radius:50%;background:var(--primary);border:2px solid #f8fafc}.changelog-fecha{font-size:11px;color:#94a3b8;text-transform:uppercase;font-weight:700;letter-spacing:.5px;margin-bottom:2px}.changelog-version{font-size:16px;font-weight:800;color:#1e293b;margin-bottom:12px}.changelog-lista{list-style:none;padding:0;margin:0}.changelog-lista li{font-size:13px;color:#475569;margin-bottom:12px;line-height:1.4;background:#fff;padding:12px;border-radius:8px;border:1px solid #edf2f7;box-shadow:0 2px 4px rgba(0,0,0,.01)}.changelog-lista strong{color:#1e293b}.tag-nuevo{color:#10b981;font-weight:800;font-size:10px;background:rgba(16,185,129,.1);padding:2px 6px;border-radius:4px;margin-right:5px}.tag-mejor{color:#f59e0b;font-weight:800;font-size:10px;background:rgba(245,158,11,.1);padding:2px 6px;border-radius:4px;margin-right:5px}.tag-fix{color:#ef4444;font-weight:800;font-size:10px;background:rgba(239,68,68,.1);padding:2px 6px;border-radius:4px;margin-right:5px}.accion-rapida-top{margin-bottom:15px;display:flex;justify-content:flex-start;gap:12px;padding:0 40px}.btn-micro-dash{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-cajas);color:var(--text-main);border-left:4px solid var(--primary);border-radius:8px;box-shadow:inset 0 1px 0 #fff,0 4px 10px rgba(23,162,184,.35);padding:6px 10px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .2s cubic-bezier(.34, 1.56, .64, 1),box-shadow .2s ease,background .2s}.btn-micro-dash:hover{background:#fdfdfd;transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff,0 6px 15px rgba(23,162,184,.25)}.btn-micro-dash:active{transform:scale(.96) translateY(1px);background:#f1f5f9;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 1px 2px rgba(23,162,184,.1)}.item-pedido{background:var(--bg-cajas);border-radius:10px;padding:15px;margin-bottom:12px;box-shadow:0 2px 5px rgba(0,0,0,.03);display:flex;flex-direction:column;gap:10px;border:1px solid var(--border-light);border-left:4px solid var(--text-muted);transition:transform .2s ease}.item-pedido:active{transform:scale(.98)}.pedido-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-light);padding-bottom:8px}.pedido-monto{font-weight:800;color:var(--success);font-size:16px}.badge-estado-pendiente{background:#fef3c7;color:#d97706;border-color:#fde68a}.badge-estado-completado{background:#dcfce7;color:#15803d;border-color:#bbf7d0}.badge-estado-cancelado{background:#fee2e2;color:#b91c1c;border-color:#fecaca}.li-producto-pedido{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed #e2e8f0;color:#475569}.alerta-contexto{text-align:center;color:var(--text-muted);font-size:13px;margin-bottom:20px}.item-alerta{margin-bottom:12px;padding:15px 8px}.item-alerta.alerta-warning{border-left-color:var(--warning)}.item-alerta.alerta-success{border-left-color:var(--success)}.item-alerta.alerta-danger{border-left-color:var(--danger);background-color:#fff5f5}.item-alerta .item-header{border-bottom:none;padding-bottom:0;display:block;position:relative}.alerta-icono{position:absolute;left:0;top:2px;font-size:20px}.item-alerta .item-nombre{font-size:15px;margin-bottom:1px;text-align:left;padding-right:20px;padding-left:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.item-alerta .item-id{font-size:11px;text-align:left;display:block;margin-bottom:5px;margin-left:30px}.item-alerta.alerta-danger .item-id,.item-alerta.alerta-danger .item-nombre{color:var(--danger)}.alerta-mensaje{font-size:13px;color:var(--text-muted);margin:5px 0 0 0;line-height:1.4;text-align:left;padding-left:28px}.alerta-mensaje.msg-peligro{color:#b91c1c;font-weight:700}.alerta-acciones{padding-left:28px;margin-top:10px}.btn-micro-alerta{width:fit-content!important;padding:6px 16px!important;font-size:12px!important;margin-top:12px;display:inline-flex!important}.alerta-vacia{text-align:center;padding:40px 20px;color:var(--text-muted);background:var(--bg-cajas);border-radius:8px;margin-top:20px;border:1px dashed var(--border-medium)}.alerta-vacia span{font-size:30px;display:block;margin-bottom:10px}.alerta-detalle{display:none;border-top:1px dashed var(--border-medium);padding-top:10px;margin-top:10px;animation:fadeInAlerta .2s ease-in-out}@keyframes fadeInAlerta{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.icono-desplegable{float:right;font-size:11px;color:var(--text-muted);margin-top:4px;transition:transform .3s cubic-bezier(.175, .885, .32, 1.275)}.item-alerta{transition:transform .2s ease,box-shadow .2s ease}.item-alerta:hover{background-color:#fafafa}.item-alerta:active{transform:scale(.98)}.item-alerta.leida{background-color:#f8f9fa;border-left-color:var(--border-medium)!important;opacity:.75;box-shadow:none!important}.item-alerta.leida .alerta-icono{filter:grayscale(100%);opacity:.6}.item-alerta.leida .item-nombre{color:var(--text-muted)!important;font-weight:400}