.header{position:sticky;top:0;z-index:100;box-shadow:var(--sombra-md)}.header-top{background:var(--azul-primario);color:#fff;font-size:var(--tamano-xs);padding:.375rem 0}.header-top .contenedor{display:flex;justify-content:space-between;align-items:center}.header-principal{background:var(--blanco);padding:.75rem 0;border-bottom:1px solid var(--gris-borde)}.header-principal-inner{display:flex;align-items:center;gap:1.5rem}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;flex-shrink:0}.logo-icono{font-size:2rem;line-height:1}.logo-texto{display:flex;flex-direction:column}.logo-nombre{font-size:var(--tamano-lg);font-weight:700;color:var(--azul-primario);line-height:1.2}.logo-slogan{font-size:var(--tamano-xs);color:var(--gris-texto)}.buscador{flex:1;display:flex;max-width:480px}.buscador input{flex:1;padding:.625rem 1rem;border:2px solid var(--gris-borde);border-right:none;border-radius:var(--radio-full) 0 0 var(--radio-full);font-size:var(--tamano-sm);transition:var(--transicion)}.buscador input:focus{border-color:var(--azul-primario);outline:none}.buscador button{padding:.625rem 1rem;background:var(--azul-primario);color:#fff;border:2px solid var(--azul-primario);border-radius:0 var(--radio-full) var(--radio-full) 0;cursor:pointer;transition:var(--transicion)}.buscador button:hover{background:var(--azul-oscuro)}.buscador button svg{width:18px;height:18px}.header-acciones{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.btn-header{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.5rem .75rem;color:var(--texto-principal);text-decoration:none;border-radius:var(--radio-md);transition:var(--transicion)}.btn-header:hover{background:var(--azul-claro);color:var(--azul-primario)}.btn-header svg{width:22px;height:22px}.btn-header-texto{font-size:.65rem;font-weight:500}.btn-carrito{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--azul-primario);color:#fff;border-radius:var(--radio-full);text-decoration:none;transition:var(--transicion)}.btn-carrito:hover{background:var(--azul-oscuro);transform:scale(1.05);color:#fff}.btn-carrito svg{width:20px;height:20px}.carrito-badge{position:absolute;top:-4px;right:-4px;background:var(--rosa-primario);color:#fff;font-size:.65rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.btn-menu-movil{display:none;flex-direction:column;gap:5px;background:none;padding:.5rem;cursor:pointer}.btn-menu-movil span{display:block;width:24px;height:2px;background:var(--texto-principal);border-radius:2px;transition:var(--transicion)}.nav-categorias{background:linear-gradient(135deg,var(--azul-primario),var(--azul-oscuro));padding:0}.nav-inner{display:flex;align-items:center;overflow-x:auto;scrollbar-width:none}.nav-inner::-webkit-scrollbar{display:none}.nav-item{display:flex;align-items:center;gap:.375rem;padding:.75rem 1rem;color:#ffffffe6;text-decoration:none;font-size:var(--tamano-sm);font-weight:500;white-space:nowrap;border-bottom:3px solid transparent;transition:var(--transicion)}.nav-item:hover,.nav-item.activo{color:#fff;border-bottom-color:#fff;background:#ffffff1a}.nav-todos{font-weight:600;color:#fff}@media (max-width: 768px){.logo-slogan{display:none}.buscador{max-width:none;flex:1}.btn-header-texto{display:none}.btn-menu-movil{display:flex}.nav-categorias{display:none}.nav-categorias.abierto{display:block}.nav-inner{flex-direction:column;align-items:stretch}.nav-item{padding:.875rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}}@media (max-width: 480px){.header-top .contenedor span:last-child{display:none}.logo-icono{font-size:1.5rem}.logo-nombre{font-size:var(--tamano-base)}}.footer{background:var(--texto-principal);color:#ffffffd9;margin-top:auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;padding:3rem 1.5rem}.footer-logo{display:flex;align-items:center;gap:.625rem;font-size:var(--tamano-xl);font-weight:700;color:#fff;margin-bottom:1rem}.footer-logo span:first-child{font-size:1.75rem}.footer-desc{font-size:var(--tamano-sm);line-height:1.7;color:#ffffffa6;margin-bottom:1.25rem}.btn-wa-footer{display:inline-flex;align-items:center;gap:.5rem;background:#25d366;color:#fff;padding:.625rem 1.25rem;border-radius:var(--radio-full);font-size:var(--tamano-sm);font-weight:600;text-decoration:none;transition:var(--transicion)}.btn-wa-footer:hover{background:#128c7e;color:#fff;transform:translateY(-1px)}.btn-wa-footer svg{width:18px;height:18px}.footer-titulo{font-size:var(--tamano-sm);font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.footer-lista{list-style:none;display:flex;flex-direction:column;gap:.625rem}.footer-lista a{color:#ffffffa6;font-size:var(--tamano-sm);text-decoration:none;transition:var(--transicion)}.footer-lista a:hover{color:#fff;padding-left:.25rem}.footer-contacto{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-contacto li{display:flex;align-items:center;gap:.625rem;font-size:var(--tamano-sm);color:#ffffffbf}.footer-contacto svg{width:16px;height:16px;flex-shrink:0;color:var(--azul-medio)}.footer-bottom{background:#0003;padding:1rem 0;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom .contenedor{display:flex;justify-content:space-between;align-items:center;font-size:var(--tamano-xs);color:#ffffff80}@media (max-width: 900px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 580px){.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom .contenedor{flex-direction:column;gap:.5rem;text-align:center}}:root{--azul-primario: #4A90D9;--azul-oscuro: #2E6DB4;--azul-claro: #E8F4FD;--azul-medio: #B3D7F5;--rosa-primario: #F472B6;--rosa-claro: #FDF2F8;--rosa-medio: #FBCFE8;--blanco: #FFFFFF;--gris-claro: #F8FAFC;--gris-borde: #E2E8F0;--gris-texto: #64748B;--texto-principal: #1E293B;--texto-secundario: #475569;--verde-exito: #10B981;--rojo-error: #EF4444;--amarillo-aviso: #F59E0B;--sombra-sm: 0 1px 3px rgba(0,0,0,.1);--sombra-md: 0 4px 12px rgba(0,0,0,.1);--sombra-lg: 0 8px 24px rgba(0,0,0,.12);--sombra-hover: 0 8px 24px rgba(74,144,217,.2);--radio-sm: 6px;--radio-md: 10px;--radio-lg: 16px;--radio-xl: 24px;--radio-full: 9999px;--fuente: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--tamano-xs: .75rem;--tamano-sm: .875rem;--tamano-base: 1rem;--tamano-lg: 1.125rem;--tamano-xl: 1.25rem;--tamano-2xl: 1.5rem;--tamano-3xl: 2rem;--tamano-4xl: 2.5rem;--transicion: all .2s ease;--transicion-lenta: all .35s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--fuente);color:var(--texto-principal);background:var(--gris-claro);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--texto-principal)}a{color:var(--azul-primario);text-decoration:none;transition:var(--transicion)}a:hover{color:var(--azul-oscuro)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;font-family:var(--fuente);transition:var(--transicion)}input,textarea,select{font-family:var(--fuente);font-size:var(--tamano-base);outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--gris-claro)}::-webkit-scrollbar-thumb{background:var(--azul-medio);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--azul-primario)}.contenedor{max-width:1280px;margin:0 auto;padding:0 1.5rem}.flex{display:flex}.flex-centro{display:flex;align-items:center;justify-content:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.texto-centro{text-align:center}.texto-derecha{text-align:right}.oculto{display:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radio-md);font-weight:500;font-size:var(--tamano-sm);transition:var(--transicion);border:none;cursor:pointer;white-space:nowrap}.btn-primario{background:var(--azul-primario);color:var(--blanco)}.btn-primario:hover{background:var(--azul-oscuro);transform:translateY(-1px);box-shadow:var(--sombra-hover)}.btn-secundario{background:var(--rosa-claro);color:var(--rosa-primario);border:1px solid var(--rosa-medio)}.btn-secundario:hover{background:var(--rosa-medio)}.btn-outline{background:transparent;color:var(--azul-primario);border:2px solid var(--azul-primario)}.btn-outline:hover{background:var(--azul-claro)}.btn-grande{padding:.875rem 2rem;font-size:var(--tamano-base);border-radius:var(--radio-lg)}.btn-bloque{width:100%}.tarjeta{background:var(--blanco);border-radius:var(--radio-lg);box-shadow:var(--sombra-sm);border:1px solid var(--gris-borde);overflow:hidden;transition:var(--transicion-lenta)}.tarjeta:hover{box-shadow:var(--sombra-hover);transform:translateY(-2px)}.campo-form{display:flex;flex-direction:column;gap:.375rem}.campo-form label{font-size:var(--tamano-sm);font-weight:500;color:var(--texto-secundario)}.campo-form input,.campo-form textarea,.campo-form select{padding:.625rem .875rem;border:1.5px solid var(--gris-borde);border-radius:var(--radio-md);font-size:var(--tamano-sm);color:var(--texto-principal);background:var(--blanco);transition:var(--transicion)}.campo-form input:focus,.campo-form textarea:focus,.campo-form select:focus{border-color:var(--azul-primario);box-shadow:0 0 0 3px #4a90d926}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:var(--radio-full);font-size:var(--tamano-xs);font-weight:600}.badge-azul{background:var(--azul-claro);color:var(--azul-oscuro)}.badge-rosa{background:var(--rosa-claro);color:var(--rosa-primario)}.badge-verde{background:#d1fae5;color:#059669}.badge-rojo{background:#fee2e2;color:#dc2626}.badge-amarillo{background:#fef3c7;color:#d97706}.spinner{width:2rem;height:2rem;border:3px solid var(--azul-claro);border-top-color:var(--azul-primario);border-radius:50%;animation:girar .7s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.cargando-centro{display:flex;justify-content:center;align-items:center;min-height:200px}.alerta{padding:.875rem 1rem;border-radius:var(--radio-md);font-size:var(--tamano-sm);border-left:4px solid}.alerta-exito{background:#f0fdf4;color:#166534;border-color:var(--verde-exito)}.alerta-error{background:#fef2f2;color:#991b1b;border-color:var(--rojo-error)}.alerta-info{background:var(--azul-claro);color:var(--azul-oscuro);border-color:var(--azul-primario)}.grid-productos{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}@media (max-width: 640px){.grid-productos{grid-template-columns:repeat(2,1fr);gap:.875rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}.seccion{padding:3rem 0}.titulo-seccion{font-size:var(--tamano-2xl);font-weight:700;color:var(--texto-principal);text-align:center;margin-bottom:.5rem}.subtitulo-seccion{color:var(--gris-texto);text-align:center;margin-bottom:2.5rem;font-size:var(--tamano-base)}.btn-whatsapp-flotante{position:fixed;bottom:1.5rem;right:1.5rem;width:56px;height:56px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #25d36666;transition:var(--transicion);z-index:1000;text-decoration:none}.btn-whatsapp-flotante:hover{transform:scale(1.1);box-shadow:0 6px 20px #25d36680}.btn-whatsapp-flotante svg{width:28px;height:28px;fill:#fff}