body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;font-family:Arial,sans-serif;line-height:1.6}.App{min-height:100vh;position:relative;transition:all .3s ease;z-index:1}.App.modo-nocturno{background:#1a1a1a;color:#fff}.swal-custom-popup{border-radius:15px;box-shadow:0 10px 30px #0000004d}.swal-custom-title{font-size:1.8rem;font-weight:700}.swal-custom-input{border:2px solid #f59a16;border-radius:8px;font-size:1rem;padding:12px}.swal-custom-input:focus{border-color:#f59a16;box-shadow:0 0 0 3px #f59a161a}.App.modo-nocturno .swal-custom-popup{background:#2c3e50;color:#fff}.App.modo-nocturno .swal-custom-input{background:#34495e;border-color:#f59a16;color:#fff}.App.modo-nocturno .swal-custom-input::placeholder{color:#bdc3c7}.widget-carrito-container{align-items:center;display:flex}.widget-carrito{cursor:pointer;position:relative;transition:transform .3s ease}.widget-carrito:hover{transform:scale(1.5)}.icono-carrito{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;font-size:1.4rem;height:40px;justify-content:center;position:relative;transition:background .3s ease;width:40px}.icono-carrito:hover{background:#fff3}.contador-carrito{background:#f34f4f;border-radius:50%;color:#fff;font-size:.8rem;height:20px;min-width:20px;position:absolute;right:30px;top:-5px;width:20px}.boton-modo-nocturno,.contador-carrito{align-items:center;display:flex;justify-content:center}.boton-modo-nocturno{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:50%;cursor:pointer;font-size:1.2rem;height:45px;margin-left:1rem;transition:all .3s ease;width:45px}.boton-modo-nocturno:hover{background:#fff3;box-shadow:0 5px 15px #0003;transform:scale(1.1)}.boton-modo-nocturno.activo{background:#ffffff4d;border-color:#fff6;box-shadow:0 0 20px #ffffff4d}@media (max-width:768px){.boton-modo-nocturno{font-size:1rem;height:40px;width:40px}}.boton{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;gap:8px;justify-content:center;text-decoration:none;transition:all .3s ease}.boton-medio{font-size:.9rem;min-height:40px;padding:10px 16px}@media (max-width:768px){.boton-medio{font-size:.85rem;min-height:36px;padding:8px 14px}}.boton.boton-medio.boton-ver-detalle{background:linear-gradient(135deg,#6c757d,#495057);border-radius:50px;color:#fff;font-size:1.25rem;min-height:44px;padding:12px 20px}.boton.boton-medio.boton-ver-detalle:hover{background:linear-gradient(135deg,#495057,#343a40);box-shadow:0 6px 16px #6c757d4d;transform:translateY(-2px)}.boton.boton-medio.boton-agregar-carrito{background:linear-gradient(135deg,#a8a4e6,#8b7fd8);box-shadow:0 4px 12px #a8a4e64d;color:#fff}.boton.boton-medio.boton-agregar-carrito:hover{background:linear-gradient(135deg,#8b7fd8,#7c6fd1);box-shadow:0 6px 16px #a8a4e680;transform:translateY(-2px)}.boton-enviar{background:linear-gradient(135deg,#f59a16,#e67e22);box-shadow:0 4px 12px #f59a164d;color:#fff;font-weight:700;width:50%}.boton-enviar:hover{background:linear-gradient(135deg,#e67e22,#d35400);box-shadow:0 6px 16px #f59a1680;transform:translateY(-2px)}.modo-nocturno .boton.boton-medio.boton-agregar-carrito{background:linear-gradient(135deg,#a8a4e6,#8b7fd8);box-shadow:0 4px 12px #a8a4e64d;color:#fff}.modo-nocturno .boton.boton-medio.boton-agregar-carrito:hover{background:linear-gradient(135deg,#8b7fd8,#7c6fd1);box-shadow:0 6px 16px #a8a4e680;transform:translateY(-2px)}.carrito-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.carrito-lateral{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#fff,#f8f9fa);border-left:1px solid #e9ecef;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:22%;z-index:1000}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.carrito-header{align-items:center;background:linear-gradient(90deg,#a8a4e6,#6610f2);border-bottom:2px solid #e9ecef;color:#fff;display:flex;justify-content:space-between;padding:15px}.carrito-header h2{font-size:1.5rem;margin:0}.cerrar-carrito{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:35px;justify-content:center;padding:5px;transition:all .2s ease;width:35px}.cerrar-carrito:hover{background:#fff3;transform:scale(1.1)}.carrito-vacio{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.emoji-vacio{font-size:4rem;margin-bottom:20px;opacity:.6}.carrito-vacio p{color:#6c757d;font-size:1.1rem;margin:10px 0}.texto-secundario{font-size:.9rem;opacity:.7}.carrito-items{flex:1 1;overflow-y:auto;padding:20px}.carrito-item{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 16px #0000001a;display:flex;flex-direction:column;gap:4px;margin-bottom:20px;padding:20px;transition:all .3s ease}.carrito-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.item-header{align-items:flex-start;display:flex}.item-emoji span{display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));font-size:3rem}.item-info{flex:1 1;min-width:0}.item-info h4{word-wrap:break-word;color:#212529;font-size:1.3rem;font-weight:700;line-height:1.3;margin:0 0 8px}.item-precio{color:#6c757d;font-size:1rem;font-weight:500;margin:0}.item-footer{border-top:1px solid #e9ecef;justify-content:space-between;padding-top:6px}.item-cantidad,.item-footer{align-items:center;display:flex}.item-cantidad{gap:10px}.cantidad-label{color:#6c757d;font-size:.9rem;font-weight:500}.cantidad-badge{background:linear-gradient(135deg,#a8a4e6,#6610f2);border-radius:25px;box-shadow:0 4px 12px #a8a4e666;color:#fff;font-size:1rem;font-weight:700;padding:8px 16px}.item-subtotal{align-items:center;display:flex;gap:10px}.subtotal-label{color:#6c757d;font-size:.9rem;font-weight:500}.subtotal-precio{color:#28a745;font-size:1.2rem;font-weight:700}.btn-quitar{align-items:center;background:#dc354691;border:none;border-radius:50%;box-shadow:0 4px 12px #dc354566;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.btn-quitar:hover{background:#e45f6d;box-shadow:0 6px 16px #dc354580;transform:scale(1.1)}.carrito-footer{background:#f8f9fa;border-top:2px solid #e9ecef;padding:20px}.carrito-total{align-items:center;background:#fff;border:2px solid #28a745;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.carrito-total span:first-child{color:#212529;font-size:1.2rem;font-weight:600}.total-precio{color:#28a745;font-size:1.5rem;font-weight:700}.carrito-acciones{display:flex;gap:15px}.boton-limpiar{background:#dc3545;color:#fff;flex:1 1}.boton-limpiar:hover{background:#c82333;transform:translateY(-2px)}.boton-pagar{background:#28a745;color:#fff;flex:2 1}.boton-pagar:hover{background:#218838;transform:translateY(-2px)}.modo-nocturno.carrito-lateral{background:linear-gradient(135deg,#2d3748,#1a202c);border-left-color:#4a5568}.modo-nocturno .carrito-header{background:linear-gradient(90deg,#4a5568,#2d3748);border-bottom-color:#4a5568}.modo-nocturno .carrito-item{background:#4a5568;border-color:#718096}.modo-nocturno .item-info h4{color:#f7fafc}.modo-nocturno .item-precio{color:#bdc3c7}.modo-nocturno .item-subtotal{color:#f7fafc}.modo-nocturno .cantidad-label,.modo-nocturno .subtotal-label{color:#bdc3c7}.modo-nocturno .subtotal-precio{color:#2ecc71}.modo-nocturno .item-footer{border-top-color:#4a5568}.modo-nocturno .carrito-footer{background:#2d3748;border-top-color:#4a5568}.modo-nocturno .carrito-total{background:#4a5568;border-color:#2ecc71}.modo-nocturno .carrito-total span:first-child{color:#f7fafc}.modo-nocturno .cantidad-badge{background:linear-gradient(135deg,#4a5568,#2d3748);box-shadow:0 2px 8px #4a55684d}.modo-nocturno .btn-quitar{background:#e53e3e;box-shadow:0 2px 8px #e53e3e4d}.modo-nocturno .btn-quitar:hover{background:#c53030;box-shadow:0 4px 12px #e53e3e66}@media (max-width:768px){.carrito-lateral{right:0;width:100%}.carrito-item{padding:16px}.item-header{gap:5px}.item-footer,.item-header{flex-direction:column;text-align:center}.item-footer{gap:6px}.btn-quitar{align-self:center}.carrito-acciones{flex-direction:column}.carrito-header h2{font-size:1.3rem}}.navbar{background:linear-gradient(45deg,#a8a4e6,#b8a9c9);box-shadow:0 2px 10px #0000001a;color:#fff;padding:1rem 0;position:sticky;top:0;transition:all .3s ease;z-index:1000}.navbar.modo-nocturno{background:linear-gradient(45deg,#2c3e50,#34495e);box-shadow:0 2px 10px #0000004d}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem;position:relative}.navbar-container,.navbar-logo{align-items:center;display:flex}.logo-imagen{border-radius:8px;height:45px;object-fit:contain;transition:transform .3s ease;width:auto}.logo-imagen:hover{transform:scale(1.05)}.navbar-menu{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.navbar-menu li a{border-radius:25px;color:#fff;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.navbar-menu li a:hover{background:#ffffff1a;transform:translateY(-2px)}.navbar-widgets{align-items:center;display:flex;gap:1rem}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;padding:.5rem;z-index:1001}.hamburger span{background:#fff;border-radius:2px;height:3px;margin:3px 0;transition:all .3s ease;width:25px}.hamburger.activo span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.activo span:nth-child(2){opacity:0}.hamburger.activo span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (max-width:768px){.navbar-container{padding:0 1rem}.hamburger{display:flex}.navbar-menu{align-items:center;background:linear-gradient(135deg,#a8a4e6,#b8a9c9);box-shadow:-5px 0 15px #0000001a;flex-direction:column;gap:0;height:100vh;justify-content:flex-start;padding-top:80px;position:fixed;right:-100%;top:0;transition:right .3s ease;width:280px;z-index:1000}.navbar-menu.activo{right:0}.navbar-menu li{margin:0;text-align:center;width:100%}.navbar-menu li a{border-bottom:1px solid #ffffff1a;box-sizing:border-box;display:block;font-size:1.1rem;padding:1rem 2rem;width:100%}.navbar-menu li a:hover{background:#ffffff26;transform:none}.logo-imagen{height:35px}.navbar-widgets{gap:.5rem}.modo-nocturno .navbar-menu{background:linear-gradient(135deg,#2c3e50,#34495e)}}@media (max-width:480px){.navbar-menu{right:-100%;width:100%}.navbar-container{padding:0 .5rem}.logo-imagen{height:30px}}.item-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.item-card:hover{border-color:#a8a4e6;box-shadow:0 12px 30px #00000026;transform:translateY(-8px)}.item-card:before{background:linear-gradient(90deg,#a8a4e6,#6610f2,#6f42c1);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.item-card:hover:before{opacity:1}.item-emoji{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:12px;margin-bottom:16px;padding:10px;text-align:center}.emoji-display{display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:5rem;transition:transform .3s ease}.item-card:hover .emoji-display{transform:scale(1.1) rotate(5deg)}.item-info{text-align:center}.item-title{color:#212529;font-size:1.5rem;font-weight:600;line-height:1.3;margin:0 0 8px}.item-descripcion{color:#6c757d;font-size:.9rem;line-height:1.4;margin:0 0 16px;min-height:2.8rem}.item-precio{margin-bottom:10px}.item-stock{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:20px;display:flex;gap:8px;justify-content:center;margin-bottom:15px;padding:8px 12px}.stock-label{color:#6c757d;font-size:.9rem;font-weight:500}.stock-amount{color:#28a745;font-size:1rem;font-weight:700}.modo-nocturno .item-stock{background:#2c3e50;border-color:#34495e}.modo-nocturno .stock-label{color:#bdc3c7}.modo-nocturno .stock-amount{color:#2ecc71}.item-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:30px}.boton-agregar-carrito:disabled{background:#6c757d}.boton-agregar-carrito:disabled:hover{box-shadow:none;transform:none}@media (max-width:768px){.item-card{padding:16px}.emoji-display{font-size:3rem}.item-title{font-size:1.1rem}.item-descripcion{font-size:.85rem}}.modo-nocturno .item-card{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:#4a5568;color:#e2e8f0}.modo-nocturno .item-emoji{background:linear-gradient(135deg,#4a5568,#2d3748);border-color:#718096}.modo-nocturno .item-title{color:#f7fafc}.modo-nocturno .item-descripcion{color:#a0aec0}.item-list-container{margin:0 auto;max-width:1400px;padding:20px}.item-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:40px}.item-list-empty{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #6c757d;border-radius:16px;padding:60px 20px;text-align:center}.loading-spinner{display:block;font-size:3rem}.item-list-empty p{color:#6c757d;font-size:1.2rem;font-weight:500;margin:0}@media (max-width:1200px){.item-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:768px){.item-list-container{padding:16px}.item-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:30px}}@media (max-width:480px){.item-grid{gap:16px;grid-template-columns:1fr}.item-list-container{padding:12px}}.modo-nocturno .item-list-empty{background:linear-gradient(135deg,#4a5568,#2d3748);border-color:#718096}.modo-nocturno .item-list-empty p{color:#a0aec0}.filtro-categorias{background:#fff;border:2px solid #e9ecef;border-radius:15px;box-shadow:0 5px 15px #0000001a;margin:20px auto;max-width:600px;overflow:hidden;padding:0;position:relative;width:100%}.filtro-boton-principal{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1.5rem;font-weight:500;justify-content:space-between;outline:none;padding:15px 20px;transition:all .3s ease;width:100%}.filtro-boton-principal:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.filtro-boton-principal:active{transform:translateY(0)}.filtro-icono{font-size:1.2rem;margin-right:10px}.filtro-texto{flex:1 1;text-align:left}.filtro-flecha{font-size:.8rem;transition:transform .3s ease}.filtro-flecha.abierta{transform:rotate(180deg)}.filtro-dropdown{animation:slideDown .3s ease-out;background:#fff;border-top:1px solid #e9ecef;padding:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.categorias-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin:0}.categoria-item{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:8px;color:#495057;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:inherit;outline:none;padding:10px 6px;transition:all .3s ease}.categoria-item:hover{background:#e9ecef;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.categoria-item:active{transform:translateY(0)}.categoria-item.seleccionada{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 6px 20px #667eea4d;color:#fff;transform:translateY(-2px)}.categoria-item.seleccionada:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.categoria-icono{display:block;font-size:1.5rem;margin-bottom:4px;transition:transform .3s ease}.categoria-item:hover .categoria-icono{transform:scale(1.1)}.categoria-nombre{font-size:.75rem;font-weight:500;line-height:1.2;text-align:center}.modo-nocturno .filtro-categorias{background:#2c3e50;border-color:#34495e;box-shadow:0 5px 15px #0000004d}.modo-nocturno .filtro-boton-principal{background:linear-gradient(135deg,#3182ce,#553c9a)}.modo-nocturno .filtro-boton-principal:hover{background:linear-gradient(135deg,#2c5aa0,#4a3480)}.modo-nocturno .filtro-dropdown{background:#2c3e50;border-top-color:#4a5568}.modo-nocturno .categoria-item{background:#34495e;color:#bdc3c7}.modo-nocturno .categoria-item:hover{background:#4a5568}.modo-nocturno .categoria-item.seleccionada{background:linear-gradient(135deg,#3182ce,#553c9a);border-color:#3182ce;color:#fff}.modo-nocturno .categoria-item.seleccionada:hover{background:linear-gradient(135deg,#2c5aa0,#4a3480)}@media (max-width:768px){.filtro-categorias{margin:15px auto;max-width:350px}.filtro-boton-principal{font-size:.9rem;padding:12px 16px}.filtro-dropdown{padding:15px}.categorias-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.categoria-item{padding:8px 4px}.categoria-icono{font-size:1.3rem;margin-bottom:3px}.categoria-nombre{font-size:.7rem}}@media (max-width:480px){.filtro-categorias{max-width:320px}.categorias-grid{grid-template-columns:repeat(4,1fr)}.filtro-dropdown{padding:12px}}.contenedor-lista-productos{background:#f8f9fa;min-height:80vh;padding:2rem 0;transition:all .3s ease}.contenedor-lista-productos.modo-nocturno{background:#2c3e50}.contenido-contenedor{margin:0 auto;max-width:90%;padding:0 2rem;text-align:center}.contenido-contenedor h1{color:#666;font-size:2.5rem;font-weight:700;margin-bottom:1rem;transition:color .3s ease}.contenido-contenedor.modo-nocturno h1{color:#ecf0f1}.seccion-sin-stock{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:600px;padding:3rem 2rem;transition:all .3s ease}.seccion-sin-stock.modo-nocturno{background:#34495e;box-shadow:0 10px 30px #0000004d}.icono-stock{font-size:4rem;margin-bottom:1rem;opacity:.7}.seccion-sin-stock h2{color:#e74c3c;font-size:2rem;font-weight:700;margin-bottom:1.5rem;transition:color .3s ease}.seccion-sin-stock.modo-nocturno h2{color:#e74c3c}.mensaje-stock{color:#666;font-size:1.2rem;line-height:1.6;margin-bottom:2rem;transition:color .3s ease}.mensaje-stock.modo-nocturno{color:#bdc3c7}.informacion-stock{background:#f8f9fa;border-radius:10px;margin-bottom:2rem;padding:1.5rem;text-align:left;transition:all .3s ease}.informacion-stock.modo-nocturno{background:#2c3e50}.informacion-stock p{color:#555;font-size:1.1rem;line-height:1.5;margin-bottom:.8rem;transition:color .3s ease}.informacion-stock.modo-nocturno p{color:#ecf0f1}.seccion-cargar-mas{margin-top:3rem;text-align:center}.indicador-carga{align-items:center;background:#a8a4e61a;border:2px dashed #a8a4e6;border-radius:15px;display:flex;flex-direction:column;gap:15px;padding:2rem}.indicador-carga p{color:#666;font-size:1.1rem;font-weight:500;margin:0}.modo-nocturno .indicador-carga{background:#a8a4e60d;border-color:#a8a4e6}.modo-nocturno .indicador-carga p{color:#a0aec0}.loading-spinner-pequeño{animation:spin 1s linear infinite;font-size:1rem}.boton-cargar-mas{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #0000;border-radius:15px;box-shadow:0 5px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.boton-cargar-mas:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.boton-cargar-mas:active{transform:translateY(0)}.boton-cargar-mas:disabled{cursor:not-allowed;opacity:.6;transform:none}.modo-nocturno .boton-cargar-mas{background:linear-gradient(135deg,#4a5568,#2d3748);box-shadow:0 5px 15px #4a55684d}.modo-nocturno .boton-cargar-mas:hover{border-color:#4a5568;box-shadow:0 8px 25px #4a556866}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.boton-volver-inicio{background:#f59a16;border:none;border-radius:10px;box-shadow:0 5px 15px #f59a164d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.boton-volver-inicio:hover{box-shadow:0 8px 25px #f59a1666;transform:translateY(-2px)}.boton-volver-inicio:active{transform:translateY(0)}@media (max-width:768px){.contenido-contenedor h1{font-size:2rem}.seccion-sin-stock{margin:1rem;padding:2rem 1rem}.icono-stock{font-size:3rem}.seccion-sin-stock h2{font-size:1.5rem}.informacion-stock p,.mensaje-stock{font-size:1rem}}.boton-volver-top{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:30px;box-shadow:0 8px 25px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:60px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:60px;z-index:1000}.boton-volver-top:hover{box-shadow:0 12px 35px #667eea99;transform:translateY(-5px) scale(1.1)}.boton-volver-top:active{transform:translateY(-2px) scale(1.05)}.modo-nocturno .boton-volver-top{background:linear-gradient(135deg,#3182ce,#553c9a);box-shadow:0 8px 25px #3182ce66}.modo-nocturno .boton-volver-top:hover{box-shadow:0 12px 35px #3182ce99}.info-categoria{background:#fff;border:2px solid #e9ecef;border-radius:15px;box-shadow:0 5px 15px #0000001a;margin:20px auto;max-width:400px;padding:20px;text-align:center;width:100%}.info-categoria p{color:#495057;font-size:1.1rem;line-height:1.6;margin:0}.info-categoria strong{color:#667eea;font-weight:700}.modo-nocturno .info-categoria{background:#2c3e50;border-color:#34495e}.modo-nocturno .info-categoria p{color:#ecf0f1}.modo-nocturno .info-categoria strong{color:#3182ce}.seccion-sin-emojis{background:#fff;border-radius:20px;box-shadow:0 5px 15px #0000001a;margin:40px 0;padding:60px 20px;text-align:center}.icono-sin-emojis{display:block;font-size:4rem;margin-bottom:20px}.seccion-sin-emojis h2{color:#6c757d;font-size:1.8rem;margin:0 0 15px}.seccion-sin-emojis p{color:#6c757d;font-size:1.1rem;line-height:1.6;margin:0 0 25px}.boton-volver-catalogo{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;box-shadow:0 5px 15px #667eea4d;color:#fff;display:inline-block;font-size:1.1rem;font-weight:700;padding:15px 30px;text-decoration:none;transition:all .3s ease}.boton-volver-catalogo:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.modo-nocturno .seccion-sin-emojis{background:#2c3e50;box-shadow:0 5px 15px #0000004d}.modo-nocturno .seccion-sin-emojis h2,.modo-nocturno .seccion-sin-emojis p{color:#bdc3c7}@media (max-width:768px){.boton-volver-top{bottom:20px;font-size:1.2rem;height:50px;right:20px;width:50px}.info-categoria{margin:15px auto;max-width:350px;padding:15px}.seccion-sin-emojis{margin:20px 0;padding:40px 15px}.seccion-sin-emojis h2{font-size:1.5rem}.seccion-sin-emojis p{font-size:1rem}}@media (max-width:480px){.info-categoria{margin:12px auto;max-width:320px;padding:12px}}.item-count-container{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:15px;display:flex;flex-direction:column;gap:20px;margin:20px 0;padding:20px}.controles-cantidad{align-items:center;background:#fff;border-radius:25px;box-shadow:0 2px 10px #0000001a;display:flex;gap:15px;padding:10px 20px}.boton-cantidad{align-items:center;border-radius:50%;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.boton-cantidad:hover:not(:disabled){transform:scale(1.1)}.boton-cantidad:disabled{cursor:not-allowed;opacity:.5}.cantidad-display{color:#495057;font-size:1.5rem;font-weight:700;min-width:40px;text-align:center}.stock-disponible{color:#6c757d;font-size:1rem;margin:0}.stock-disponible strong{color:#28a745}.boton-agregar-carrito{border-radius:25px;font-size:1.1rem;font-weight:700;min-width:200px;padding:15px 30px;transition:all .3s ease}.boton-agregar-carrito:hover:not(:disabled){box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.boton-agregar-carrito:disabled{cursor:not-allowed;opacity:.6}.sin-stock{color:#dc3545;font-weight:700;margin:0;text-align:center}.modo-nocturno .item-count-container{background:#2c3e50;border-color:#34495e}.modo-nocturno .controles-cantidad{background:#34495e;box-shadow:0 2px 10px #0000004d}.modo-nocturno .cantidad-display{color:#ecf0f1}.modo-nocturno .stock-disponible{color:#bdc3c7}.modo-nocturno .stock-disponible strong{color:#2ecc71}@media (max-width:768px){.item-count-container{gap:15px;padding:15px}.controles-cantidad{gap:10px;padding:8px 15px}.boton-cantidad{font-size:1rem;height:35px;width:35px}.cantidad-display{font-size:1.3rem}.boton-agregar-carrito{font-size:1rem;min-width:180px;padding:12px 25px}}.item-detail-page{background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;padding:10px}.item-detail-container{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:1200px;overflow:hidden;width:95%}.item-detail-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-wrap:wrap;justify-content:center;padding:25px;position:relative;text-align:center}.boton-volver-header{background:linear-gradient(135deg,#6c757d,#495057);border:none;border-radius:10px;box-shadow:0 4px 12px #6c757d4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;left:25px;min-height:44px;padding:12px 20px;position:absolute;transition:all .3s ease;z-index:10}.boton-volver-header:hover{background:linear-gradient(135deg,#495057,#343a40);box-shadow:0 6px 16px #6c757d80;transform:translateY(-2px)}.boton-volver-productos{background:linear-gradient(135deg,#6c757d,#495057);border:none;border-radius:10px;box-shadow:0 4px 12px #6c757d4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-height:44px;padding:12px 20px;transition:all .3s ease}.boton-volver-productos:hover{background:linear-gradient(135deg,#495057,#343a40);box-shadow:0 6px 16px #6c757d80;transform:translateY(-2px)}.page-title{font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.item-detail-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;padding:30px}.item-detail-emoji-section{align-items:center;display:flex;justify-content:center}.emoji-display-large{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:4px solid #a8a4e6;border-radius:20px;box-shadow:0 15px 35px #0000001a;max-width:400px;padding:50px;width:100%}.emoji-gigante{animation:emojiFloat 4s ease-in-out infinite;display:block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2));font-size:14rem;text-align:center}@keyframes emojiFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(2deg)}}.item-detail-info-section{display:flex;flex-direction:column;justify-content:center;margin-right:10px}.item-detail-titulo{color:#212529;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 20px}.item-detail-descripcion{color:#6c757d;font-size:1.2rem;line-height:1.6;margin:0 0 30px}.item-detail-precio{margin-bottom:20px}.precio-destacado{background:linear-gradient(135deg,#d4edda7a,#c3e6cb70);border:4px solid #28a745;border-radius:30px;color:#28a745;display:inline-block;font-size:2.5rem;font-weight:800;padding:18px 25px}.item-detail-adicional{background:#f8f9fa;border-radius:15px;margin-bottom:40px;padding:20px}.info-item{align-items:center;border-bottom:1px solid #a8a4e6;display:flex;justify-content:space-between;padding:12px 0}.info-item:last-child{border-bottom:none}.info-label{color:#495057;font-size:1.1rem;font-weight:600}.info-value{color:#212529;font-size:1.1rem;font-weight:500}.info-value.disponible{color:#28a745;font-weight:600}.item-detail-actions{display:flex;flex-wrap:wrap;gap:20px}.btn-agregar-carrito{flex:1 1;min-width:200px}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.loading-spinner{font-size:4rem;margin-bottom:20px}.loading-container h2{color:#495057;font-size:2rem;margin:0 0 15px}.loading-container p{color:#6c757d;font-size:1.1rem;margin:0}.error-icon{font-size:4rem}.error-container h2{color:#dc3545;font-size:2rem;margin:0 0 15px}.error-container p{font-size:1.1rem;margin:0 0 25px}@media (max-width:1200px){.item-detail-container{margin:0 10px;width:98%}.item-detail-content{gap:25px;padding:25px}}@media (max-width:1024px){.item-detail-content{gap:30px;grid-template-columns:1fr;padding:25px}.emoji-gigante{font-size:10rem}.emoji-display-large{max-width:350px;padding:40px}.item-detail-titulo{font-size:2.2rem;text-align:center}.item-detail-descripcion{text-align:center}.precio-destacado{display:block;font-size:2.2rem;margin:0 auto;padding:16px 22px;text-align:center}.item-detail-info-section{margin-right:0;text-align:center}}@media (max-width:768px){.item-detail-page{padding:5px}.item-detail-container{border-radius:15px;margin:0;width:100%}.item-detail-header{flex-direction:column;gap:15px;padding:20px 15px}.page-title{font-size:1.8rem;order:2}.boton-volver-header{margin-bottom:0;order:1;position:static;transform:none;width:auto;z-index:auto}.item-detail-content{gap:25px;padding:20px 15px}.emoji-gigante{font-size:8rem}.emoji-display-large{max-width:280px;padding:30px}.item-detail-titulo{font-size:1.8rem;margin-bottom:15px}.item-detail-descripcion{font-size:1.1rem;margin-bottom:20px}.precio-destacado{font-size:1.8rem;margin-bottom:20px;padding:15px 20px}.item-detail-adicional{margin-bottom:30px;padding:15px}.info-item{flex-direction:column;gap:5px;padding:15px 0;text-align:center}.item-detail-actions{align-items:center;flex-direction:column}.btn-agregar-carrito{max-width:300px;min-width:100%}}@media (max-width:480px){.item-detail-page{padding:0}.item-detail-container{border-radius:0;box-shadow:none}.item-detail-header{padding:15px 10px}.page-title{font-size:1.5rem}.item-detail-content{padding:15px 10px}.emoji-gigante{font-size:6rem}.emoji-display-large{max-width:220px;padding:20px}.item-detail-titulo{font-size:1.5rem}.item-detail-descripcion{font-size:1rem}.precio-destacado{font-size:1.5rem;padding:12px 16px}.item-detail-adicional{padding:12px}.info-label,.info-value{font-size:1rem}}.modo-nocturno .item-detail-container,.modo-nocturno.item-detail-page{background:linear-gradient(135deg,#2d3748,#1a202c)}.modo-nocturno .item-detail-container{color:#e2e8f0}.modo-nocturno .item-detail-header{background:linear-gradient(135deg,#3182ce,#553c9a)}.modo-nocturno .boton-volver-header,.modo-nocturno .boton-volver-productos{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 4px 12px #6c757d4d;color:#fff}.modo-nocturno .boton-volver-header:hover,.modo-nocturno .boton-volver-productos:hover{background:linear-gradient(135deg,#495057,#343a40);box-shadow:0 6px 16px #6c757d80;transform:translateY(-2px)}.modo-nocturno .emoji-display-large{background:linear-gradient(135deg,#4a5568,#2d3748);border-color:#718096}.modo-nocturno .item-detail-titulo{color:#f7fafc}.modo-nocturno .item-detail-descripcion{color:#a0aec0}.modo-nocturno .precio-destacado{background:linear-gradient(135deg,#22543d,#1a4331);border-color:#38a169;color:#9ae6b4}.modo-nocturno .item-detail-adicional{background:#4a5568}.modo-nocturno .info-item{border-bottom-color:#718096}.modo-nocturno .info-label{color:#a0aec0}.modo-nocturno .info-value{color:#e2e8f0}.modo-nocturno .boton-agregar-carrito{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 4px 12px #6c757d4d;color:#fff}.modo-nocturno .boton-agregar-carrito:hover{background:linear-gradient(135deg,#495057,#343a40);box-shadow:0 6px 16px #6c757d80;transform:translateY(-2px)}.pagina-no-encontrada{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);bottom:0;display:flex;justify-content:center;left:0;min-height:100vh;padding:20px;position:fixed;right:0;top:0}.error-container{background:#fff;border-radius:20px;box-shadow:0 15px 35px #0000001a;left:50%;margin:auto;max-width:500px;padding:40px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}.error-icon{animation:bounce 2s infinite;font-size:5rem;margin-bottom:20px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.error-container h1{color:#dc3545;font-size:2.5rem;font-weight:700;margin:0 0 20px}.error-container p{color:#6c757d;font-size:1.2rem;line-height:1.6;margin:0 0 30px}.error-actions{display:flex;justify-content:center}.boton-principal{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;box-shadow:0 5px 15px #667eea4d;color:#fff;display:inline-block;font-size:1.1rem;font-weight:700;min-width:180px;padding:15px 30px;text-decoration:none;transition:all .3s ease}.boton-principal:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.modo-nocturno.pagina-no-encontrada{background:linear-gradient(135deg,#2c3e50,#34495e)}.modo-nocturno .error-container{background:#2c3e50;box-shadow:0 15px 35px #0000004d}.modo-nocturno .error-container h1{color:#e74c3c}.modo-nocturno .error-container p{color:#bdc3c7}@media (max-width:768px){.pagina-no-encontrada{padding:15px}.error-container{max-width:400px;padding:30px 20px}.error-container h1{font-size:2rem}.error-container p{font-size:1.1rem}.boton-principal{min-width:200px}.error-icon{font-size:4rem}}.tarjeta-historia{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;box-shadow:0 8px 32px #0000001a;padding:2rem;transition:all .3s ease}.tarjeta-historia.modo-nocturno{background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d}.tarjeta-historia:hover{background:#ffffff26;box-shadow:0 15px 40px #0003;transform:translateY(-5px)}.tarjeta-historia.modo-nocturno:hover{background:#ffffff1a;box-shadow:0 15px 40px #0006}.tarjeta-historia h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #0000004d;transition:color .3s ease}.tarjeta-historia p{color:#ffffffe6;font-size:1.1rem;line-height:1.6;margin:0;text-shadow:0 1px 2px #0003;transition:color .3s ease}.tarjeta-historia.modo-nocturno h3{color:#ecf0f1}.tarjeta-historia.modo-nocturno p{color:#fffc}@media (max-width:768px){.tarjeta-historia{padding:1.5rem}.tarjeta-historia h3{font-size:1.3rem}.tarjeta-historia p{font-size:1rem}}.sobre-nosotros{background:linear-gradient(135deg,#a8a4e6,#b8a9c9);color:#fff;padding:8rem 0;transition:all .3s ease}.sobre-nosotros.modo-nocturno{background:linear-gradient(135deg,#2c3e50,#34495e)}.sobre-nosotros-container{margin:0 auto;max-width:1200px;padding:0 2rem;transition:all .3s ease}.sobre-nosotros-container h2{font-size:3rem;font-weight:700;margin-bottom:3rem;text-align:center;text-shadow:2px 2px 4px #0000004d;transition:all .3s ease}.seccion-historia{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.seccion-estadisticas{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:3rem}.item-estadistica{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;padding:2rem;text-align:center;transition:transform .3s ease}.item-estadistica:hover{transform:scale(1.05)}.numero-estadistica{color:gold;display:block;font-size:3rem;font-weight:700;margin-bottom:.5rem}.etiqueta-estadistica{font-size:1.1rem;font-weight:500;opacity:.9}@media (max-width:768px){.sobre-nosotros-container h2{font-size:2rem}.seccion-estadisticas,.seccion-historia{grid-template-columns:1fr}.numero-estadistica{font-size:2.5rem}}.contacto{background:#f8f9fa;padding:8rem 0;transition:all .3s ease}.contacto.modo-nocturno{background:#2c3e50}.contacto-container{margin:0 auto;max-width:90%;padding:0 2rem;transition:all .3s ease}.contacto h2{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center;transition:color .3s ease}.contacto.modo-nocturno h2{color:#ecf0f1}.contacto-contenido{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.contacto-info h3{color:#666;font-size:1.8rem;font-weight:700;margin-bottom:1rem;transition:color .3s ease}.contacto-info.modo-nocturno h3{color:#ecf0f1}.contacto-info p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:2rem;transition:color .3s ease}.contacto-info.modo-nocturno p{color:#bdc3c7}.metodos-contacto{display:flex;flex-direction:column;gap:1.5rem}.metodo-contacto{align-items:center;background:#a8a4e6;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;gap:1rem;padding:1rem;transition:transform .3s ease}.metodo-contacto.modo-nocturno{background:#34495e;box-shadow:0 2px 10px #0000004d}.metodo-contacto:hover{transform:translateY(-2px)}.icono-metodo{align-items:center;background:linear-gradient(45deg,#a8a4e6,#b8a9c9);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:60px;justify-content:center;min-width:60px;padding:.8rem}.metodo-contacto h4{color:#333;font-size:1.2rem;font-weight:700;margin-bottom:.5rem;transition:color .3s ease}.metodo-contacto.modo-nocturno h4{color:#ecf0f1}.metodo-contacto p{color:#666;font-size:1rem;margin:0;transition:color .3s ease}.metodo-contacto.modo-nocturno p{color:#bdc3c7}.formulario-contacto{background:#a8a4e6;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:2rem;transition:all .3s ease}.formulario-contacto.modo-nocturno{background:#34495e;box-shadow:0 10px 30px #0000004d}.formulario-contacto h3{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:2rem;transition:color .3s ease}.formulario-contacto.modo-nocturno h3{color:#ecf0f1}.grupo-formulario{margin-bottom:1.5rem}.grupo-formulario input,.grupo-formulario textarea{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.grupo-formulario input:focus,.grupo-formulario textarea:focus{border-color:#f59a16;box-shadow:0 0 0 3px #f59a161a;outline:none}.formulario-contacto.modo-nocturno .grupo-formulario input,.formulario-contacto.modo-nocturno .grupo-formulario textarea{background:#2c3e50;border-color:#34495e;color:#ecf0f1}.formulario-contacto.modo-nocturno .grupo-formulario input:focus,.formulario-contacto.modo-nocturno .grupo-formulario textarea:focus{border-color:#f59a16;box-shadow:0 0 0 3px #f59a161a}.grupo-formulario textarea{min-height:120px;resize:vertical}@media (max-width:768px){.contacto{padding:4rem 0}.contacto-container{padding:0 1rem}.contacto h2{font-size:2rem}.contacto-contenido{gap:2rem;grid-template-columns:1fr}.contacto-info h3,.formulario-contacto h3{font-size:1.5rem}.contacto-info p{font-size:1rem}.metodo-contacto{padding:.8rem}.icono-metodo{font-size:1.5rem;height:50px;min-width:50px;padding:.6rem}.metodo-contacto h4{font-size:1.1rem}.metodo-contacto p{font-size:.9rem}.formulario-contacto{padding:1.5rem}}
/*# sourceMappingURL=main.3ed39652.css.map*/