#contenedor-buscador{display:flex;justify-content:center;margin-bottom:30px}#contenedor-buscador .input-container{position:relative;max-width:320px;width:100%}#contenedor-buscador .input-container::before{content:"\f002";font-family:"Font Awesome 5 Free";color:#a4b1c1;position:absolute;top:50%;left:14px;transform:translateY(-50%);z-index:9;font-weight:900}#contenedor-buscador #buscar-producto::placeholder{color:#a4b1c1}#contenedor-buscador #buscar-producto{font-size:14px;font-weight:500;width:100%;color:#364356;border:1px solid #364356;background-color:#fff;padding:8px 12px 8px 36px;border-radius:4px}#contenedor-buscador #buscar-producto:hover{border:1px solid #0EA5E9}#contenedor-buscador #buscar-producto:focus{border-color:#0EA5E9}#contenedor-buscador #limpiar-busqueda{font-family:'ETMODULES';font-size:16px;position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#364356;background-color:transparent;border:none;cursor:pointer}#categorias-contenedor{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px}#categorias-contenedor button{font-size:15px;font-weight:600;text-align:center;padding:6px 16px;cursor:pointer;transition:background-color 0.3s ease;list-style-type:none;border:1px solid #364356;border-radius:4px;background-color:#fff;color:#364356}#categorias-contenedor button.active{background-color:#364356;color:#fff}@media only screen and (max-width:600px){#categorias-contenedor button{font-size:14px}#contenedor-buscador .input-container{max-width:100%}}.contenedor-productos{display:grid;grid-template-columns:repeat(4,1fr);align-items:start;gap:30px;opacity:0;transition:opacity 0.5s ease-in-out}.producto{font-family:'Poppins',Helvetica,Arial,Lucida,sans-serif;color:#475569;background-color:#FFFFFF;border-radius:4px;overflow:hidden;border:1px solid #cbd5e1;padding:12px;margin-bottom:0;width:100%}.producto .imagen{background:#cbd5e1;width:100%;height:165px;border-radius:4px;overflow:hidden}.producto .imagen img{height:100%;width:100%;display:block;border-radius:4px;object-fit:cover}.producto .titulo{font-weight:700;font-size:17px;color:#334155;margin:16px 0 12px 0;padding:0}.producto .precio{font-weight:600;font-size:15px;color:#475569;margin:0 0 14px 0;padding:0}.producto .metadatos .meta{margin-bottom:10px}.producto .metadatos .meta label{font-size:14px;text-transform:capitalize}.producto .metadatos .meta select{font-family:'Poppins',Helvetica,Arial,Lucida,sans-serif;width:100%;font-size:12px;padding:6px;border-radius:4px;color:#334155;background-color:#fff;border:1px solid #cbd5e1}.producto .agregar{font-family:'Poppins',Helvetica,Arial,Lucida,sans-serif;background-color:#0ea5e9;font-size:14px;font-weight:500;color:#fff;border:none;padding:6px 10px;cursor:pointer;width:100%;border-radius:4px;transition:background-color 300ms ease 0ms,background-image 300ms ease 0ms;margin-top:5px}.producto .agregar:hover{background-color:#0369a1}@media only screen and (max-width:980px){.contenedor-productos{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}}@media only screen and (max-width:768px){.contenedor-productos{display:grid;grid-template-columns:repeat(1,1fr);gap:15px}.producto .titulo{font-size:15px;margin:16px 0 10px 0}.producto .precio{font-size:14px;margin:0 0 10px 0}.producto .metadatos .meta label{font-size:13px}.producto .agregar{font-size:12px}.producto .metadatos .meta select{height:30px;padding:4px}.producto .imagen{height:200px}}@media only screen and (max-width:500px){.producto .imagen{height:105px}}.eliminar{font-family:'ETMODULES';font-size:16px;color:#f0002e;cursor:pointer;margin-left:10px}#preloader{display:block;margin:60px auto}@keyframes ldio-pk6mhbe1fco{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.ldio-pk6mhbe1fco div{position:absolute;width:60px;height:60px;border:10px solid #cbd5e1;border-top-color:transparent;border-radius:50%}.ldio-pk6mhbe1fco div{animation:ldio-pk6mhbe1fco 1s linear infinite;top:50px;left:50px}.loadingio-spinner-rolling-zt8qwybayi{width:91px;height:91px;display:inline-block;overflow:hidden;background:none}.ldio-pk6mhbe1fco{width:100%;height:100%;position:relative;transform:translateZ(0) scale(0.91);backface-visibility:hidden;transform-origin:0 0}.ldio-pk6mhbe1fco div{box-sizing:content-box}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}100%{transform:translateX(5px)}}#carrito-icon.shaking{animation:shake 0.5s ease-in-out}#formulario-pedido form{color:#475569}#formulario-pedido label{font-size:15px;display:block}#formulario-pedido form{color:#475569}#formulario-pedido label{font-size:15px;display:block;margin-bottom:10px;font-weight:bold}#formulario-pedido input[type="text"],#formulario-pedido select,#formulario-pedido textarea{font-size:14px;width:100%;padding:10px;margin-bottom:20px;border:1px solid #cbd5e1;background-color:#ffffff;border-radius:4px;box-sizing:border-box}#formulario-pedido textarea{resize:vertical;min-height:100px}#formulario-pedido #campo-direccion{margin-bottom:10px}#formulario-pedido #campo-direccion #direccion{margin-bottom:0}#formulario-pedido .nota-direccion{font-size:13px;font-style:italic;line-height:1.7;margin-top:5px;margin-bottom:20px}#formulario-pedido .nota-direccion a{text-decoration:underline}@media only screen and (max-width:768px){#formulario-pedido select{font-size:14px;height:40px;padding:4px}}:root{--color-primary:#0EA5E9;--color-primary-dark:#0284C7;--color-primary-light:#BAE6FD;--color-secondary:#334155;--color-secondary-light:#64748B;--color-success:#10B981;--color-danger:#EF4444;--color-warning:#F59E0B;--color-info:#3B82F6;--color-background:#FFFFFF;--color-surface:#F8FAFC;--color-border:#E2E8F0;--color-text:#475569;--color-text-dark:#334155;--color-text-light:#94A3B8;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.07),0 1px 3px rgba(0,0,0,0.05);--shadow-lg:0 10px 15px rgba(0,0,0,0.07),0 5px 8px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04);--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif}#page-container{position:relative;font-family:var(--font-family);color:var(--color-text);background-color:var(--color-background);overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;background-color:#f8fafc}.btn{display:inline-flex;justify-content:center;align-items:center;padding:12px 16px;border-radius:var(--radius-md);font-weight:500;font-size:15px;border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;position:relative;overflow:hidden}.btn-primary{background-color:var(--color-primary);color:white}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}.btn-secondary{background-color:var(--color-secondary);color:white}.btn-secondary:hover{background-color:var(--color-secondary-light);transform:translateY(-2px)}.btn-outline{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-dark)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:rgba(14,165,233,0.05)}.btn-danger{background-color:var(--color-danger);color:white}.btn-danger:hover{background-color:#DC2626;transform:translateY(-2px)}.btn-success{background-color:var(--color-success);color:white}.btn-success:hover{background-color:#059669;transform:translateY(-2px)}.btn-disabled,.btn:disabled{opacity:0.6;cursor:not-allowed;pointer-events:none}.btn-sm{padding:8px 12px;font-size:14px}.btn-lg{padding:14px 20px;font-size:16px}.btn-icon{margin-right:8px}.btn-block{display:block;width:100%}.btn::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(255,255,255,0.2);transform:scale(0);opacity:0;border-radius:50%;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1),opacity 0.5s ease}.btn:active::after{transform:scale(2);opacity:0;transition:0s}#preloader{display:block;margin:60px auto}@keyframes ldio-pk6mhbe1fco{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.ldio-pk6mhbe1fco div{position:absolute;width:60px;height:60px;border:4px solid var(--color-primary-light);border-top-color:var(--color-primary);border-radius:50%}.ldio-pk6mhbe1fco div{animation:ldio-pk6mhbe1fco 1s linear infinite;top:50px;left:50px}.loadingio-spinner-rolling-zt8qwybayi{width:100px;height:100px;display:inline-block;overflow:hidden;background:none;position:relative;z-index:100}.ldio-pk6mhbe1fco{width:100%;height:100%;position:relative;transform:translateZ(0) scale(0.91);backface-visibility:hidden;transform-origin:0 0}.ldio-pk6mhbe1fco div{box-sizing:content-box}#contenedor-buscador{display:flex;justify-content:center;margin-bottom:30px;margin-top:30px}#contenedor-buscador .input-container{position:relative;max-width:450px;width:100%;box-shadow:var(--shadow-sm);border-radius:var(--radius-md);transition:box-shadow var(--transition-fast)}#contenedor-buscador .input-container:hover{box-shadow:var(--shadow-md)}#contenedor-buscador .input-container::before{content:"\f002";font-family:FontAwesome!important;color:var(--color-primary);position:absolute;top:50%;left:16px;transform:translateY(-50%);z-index:9;font-weight:900;font-size:16px}#contenedor-buscador #buscar-producto::placeholder{color:var(--color-text-light)}#contenedor-buscador #buscar-producto{font-size:16px;font-weight:400;width:100%;color:var(--color-text-dark);border:1px solid var(--color-border);background-color:#fff;padding:14px 40px 14px 45px;border-radius:var(--radius-md);transition:all var(--transition-fast)}#contenedor-buscador #buscar-producto:hover{border-color:var(--color-primary-light)}#contenedor-buscador #buscar-producto:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px rgba(14,165,233,0.15)}#contenedor-buscador #limpiar-busqueda{font-size:18px;position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--color-text-light);background-color:transparent;border:none;cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}#contenedor-buscador #limpiar-busqueda:hover{color:var(--color-danger)}.controles-superiores{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:0 10px}.info-productos{font-size:15px;color:var(--color-text);font-weight:500;background-color:var(--color-surface);padding:8px 8px;border-radius:var(--radius-md)}.filtros-contenedor select{font-family:var(--font-family);font-size:15px;padding:10px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:#fff;color:var(--color-text-dark);cursor:pointer;min-width:180px;transition:all var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxNicgZmlsbD0nIzY0NzQ4Qicgdmlld0JveD0nMCAwIDE2IDE2Jz48cGF0aCBkPSdNNy4yNDcgMTEuMTQgMi40NTEgNS42NThDMS44ODUgNS4wMTMgMi4zNDUgNCAzLjIwNCA0aDkuNTkyYTEgMSAwIDAgMSAuNzUzIDEuNjU5bC00Ljc5NiA1LjQ4QTEgMSAwIDAgMSA3LjI0NyAxMS4xNHonLz48L3N2Zz4=");background-repeat:no-repeat;background-position:calc(100% - 12px) center;padding-right:36px;box-shadow:var(--shadow-sm)}.filtros-contenedor select:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.filtros-contenedor select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px rgba(14,165,233,0.15)}#categorias-contenedor-wrapper{position:relative;margin-bottom:40px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-border);padding:8px 0}#categorias-contenedor-wrapper::-webkit-scrollbar{height:6px}#categorias-contenedor-wrapper::-webkit-scrollbar-track{background:var(--color-border);border-radius:10px}#categorias-contenedor-wrapper::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:10px}#categorias-contenedor{display:flex;gap:12px;white-space:nowrap;padding:5px 0;min-width:100%;margin:0 auto;justify-content:center}#categorias-contenedor button{font-size:15px;font-weight:600;text-align:center;padding:10px 20px;cursor:pointer;transition:all var(--transition-fast);list-style-type:none;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:#fff;color:var(--color-text-dark);white-space:nowrap;flex:0 0 auto;box-shadow:var(--shadow-sm)}#categorias-contenedor button:hover{background-color:var(--color-surface);transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}#categorias-contenedor button.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.contenedor-productos{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;gap:30px;opacity:0;transition:opacity 0.5s ease-in-out;padding:0 10px}.producto{font-family:var(--font-family);color:var(--color-text);background-color:#FFFFFF;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);width:100%;transition:all var(--transition-normal);display:flex;flex-direction:column;height:100%;position:relative}.producto:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-light)}.producto .imagen-container{position:relative;background:var(--color-surface);width:100%;height:220px;overflow:hidden}.producto .imagen{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-normal)}.producto:hover .imagen{transform:scale(1.05)}.producto .etiqueta{position:absolute;top:12px;left:12px;color:white;font-size:12px;font-weight:600;padding:6px 12px;border-radius:var(--radius-sm);z-index:1;text-transform:uppercase;letter-spacing:0.5px;box-shadow:var(--shadow-sm)}.producto .etiqueta.oferta{background-color:var(--color-danger)}.producto .etiqueta.nuevo{background-color:var(--color-info)}.producto .etiqueta.agotado{background-color:var(--color-secondary-light)}.producto .etiqueta.promocion{background-color:var(--color-warning)}.producto .etiqueta.unico{background-color:var(--color-success)}.producto .info{padding:20px;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}.producto .categoria{font-size:13px;color:var(--color-text-light);margin-bottom:8px;text-transform:uppercase;letter-spacing:0.5px;font-weight:500}.producto .titulo{font-weight:600;font-size:17px;color:var(--color-text-dark);margin:0 0 8px 0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.producto .subtitulo{font-size:14px;color:var(--color-text);margin:0 0 15px 0;padding:0;min-height:42px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.5}.producto .precio{font-weight:700;font-size:18px;color:var(--color-primary);margin:0 0 20px 0;padding:0}.producto .ver-producto{font-family:var(--font-family);background-color:var(--color-primary);font-size:15px;font-weight:600;color:#fff;border:none;padding:12px 16px;cursor:pointer;width:100%;border-radius:var(--radius-md);transition:all var(--transition-fast);text-align:center;text-transform:uppercase;letter-spacing:0.5px;position:relative;overflow:hidden}.producto .ver-producto:hover{background-color:var(--color-primary-dark)}.producto .ver-producto::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(255,255,255,0.2);transform:scale(0);opacity:0;border-radius:50%;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1),opacity 0.5s ease}.producto .ver-producto:active::after{transform:scale(2);opacity:0;transition:0s}.paginacion{display:flex;justify-content:center;align-items:center;margin-top:50px;margin-bottom:50px;gap:10px}.pagina-btn{font-family:var(--font-family);background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-dark);padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-weight:500;font-size:15px;display:flex;align-items:center;gap:5px}.pagina-btn:hover:not(:disabled){background-color:var(--color-primary-light);color:var(--color-primary-dark);border-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.pagina-btn:disabled{opacity:0.5;cursor:not-allowed}.numeros-paginas{display:flex;gap:8px}.numero-pagina{font-family:var(--font-family);min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-dark);cursor:pointer;transition:all var(--transition-fast);font-weight:500;font-size:15px}.numero-pagina:hover:not(.active){background-color:var(--color-primary-light);color:var(--color-primary-dark);border-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.numero-pagina.active{background-color:var(--color-primary);color:white;border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.numero-pagina.puntos{cursor:default;background-color:transparent;border-color:transparent}.numero-pagina.puntos:hover{background-color:transparent;color:var(--color-text-dark);border-color:transparent;transform:none;box-shadow:none}.modal{display:none;position:fixed;z-index:999999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.6);backdrop-filter:blur(3px);animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-contenido{position:relative;background-color:#fff;margin:50px auto;padding:0;border-radius:var(--radius-lg);width:90%;max-width:1100px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideIn 0.3s ease;display:flex;flex-direction:column}@keyframes slideIn{from{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-contenido::-webkit-scrollbar{width:8px}.modal-contenido::-webkit-scrollbar-track{background:var(--color-surface);border-radius:10px}.modal-contenido::-webkit-scrollbar-thumb{background-color:var(--color-primary-light);border-radius:10px}.modal-contenido::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary)}.modal-header{padding:20px 30px;border-bottom:1px solid var(--color-border);position:relative;background-color:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.cerrar-modal{position:absolute;right:25px;top:20px;color:var(--color-text-light);font-size:28px;font-weight:bold;cursor:pointer;transition:color var(--transition-fast);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.cerrar-modal:hover{color:var(--color-primary);background-color:var(--color-surface)}.modal-header h2{margin:0;padding:0;color:var(--color-text-dark);font-size:24px;font-weight:600;padding-right:30px;line-height:1.3}.modal-subtitulo{margin:8px 0 0 0;padding:0;color:var(--color-text);font-size:16px;line-height:1.5}.modal-body{padding:30px;display:flex;gap:40px;flex:1}.modal-izquierda{flex:1;min-width:40%}.modal-galeria-principal{position:relative;width:100%;height:350px;background-color:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:15px;box-shadow:var(--shadow-sm)}.etiqueta-producto{position:absolute;top:15px;left:15px;color:white;font-size:12px;font-weight:600;padding:6px 12px;border-radius:var(--radius-sm);z-index:1;text-transform:uppercase;letter-spacing:0.5px;box-shadow:var(--shadow-sm)}.etiqueta-producto.oferta{background-color:var(--color-danger)}.etiqueta-producto.nuevo{background-color:var(--color-info)}.etiqueta-producto.agotado{background-color:var(--color-secondary-light)}.etiqueta-producto.promocion{background-color:var(--color-warning)}.etiqueta-producto.unico{background-color:var(--color-success)}.modal-imagen-principal{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-slow)}.modal-imagen-principal:hover{transform:scale(1.05)}.modal-miniaturas{display:flex;gap:12px;margin-top:15px;flex-wrap:wrap}.modal-miniatura{width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.modal-miniatura:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.modal-miniatura.active{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(14,165,233,0.2)}.modal-miniatura img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-fast)}.modal-miniatura:hover img{transform:scale(1.1)}.modal-derecha{flex:1}.modal-categorias{margin-bottom:15px;display:flex;flex-wrap:wrap;gap:8px}.modal-categoria{display:inline-block;font-size:12px;color:var(--color-text);background-color:var(--color-surface);padding:5px 10px;border-radius:var(--radius-sm);font-weight:500;text-transform:uppercase;letter-spacing:0.5px}.modal-precio{font-size:28px;font-weight:700;color:var(--color-primary);margin:15px 0;display:flex;align-items:center;gap:10px}.modal-precio-regular{text-decoration:line-through;color:var(--color-text-light);font-size:18px;font-weight:500}.modal-descripcion{color:var(--color-text);margin-bottom:25px;line-height:1.7;font-size:15px}.modal-meta{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.modal-sku,.modal-stock{font-size:14px;color:var(--color-text);background-color:var(--color-surface);padding:5px 12px;border-radius:var(--radius-sm);display:flex;align-items:center;font-weight:500}.modal-sku span,.modal-stock span{font-weight:600;margin-right:5px;color:var(--color-text-dark)}.modal-atributos{margin-bottom:25px}.modal-atributo{margin-bottom:15px}.modal-atributo label{display:block;font-size:14px;font-weight:600;color:var(--color-text-dark);margin-bottom:8px}.modal-atributo select{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:15px;color:var(--color-text-dark);background-color:#fff;transition:all var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxNicgZmlsbD0nIzY0NzQ4Qicgdmlld0JveD0nMCAwIDE2IDE2Jz48cGF0aCBkPSdNNy4yNDcgMTEuMTQgMi40NTEgNS42NThDMS44ODUgNS4wMTMgMi4zNDUgNCAzLjIwNCA0aDkuNTkyYTEgMSAwIDAgMSAuNzUzIDEuNjU5bC00Ljc5NiA1LjQ4QTEgMSAwIDAgMSA3LjI0NyAxMS4xNHonLz48L3N2Zz4=");background-repeat:no-repeat;background-position:calc(100% - 12px) center;padding-right:36px;box-shadow:var(--shadow-sm)}.modal-atributo select:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.modal-atributo select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px rgba(14,165,233,0.15)}.modal-cantidad{margin-bottom:25px}.modal-cantidad label{display:block;font-size:14px;font-weight:600;color:var(--color-text-dark);margin-bottom:8px}.cantidad-controles{display:flex;align-items:center;max-width:150px;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.cantidad-btn{width:40px;height:42px;background-color:var(--color-surface);border:none;color:var(--color-text-dark);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.cantidad-btn:hover{background-color:var(--color-primary-light);color:var(--color-primary-dark)}#modal-input-cantidad{width:70px;text-align:center;border:none;height:42px;padding:0 5px;font-size:16px;font-weight:500;color:var(--color-text-dark)}#modal-input-cantidad:focus{outline:none}.modal-agregar{font-family:var(--font-family);background-color:var(--color-primary);font-size:16px;font-weight:600;color:#fff;border:none;padding:14px 20px;cursor:pointer;width:100%;border-radius:var(--radius-md);transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:0.5px;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.modal-agregar:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.modal-agregar::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(255,255,255,0.2);transform:scale(0);opacity:0;border-radius:50%;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1),opacity 0.5s ease}.modal-agregar:active::after{transform:scale(2);opacity:0;transition:0s}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}100%{transform:translateX(0)}}#carrito-icon{position:fixed;right:20px;bottom:20px;background-color:var(--color-primary);color:white;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-lg);transition:all var(--transition-fast);z-index:9997}#carrito-icon:hover{background-color:var(--color-primary-dark);transform:scale(1.1)}#carrito-contador{position:absolute;top:-5px;right:-5px;background-color:var(--color-danger);color:white;font-size:12px;font-weight:600;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}#carrito-icon.shaking{animation:shake 0.5s ease-in-out}#carrito-container{position:fixed;top:0;right:-400px;width:400px;height:100%;background-color:#ffffff;box-shadow:-5px 0 25px rgba(0,0,0,0.15);transition:right 0.3s cubic-bezier(0.4,0,0.2,1);z-index:999998;border-left:1px solid var(--color-border)}#carrito-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--color-border);background-color:var(--color-surface)}#carrito-titulo{font-size:18px;font-weight:600;color:var(--color-text-dark);margin:0}#cerrar-carrito{font-size:24px;color:var(--color-text-light);cursor:pointer;background:none;border:none;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast)}#cerrar-carrito:hover{color:var(--color-primary);background-color:rgba(14,165,233,0.1)}#lista-productos{flex:1;overflow-y:auto;max-height:100vh;padding:20px;padding-bottom:120px;display:flex;flex-direction:column}#lista-productos::-webkit-scrollbar{width:6px}#lista-productos::-webkit-scrollbar-track{background:var(--color-surface)}#lista-productos::-webkit-scrollbar-thumb{background-color:var(--color-primary-light);border-radius:10px}#lista-productos::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary)}#formulario-pedido::-webkit-scrollbar{width:6px}#formulario-pedido::-webkit-scrollbar-track{background:var(--color-surface)}#formulario-pedido::-webkit-scrollbar-thumb{background-color:var(--color-primary-light);border-radius:10px}#formulario-pedido::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary)}#formulario-pedido{scrollbar-width:thin;scrollbar-color:var(--color-primary-light) var(--color-surface)}#carrito-vacio-mensaje{text-align:center;color:var(--color-text-light);padding:40px 0;font-size:16px;font-weight:500;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column}#carrito-vacio-mensaje::before{content:'🛒';font-size:50px;margin-bottom:20px;opacity:0.5}#carrito-lista{margin:0;padding:0;list-style-type:none;flex:1}#carrito-lista li{display:flex;padding:15px 0;border-bottom:1px solid var(--color-border);position:relative;transition:all var(--transition-fast)}#carrito-lista li:hover{background-color:var(--color-surface);border-radius:var(--radius-md);padding-left:10px;padding-right:10px;margin-left:-10px;margin-right:-10px}.carrito-item-img{width:70px;height:70px;border-radius:var(--radius-md);margin-right:15px;object-fit:cover;border:1px solid var(--color-border);background-color:var(--color-surface);transition:transform var(--transition-fast)}#carrito-lista li:hover .carrito-item-img{transform:scale(1.05)}.carrito-item-detalles{flex:1;min-width:0}.carrito-item-titulo{font-size:15px;font-weight:600;color:var(--color-text-dark);margin:0 0 5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.carrito-item-variantes{font-size:13px;color:var(--color-text);margin:0 0 8px 0;line-height:1.4}.carrito-item-precio{font-size:15px;font-weight:600;color:var(--color-primary);display:block;margin-top:5px}.carrito-item-cantidad{font-size:13px;color:var(--color-text);margin-top:3px;background-color:var(--color-surface);padding:2px 8px;border-radius:var(--radius-sm);display:inline-block}.eliminar{font-size:22px;color:var(--color-text-light);cursor:pointer;margin-left:10px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:all var(--transition-fast);align-self:center}.eliminar:hover{color:var(--color-danger);background-color:rgba(239,68,68,0.1);transform:scale(1.1)}#carrito-resumen{margin-top:20px;padding:20px 0;border-top:1px dashed var(--color-border)}.resumen-fila{display:flex;justify-content:space-between;margin-bottom:10px;font-size:15px;color:var(--color-text)}.resumen-fila.total{font-size:18px;font-weight:700;color:var(--color-text-dark);margin-top:15px;padding-top:15px;border-top:1px dashed var(--color-border)}#carrito-acciones{margin-top:20px;display:flex;flex-direction:column;gap:12px}#vaciar-carrito,#mostrar-formulario{font-family:var(--font-family);font-size:15px;font-weight:600;padding:12px 16px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);width:100%;text-align:center;position:relative;overflow:hidden}#vaciar-carrito{background-color:var(--color-surface);color:var(--color-text-dark);border:1px solid var(--color-border)}#vaciar-carrito:hover{background-color:var(--color-border);transform:translateY(-2px)}#mostrar-formulario{background-color:var(--color-primary);color:#fff;border:none;box-shadow:var(--shadow-md)}#mostrar-formulario:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}#vaciar-carrito::after,#mostrar-formulario::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(255,255,255,0.2);transform:scale(0);opacity:0;border-radius:50%;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1),opacity 0.5s ease}#vaciar-carrito:active::after,#mostrar-formulario:active::after{transform:scale(2);opacity:0;transition:0s}#formulario-pedido{background-color:#fff;margin:0 auto;padding:30px;max-width:800px;max-height:100vh;overflow-y:auto;padding-bottom:120px}.formulario-header{margin-bottom:20px}#formulario-pedido h3{color:var(--color-text-dark);font-size:24px;font-weight:600;margin-top:15px;margin-bottom:30px;text-align:center}#formulario-pedido form{color:var(--color-text)}#formulario-pedido label{font-size:15px;display:block;margin-bottom:8px;font-weight:500;color:var(--color-text-dark)}#formulario-pedido input[type="text"],#formulario-pedido input[type="tel"],#formulario-pedido select,#formulario-pedido textarea{font-family:var(--font-family);font-size:15px;width:100%;padding:12px 16px;margin-bottom:20px;border:1px solid var(--color-border);background-color:#ffffff;border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text-dark);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}#formulario-pedido select{appearance:none;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxNicgZmlsbD0nIzY0NzQ4Qicgdmlld0JveD0nMCAwIDE2IDE2Jz48cGF0aCBkPSdNNy4yNDcgMTEuMTQgMi40NTEgNS42NThDMS44ODUgNS4wMTMgMi4zNDUgNCAzLjIwNCA0aDkuNTkyYTEgMSAwIDAgMSAuNzUzIDEuNjU5bC00Ljc5NiA1LjQ4QTEgMSAwIDAgMSA3LjI0NyAxMS4xNHonLz48L3N2Zz4=");background-repeat:no-repeat;background-position:calc(100% - 12px) center;padding-right:36px}#formulario-pedido textarea{resize:vertical;min-height:120px}#formulario-pedido input:hover,#formulario-pedido select:hover,#formulario-pedido textarea:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}#formulario-pedido input:focus,#formulario-pedido select:focus,#formulario-pedido textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px rgba(14,165,233,0.15)}#formulario-pedido #campo-direccion{margin-bottom:10px;transition:all var(--transition-normal)}#formulario-pedido .nota-direccion,#formulario-pedido .nota-envio{font-size:13px;font-style:italic;line-height:1.7;margin-top:5px;margin-bottom:20px;color:var(--color-text-light)}#formulario-pedido .nota-direccion a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}#formulario-pedido .nota-direccion a:hover{color:var(--color-primary-dark);text-decoration:underline}#formulario-pedido .cupon-container{display:flex;gap:10px;margin-bottom:20px}#formulario-pedido #cupon{margin-bottom:0}#formulario-pedido #aplicar-cupon{font-family:var(--font-family);background-color:var(--color-primary);font-size:14px;font-weight:600;color:#fff;border:none;padding:0 20px;cursor:pointer;border-radius:var(--radius-md);white-space:nowrap;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}#formulario-pedido #aplicar-cupon:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}#formulario-pedido .mensaje-cupon{font-size:14px;margin-top:5px;margin-bottom:20px;padding:8px 12px;border-radius:var(--radius-md);transition:all var(--transition-fast)}#formulario-pedido .mensaje-cupon.error{color:var(--color-danger);background-color:rgba(239,68,68,0.1)}#formulario-pedido .mensaje-cupon.success{color:var(--color-success);background-color:rgba(16,185,129,0.1)}#formulario-pedido .terminos-container{display:flex;align-items:flex-start;margin-bottom:25px;padding:15px;background-color:var(--color-surface);border-radius:var(--radius-md)}#formulario-pedido #aceptar-terminos{width:auto;margin-right:10px;margin-top:3px;cursor:pointer}#formulario-pedido .terminos-container label{display:inline;font-weight:normal;margin-bottom:0}#formulario-pedido .terminos-container a{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}#formulario-pedido .terminos-container a:hover{color:var(--color-primary-dark);text-decoration:underline}#formulario-pedido .aviso-importante{background-color:var(--color-surface);border-left:4px solid var(--color-primary);padding:15px;margin-bottom:25px;font-size:14px;color:var(--color-text);border-radius:var(--radius-md);line-height:1.6}#formulario-pedido #enviar-whatsapp{font-family:var(--font-family);background-color:#25d366;font-size:15px;font-weight:600;color:#fff;border:none;padding:15px 20px 15px 45px;cursor:pointer;width:100%;border-radius:var(--radius-md);transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:0.5px;position:relative;overflow:hidden;box-shadow:var(--shadow-md);margin-top:10px;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:60px}#formulario-pedido #enviar-whatsapp::before{content:"\f232";font-family:FontAwesome!important;color:white;position:absolute;top:50%;left:20px;transform:translateY(-50%);font-size:22px;font-weight:normal}#formulario-pedido #enviar-whatsapp:disabled{background-color:#9ca3af;cursor:not-allowed;box-shadow:none}#formulario-pedido #enviar-whatsapp:not(:disabled):hover{background-color:#128c7e;transform:translateY(-3px);box-shadow:var(--shadow-lg)}#formulario-pedido #enviar-whatsapp::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(255,255,255,0.2);transform:scale(0);opacity:0;border-radius:50%;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1),opacity 0.5s ease}#formulario-pedido #enviar-whatsapp:active::after{transform:scale(2);opacity:0;transition:0s}#volver-lista-productos{display:inline-flex;align-items:center;font-size:15px;color:var(--color-text);margin-bottom:10px;cursor:pointer;background:none;border:none;padding:8px 12px;border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:500}#volver-lista-productos:hover{color:var(--color-primary);background-color:var(--color-surface)}#volver-lista-productos::before{content:"←";margin-right:8px}.resumen-pedido{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:20px;margin-bottom:30px;box-shadow:var(--shadow-sm)}.resumen-pedido h4{font-size:18px;font-weight:600;color:var(--color-text-dark);margin-top:0;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--color-border)}.resumen-pedido-lista{margin-bottom:20px}.resumen-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--color-border)}.resumen-item-info{display:flex;align-items:flex-start;gap:10px}.resumen-item-cantidad{font-weight:600;color:var(--color-text-light);background-color:#fff;padding:2px 8px;border-radius:var(--radius-sm);min-width:25px;text-align:center}.resumen-item-titulo{font-weight:600;color:var(--color-text-dark)}.resumen-atributos{font-size:13px;color:var(--color-text);margin-top:5px;display:block}.resumen-item-precio{font-weight:600;color:var(--color-primary);white-space:nowrap}.resumen-totales{border-top:1px dashed var(--color-border);padding-top:15px}.resumen-linea{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px;color:var(--color-text)}.resumen-linea.total{font-size:18px;font-weight:700;color:var(--color-text-dark);margin-top:15px;padding-top:15px;border-top:1px dashed var(--color-border)}.terminos-contenido{padding:20px;max-height:450px;overflow-y:auto;line-height:1.6}.terminos-contenido::-webkit-scrollbar{width:6px}.terminos-contenido::-webkit-scrollbar-track{background:var(--color-surface);border-radius:10px}.terminos-contenido::-webkit-scrollbar-thumb{background-color:var(--color-primary-light);border-radius:10px}.terminos-contenido::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary)}.confirmacion-contenido{max-width:500px}.confirmacion-mensaje{text-align:center;padding:40px 20px}.confirmacion-icono{display:flex;align-items:center;justify-content:center;width:100px;height:100px;background-color:var(--color-success);color:white;border-radius:50%;font-size:50px;margin:0 auto 30px;box-shadow:var(--shadow-lg);animation:scaleIn 0.5s cubic-bezier(0.175,0.885,0.32,1.275) forwards}@keyframes scaleIn{0%{transform:scale(0)}70%{transform:scale(1.1)}100%{transform:scale(1)}}.confirmacion-mensaje p{font-size:16px;color:var(--color-text);margin-bottom:15px;line-height:1.6}.confirmacion-mensaje p:first-of-type{font-size:24px;font-weight:600;color:var(--color-text-dark);margin-bottom:20px}.confirmacion-mensaje #confirmacion-numero{color:var(--color-primary);font-weight:700;background-color:var(--color-surface);padding:6px 12px;border-radius:var(--radius-md);border:1px dashed var(--color-primary-light);display:inline-block;margin-top:5px}.btn-volver{font-family:var(--font-family);background-color:var(--color-primary);font-size:16px;font-weight:600;color:#fff;border:none;padding:12px 24px;cursor:pointer;border-radius:var(--radius-md);margin-top:30px;transition:all var(--transition-fast);box-shadow:var(--shadow-md);display:inline-block}.btn-volver:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.overlay-no-disponible{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);backdrop-filter:blur(5px);z-index:99999;display:flex;align-items:center;justify-content:center}.mensaje-no-disponible{background-color:white;border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-xl);max-width:500px;width:90%;text-align:center;animation:fadeInUp 0.5s ease forwards}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mensaje-cerrado .icono-cerrado{font-size:70px;font-style:normal;display:block;margin-bottom:30px;color:var(--color-primary);animation:pulse 2s infinite;width:120px;height:120px;background-color:var(--color-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;box-shadow:var(--shadow-lg)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.mensaje-cerrado h3{color:var(--color-text-dark);font-size:28px;margin-bottom:20px;line-height:1.3}.mensaje-cerrado p{color:var(--color-text);font-size:16px;line-height:1.6;margin-bottom:0}#mensaje-no-encontrado{text-align:center;padding:60px 20px;color:var(--color-text);font-size:18px;background-color:var(--color-surface);border-radius:var(--radius-lg);margin:30px 0}#mensaje-no-encontrado::before{content:'🔍';font-size:50px;display:block;margin-bottom:20px}@media only screen and (max-width:1200px){.contenedor-productos{grid-template-columns:repeat(3,1fr);gap:25px}}@media only screen and (max-width:980px){.contenedor-productos{grid-template-columns:repeat(2,1fr);gap:20px}.modal-body{flex-direction:column}.modal-izquierda,.modal-derecha{width:100%}.modal-galeria-principal{height:300px}#carrito-container{width:350px;right:-350px}#formulario-pedido{padding:20px;padding-bottom:120px}}@media only screen and (max-width:768px){#contenedor-buscador .input-container{max-width:90%}.controles-superiores{flex-direction:column;gap:15px;align-items:flex-start}.filtros-contenedor{width:100%}.filtros-contenedor select{width:100%}.contenedor-productos{grid-template-columns:repeat(2,1fr);gap:15px}.producto .titulo{font-size:16px}.producto .subtitulo{font-size:13px;min-height:36px}.producto .precio{font-size:16px}.producto .ver-producto{font-size:14px;padding:10px 12px}.modal-contenido{width:95%;margin:30px auto}.modal-header h2{font-size:20px}.modal-subtitulo{font-size:14px}.modal-galeria-principal{height:250px}.modal-precio{font-size:24px}.paginacion{flex-wrap:wrap}#carrito-container{width:320px;right:-320px}#carrito-icon{width:50px;height:50px}.notification{left:20px!important;right:auto!important;transform:translateX(-100px)!important}.notification.show,.notification[style*="opacity: 1"]{transform:translateX(0)!important}.mensaje-cerrado h3{font-size:20px!important}.mensaje-cerrado p{font-size:14px!important}}@media only screen and (max-width:576px){#contenedor-buscador{margin-bottom:25px;margin-top:20px}#contenedor-buscador #buscar-producto{font-size:15px;padding:12px 30px 12px 45px}#categorias-contenedor-wrapper{margin-bottom:25px}#categorias-contenedor button{font-size:13px}.info-productos{font-size:14px;padding:8px 4px}.controles-superiores{margin-left:-7.5px;margin-right:-7.5px}.contenedor-productos{grid-template-columns:repeat(2,1fr);gap:15px;margin-left:-7.5px;margin-right:-7.5px}.filtros-contenedor select{font-size:14px}.producto .imagen-container{height:120px}.producto .etiqueta{font-size:10px}.producto .info{padding:10px}.producto .categoria{font-size:11px}.producto .precio,.producto .titulo{font-size:14px}.producto .ver-producto{font-size:11px}.modal-header{padding:15px 20px}.modal-header h2{font-size:18px}.modal-body{padding:20px}.modal-galeria-principal{height:220px}.modal-miniatura{width:60px;height:60px}.modal-precio{font-size:22px}.modal-agregar{font-size:15px;padding:12px 15px}.paginacion{gap:5px}.pagina-btn{padding:8px 12px;font-size:14px}.numero-pagina{min-width:35px;height:35px;font-size:14px}#carrito-container{width:100%;right:-100%}#carrito-icon{right:15px;bottom:15px}#formulario-pedido{padding:15px;padding-bottom:120px}.resumen-pedido{padding:15px}.cupon-container{flex-direction:column}#formulario-pedido #aplicar-cupon{width:100%;padding:10px}.confirmacion-contenido{width:95%}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation:fadeIn 0.5s ease forwards}@keyframes slideInRight{from{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}.slideInRight{animation:slideInRight 0.3s ease forwards}.mensaje-whatsapp-enviando{background-color:rgba(0,0,0,0.7);color:white;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999999;backdrop-filter:blur(5px)}.whatsapp-loader{border:5px solid #f3f3f3;border-top:5px solid #25d366;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:20px}#categorias-contenedor button:focus,.producto .ver-producto:focus,.pagina-btn:focus,.numero-pagina:focus,.modal-miniatura:focus,.filtros-contenedor select:focus,.modal-atributo select:focus,.cantidad-btn:focus,#vaciar-carrito:focus,#mostrar-formulario:focus,#volver-lista-productos:focus,#formulario-pedido input:focus,#formulario-pedido select:focus,#formulario-pedido textarea:focus,#aplicar-cupon:focus,#enviar-whatsapp:focus,.btn-volver:focus{outline:none;box-shadow:0 0 0 3px rgba(14,165,233,0.3)}.empty-state{text-align:center;padding:40px 20px;background-color:var(--color-surface);border-radius:var(--radius-lg);color:var(--color-text-light)}.empty-state-icon{font-size:50px;margin-bottom:20px;opacity:0.5}.empty-state-title{font-size:20px;font-weight:600;color:var(--color-text-dark);margin-bottom:10px}.empty-state-message{font-size:16px;color:var(--color-text);max-width:400px;margin:0 auto;line-height:1.6}.tooltip{position:relative;display:inline-block}.tooltip .tooltip-text{visibility:hidden;width:200px;background-color:var(--color-secondary);color:white;text-align:center;border-radius:var(--radius-md);padding:10px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity 0.3s;box-shadow:var(--shadow-lg);font-size:14px;line-height:1.5}.tooltip .tooltip-text::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--color-secondary) transparent transparent transparent}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.action-button{position:relative;overflow:hidden}.action-button::after{content:'';position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,0.2);top:0;left:0;transform:scale(0);opacity:0;border-radius:50%;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1),opacity 0.5s ease}.action-button:active::after{transform:scale(2);opacity:0;transition:0s}.badge{display:inline-block;padding:3px 8px;font-size:12px;font-weight:600;line-height:1;color:white;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:10px}.badge-primary{background-color:var(--color-primary)}.badge-success{background-color:var(--color-success)}.badge-danger{background-color:var(--color-danger)}.badge-warning{background-color:var(--color-warning)}.badge-info{background-color:var(--color-info)}.notification{position:fixed;bottom:20px;right:20px;background-color:white;color:var(--color-text-dark);border-radius:var(--radius-md);padding:15px 20px;box-shadow:var(--shadow-lg);z-index:99999999;transform:translateY(100px);opacity:0;transition:transform 0.3s ease,opacity 0.3s ease;max-width:300px}.notification.show{transform:translateY(0);opacity:1}.notification-icon{margin-right:10px}.notification-success{border-left:4px solid var(--color-success)}.notification-error{border-left:4px solid var(--color-danger)}.notification-info{border-left:4px solid var(--color-info)}.notification-warning{border-left:4px solid var(--color-warning)}::selection{background-color:var(--color-primary-light);color:var(--color-primary-dark)}body{overflow-x:hidden}.page-container{overflow-x:hidden;position:relative}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}