@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Roboto+Slab:wght@400;500;600;700&display=swap";.navbar{background-color:var(--navbar-bg);color:var(--navbar-text);padding:12px 16px;box-shadow:0 4px 6px #0000001a;border-bottom:2px solid var(--navbar-border);position:sticky;top:0;z-index:1000}.navbar-container{display:flex;align-items:center;justify-content:space-between;max-width:100%;gap:8px;flex-wrap:nowrap}.logo{font-size:1.3rem;font-weight:700;display:flex;align-items:center;gap:6px;color:var(--navbar-text-contraste);flex-shrink:0;min-width:fit-content;position:relative}.logo-secundario{color:var(--navbar-text-contraste);font-weight:600;letter-spacing:.5px}.menu-btn{margin-left:8px;padding:6px 10px;background-color:var(--navbar-btn-bg);color:var(--navbar-btn-text);border:1px solid var(--navbar-border);border-radius:5px;cursor:pointer;font-family:inherit;font-size:.9rem;transition:all .3s ease;flex-shrink:0;white-space:nowrap;display:flex;align-items:center;gap:5px}.menu-btn:hover{background-color:var(--navbar-btn-hover-bg);box-shadow:0 2px 4px #0003}.chevron{transition:transform .3s ease;font-size:.7rem}.chevron.rotated{transform:rotate(180deg)}.menu-maestro-constructor{position:absolute;top:100%;left:0;background:var(--color-fondo);border:1px solid var(--color-borde);border-radius:8px;box-shadow:0 8px 25px #f5dd0026;width:320px;max-height:500px;z-index:1001;margin-top:5px;animation:slideDown .3s ease-out;transition:width .3s ease,box-shadow .3s ease;overflow:hidden}.menu-maestro-constructor.extendido{width:700px;box-shadow:0 8px 35px #f5dd0033}.menu-header{padding:15px 20px;border-bottom:1px solid var(--color-borde);background:linear-gradient(135deg,var(--color-fondo) 0%,var(--color-secundario) 100%);display:flex;align-items:center;justify-content:space-between;border-radius:8px 8px 0 0}.menu-header h3{margin:0;font-size:1.1rem;color:var(--color-texto);font-weight:600}.menu-contenido{display:flex;height:100%;max-height:420px;overflow:hidden}.panel-categorias{min-width:320px;width:320px;border-right:1px solid var(--color-borde);background:var(--color-fondo);display:flex;flex-direction:column}.categorias-lista{padding:0;margin:0;flex:1;overflow:hidden}.categorias-lista.con-scroll{max-height:420px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-borde) var(--color-fondo)}.categorias-lista.con-scroll::-webkit-scrollbar{width:6px}.categorias-lista.con-scroll::-webkit-scrollbar-track{background:var(--color-fondo);border-radius:3px}.categorias-lista.con-scroll::-webkit-scrollbar-thumb{background:var(--color-borde);border-radius:3px}.categorias-lista.con-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-acento)}.categoria-item-maestro{border-bottom:1px solid var(--color-borde);transition:all .2s ease;position:relative}.categoria-item-maestro:last-child{border-bottom:none}.categoria-item-maestro:hover,.categoria-item-maestro.activa{background:linear-gradient(90deg,var(--color-secundario) 0%,rgba(245,221,0,.1) 100%);border-left:4px solid var(--color-acento)}.categoria-link-maestro{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;color:var(--color-texto);text-decoration:none;font-weight:500;transition:all .2s ease;width:100%}.categoria-link-maestro:hover{color:var(--color-acento)}.categoria-nombre{flex:1;font-size:.95rem}.categoria-arrow{color:var(--color-texto);font-size:.8rem;transition:color .2s ease}.categoria-item-maestro:hover .categoria-arrow,.categoria-item-maestro.activa .categoria-arrow{color:var(--color-acento)}.panel-subcategorias{min-width:380px;width:380px;background:var(--color-fondo);display:flex;flex-direction:column;animation:slideInRight .25s ease-out;overflow:hidden}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.subcategorias-header{padding:15px 20px;border-bottom:2px solid var(--color-borde);background:linear-gradient(135deg,var(--navbar-btn-bg) 0%,var(--navbar-btn-hover-bg) 100%);color:var(--navbar-btn-text);display:flex;align-items:center;gap:10px}.subcategorias-header h4{margin:0;font-size:1.1rem;font-weight:600;flex:1}.btn-volver{background:#0003;border:1px solid rgba(0,0,0,.3);color:var(--navbar-btn-text);padding:6px 8px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease;display:flex;align-items:center;gap:4px}.btn-volver:hover{background:#0000004d}.subcategorias-contenido{padding:15px 10px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-borde) var(--color-fondo)}.subcategorias-contenido::-webkit-scrollbar{width:6px}.subcategorias-contenido::-webkit-scrollbar-track{background:var(--color-fondo);border-radius:3px}.subcategorias-contenido::-webkit-scrollbar-thumb{background:var(--color-borde);border-radius:3px}.subcategorias-contenido::-webkit-scrollbar-thumb:hover{background:var(--color-acento)}.ver-todos-link{display:block;padding:12px 15px;margin-bottom:10px;color:var(--navbar-btn-text);font-size:.9rem;font-weight:600;text-decoration:none;background:var(--navbar-btn-bg);border-radius:6px;transition:all .2s ease}.ver-todos-link:hover{background:var(--navbar-btn-hover-bg);transform:translateY(-1px)}.subcategorias-lista{display:flex;flex-direction:column;gap:2px}.subcategoria-item-maestro{display:block;padding:12px 15px;color:var(--color-texto);text-decoration:none;border-radius:6px;transition:all .2s ease;border-left:3px solid transparent}.subcategoria-item-maestro:hover{background:linear-gradient(90deg,var(--color-secundario) 0%,rgba(245,221,0,.1) 100%);border-left-color:var(--color-acento);transform:translate(3px)}.subcategoria-contenido{display:flex;flex-direction:column;gap:4px}.subcategoria-nombre{font-weight:500;color:var(--color-texto);font-size:.9rem}.subcategoria-desc{font-size:.8rem;color:var(--color-texto);opacity:.7;line-height:1.3}.subcategoria-item-maestro:hover .subcategoria-nombre{color:var(--color-acento)}.cargando{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--color-texto);gap:10px}.sin-categorias{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--color-texto);opacity:.7;font-style:italic}.spinner{animation:spin 1s linear infinite;color:var(--color-acento)}.busqueda{display:flex;align-items:center;background-color:var(--navbar-search-bg);border:1px solid var(--navbar-search-border);border-radius:6px;padding:5px 8px;flex:1;max-width:300px;margin:0 8px;min-width:150px;position:relative}.busqueda form{display:flex;align-items:center;width:100%}.busqueda input{flex:1;padding:6px;background:transparent;color:var(--navbar-search-text);border:none;outline:none;font-size:.9rem;width:100%}.busqueda input::placeholder{color:var(--navbar-search-text);opacity:.6}.busqueda button{background-color:var(--navbar-search-btn-bg);border:none;padding:6px 10px;border-radius:4px;cursor:pointer;color:var(--navbar-btn-text);transition:background-color .3s ease;font-size:.85rem;flex-shrink:0}.busqueda button:hover{background-color:var(--navbar-search-btn-hover-bg)}.resultados-busqueda{position:absolute;top:100%;left:0;right:0;background:var(--color-fondo);border:1px solid var(--color-borde);border-radius:6px;box-shadow:0 4px 15px #f5dd001a;z-index:1003;margin-top:5px;max-height:300px;overflow-y:auto;animation:slideDown .2s ease-out}.resultado-item{display:flex;align-items:center;padding:12px 15px;text-decoration:none;color:var(--color-texto);border-bottom:1px solid var(--color-borde);transition:background-color .2s ease;gap:10px}.resultado-item:hover{background-color:var(--color-secundario)}.resultado-item:last-child{border-bottom:none}.resultado-tipo{font-size:1rem;flex-shrink:0}.resultado-nombre{flex:1;font-weight:500}.resultado-etiqueta{font-size:.75rem;background:var(--navbar-btn-bg);color:var(--navbar-btn-text);padding:2px 8px;border-radius:12px;flex-shrink:0}.iconos{display:flex;align-items:center;gap:15px;flex-shrink:0}.icono{color:var(--icon-color);font-size:1.2rem;position:relative;transition:transform .2s ease}.icono:hover{transform:scale(1.1);color:var(--icon-hover-color)}.carrito .contador{position:absolute;top:-8px;right:-10px;background-color:var(--carrito-contador-bg);color:var(--carrito-contador-text);font-size:.65rem;padding:2px 5px;border-radius:50%;font-weight:700;border:1px solid var(--color-fondo)}.panel-subcategorias:before{content:"";position:absolute;top:0;left:-1px;width:1px;height:100%;background:var(--color-borde);pointer-events:none}.categoria-item-maestro.activa:after{content:"";position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid var(--color-acento);z-index:1}@media (max-width: 1024px){.menu-maestro-constructor.extendido{width:600px}.panel-subcategorias{min-width:280px;width:280px}}@media (max-width: 768px){.navbar{padding:12px;min-height:100px}.navbar-container{display:grid;grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:12px;align-items:center;height:auto}.logo{grid-row:1;grid-column:1;font-size:1.1rem;justify-self:start}.iconos{grid-row:1;grid-column:2;justify-self:end;gap:12px}.busqueda{grid-row:2;grid-column:1 / -1;width:100%;max-width:none;min-width:auto;margin:0}.menu-maestro-constructor{width:320px;left:-20px;max-height:400px}.menu-maestro-constructor.extendido{width:500px}.panel-subcategorias{min-width:180px;width:180px}.menu-btn{padding:5px 8px;font-size:.8rem;margin-left:8px}.busqueda input{font-size:.9rem;padding:8px}.busqueda button{padding:8px 12px;font-size:.85rem}.icono{font-size:1.1rem}}@media (max-width: 600px){.navbar{padding:10px;min-height:90px}.navbar-container{gap:10px}.logo{font-size:1rem}.menu-btn{padding:4px 6px;font-size:.75rem;margin-left:6px}.busqueda input{font-size:.8rem;padding:6px}.busqueda button{padding:6px 10px;font-size:.8rem}.iconos{gap:10px}.icono{font-size:1rem}.carrito .contador{font-size:.6rem;padding:1px 4px}.menu-maestro-constructor{position:fixed;top:0;left:0;width:100vw;height:100vh;max-height:100vh;border-radius:0;z-index:2000;animation:slideInFromTop .3s ease-out;margin-top:0}.menu-maestro-constructor.extendido{width:100vw}@keyframes slideInFromTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.menu-header{padding:15px 20px;border-radius:0;position:relative}.menu-header:after{content:"✕";position:absolute;top:15px;right:20px;font-size:1.5rem;cursor:pointer;color:var(--color-texto);font-weight:700}.menu-contenido{flex-direction:column;max-height:calc(100vh - 70px)}.panel-categorias{min-width:100%;width:100%;border-right:none;border-bottom:none;max-height:100%}.panel-subcategorias{position:fixed;top:0;left:0;min-width:100vw;width:100vw;height:100vh;max-height:100vh;z-index:2001;animation:slideInFromBottom .3s ease-out;border-radius:0}@keyframes slideInFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.subcategorias-header{padding:15px 20px;border-radius:0;display:flex;align-items:center;gap:10px}.subcategorias-contenido{padding:15px 20px;max-height:calc(100vh - 70px);overflow-y:auto}.btn-volver{display:flex;background:#0000004d;border:1px solid rgba(0,0,0,.4);padding:8px 12px;font-size:1rem}.categoria-link-maestro{padding:16px 20px;font-size:1rem}.subcategoria-item-maestro{padding:16px 20px;margin-bottom:8px;border-radius:8px;border:1px solid var(--color-borde);background:var(--color-secundario)}.subcategoria-nombre{font-size:.95rem}.subcategoria-desc{font-size:.8rem}.ver-todos-link{padding:16px 20px;font-size:1rem;margin-bottom:15px}.categorias-lista.con-scroll{max-height:calc(100vh - 70px)}}@media (max-width: 480px){.navbar{padding:8px;min-height:85px}.navbar-container{gap:8px}.logo{font-size:.9rem}.logo-secundario{display:none}.menu-btn{padding:4px;font-size:.7rem;margin-left:4px}.busqueda{padding:4px 6px}.busqueda input{font-size:.75rem;padding:4px}.busqueda input::placeholder{content:"Buscar..."}.busqueda button{padding:4px 8px;font-size:.75rem}.iconos{gap:8px}.icono{font-size:.9rem}.menu-maestro-constructor{position:fixed;top:0;left:0;width:100vw;height:100vh;max-height:100vh;border-radius:0;z-index:2000;animation:slideInFromTop .3s ease-out;margin-top:0}.menu-maestro-constructor.extendido{width:100vw}@keyframes slideInFromTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.menu-header{padding:20px;border-radius:0;position:relative}.menu-header:after{content:"✕";position:absolute;top:20px;right:20px;font-size:1.5rem;cursor:pointer;color:var(--color-texto);font-weight:700}.menu-contenido{flex-direction:column;max-height:calc(100vh - 80px)}.panel-categorias{min-width:100%;width:100%;border-right:none;border-bottom:1px solid var(--color-borde);max-height:50%}.panel-subcategorias{min-width:100%;width:100%;max-height:50%;animation:slideInFromBottom .25s ease-out}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.subcategorias-header{padding:15px 20px;border-radius:0}.subcategorias-contenido{padding:15px 20px}.subcategoria-item-maestro{padding:15px;margin-bottom:5px;border-radius:8px;border:1px solid var(--color-borde)}.btn-volver{display:none}}.menu-maestro-constructor{transition:width .4s cubic-bezier(.25,.8,.25,1)}.categoria-item-maestro{position:relative;overflow:hidden}.categoria-item-maestro:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(245,221,0,.1),transparent);transition:left .5s ease}.categoria-item-maestro:hover:before{left:100%}.categoria-item-maestro.activa{position:relative;z-index:1}.categoria-item-maestro.activa:after{content:"";position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid var(--color-acento);z-index:2;filter:drop-shadow(2px 0 2px rgba(245,221,0,.1))}.categorias-lista,.subcategorias-contenido{scroll-behavior:smooth}.subcategoria-item-maestro{animation:fadeInUp .3s ease-out;animation-fill-mode:both}.subcategoria-item-maestro:nth-child(1){animation-delay:.05s}.subcategoria-item-maestro:nth-child(2){animation-delay:.1s}.subcategoria-item-maestro:nth-child(3){animation-delay:.15s}.subcategoria-item-maestro:nth-child(4){animation-delay:.2s}.subcategoria-item-maestro:nth-child(5){animation-delay:.25s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.subcategorias-header{box-shadow:0 2px 8px #f5dd004d}.categoria-link-maestro:focus,.subcategoria-item-maestro:focus,.ver-todos-link:focus{outline:2px solid var(--color-acento);outline-offset:-2px;background:#f5dd001a;border-radius:4px}.btn-volver:focus{outline:2px solid rgba(0,0,0,.5);outline-offset:2px}.panel-subcategorias{box-shadow:-2px 0 8px #f5dd000d}.menu-maestro-constructor{box-shadow:0 8px 25px #f5dd0026,0 0 0 1px var(--color-borde)}@media (max-width: 480px){.navbar{padding:8px;min-height:85px}.navbar-container{gap:8px}.logo{font-size:.9rem}.logo-secundario{display:none}.menu-btn{padding:4px;font-size:.7rem;margin-left:4px}.busqueda{padding:4px 6px}.busqueda input{font-size:.75rem;padding:4px}.busqueda input::placeholder{content:"Buscar..."}.busqueda button{padding:4px 8px;font-size:.75rem}.iconos{gap:8px}.icono{font-size:.9rem}.menu-maestro-constructor{position:fixed;top:0;left:0;width:100vw;height:100vh;max-height:100vh;border-radius:0;z-index:2000;animation:slideInFromTop .3s ease-out;margin-top:0}.menu-maestro-constructor.extendido{width:100vw}@keyframes slideInFromTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.menu-header{padding:20px;border-radius:0;position:relative}.menu-header:after{content:"✕";position:absolute;top:20px;right:20px;font-size:1.5rem;cursor:pointer;color:var(--color-texto);font-weight:700}.menu-contenido{flex-direction:column;max-height:calc(100vh - 80px)}.panel-categorias{min-width:100%;width:100%;border-right:none;border-bottom:1px solid var(--color-borde);max-height:50%}.panel-subcategorias{min-width:100%;width:100%;max-height:50%;animation:slideInFromBottom .25s ease-out}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.subcategorias-header{padding:15px 20px;border-radius:0;background:linear-gradient(135deg,var(--navbar-bg) 0%,var(--navbar-btn-bg) 100%);border-bottom:2px solid var(--navbar-border)}.subcategorias-contenido{padding:15px 20px}.subcategoria-item-maestro{padding:15px;margin-bottom:5px;border-radius:8px;border:1px solid var(--color-borde)}.btn-volver{display:flex!important;align-items:center;gap:6px;background:var(--navbar-btn-bg);border:1px solid var(--navbar-border);color:var(--navbar-btn-text);padding:8px 12px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease;margin-right:10px}.btn-volver:hover{background:var(--navbar-btn-hover-bg);transform:translate(-2px)}.subcategorias-header{display:flex;align-items:center;padding:15px 20px;position:sticky;top:0;z-index:10}.subcategorias-header h4{margin:0;font-size:1.1rem;flex:1;text-align:center}}.productos-sugeridos{border-top:1px solid #eee;margin-top:8px;padding-top:8px}.producto-sugerido-item{display:flex;align-items:center;padding:6px;text-decoration:none;color:inherit;border-radius:8px;transition:background .2s}.producto-sugerido-item:hover{background:#f5f5f5}.producto-sugerido-img{width:40px;height:40px;object-fit:cover;border-radius:6px;margin-right:10px}.producto-sugerido-info{display:flex;flex-direction:column}.producto-sugerido-nombre{font-size:.9rem;font-weight:500}.producto-sugerido-precio{font-size:.8rem;color:#555}.inicio-container{background-color:var(--color-fondo);color:var(--color-texto);padding:2rem;text-align:center}.inicio-button{background-color:var(--color-acento);color:var(--color-texto-contraste);padding:1rem 2rem;border:none;margin-top:1rem;font-weight:700;cursor:pointer;border-radius:8px}.carousel .slide{display:flex;justify-content:center;align-items:center;max-height:500px;background-color:var(--color-fondo)}.carousel .carousel-img{width:100%;height:auto;max-height:500px;object-fit:cover;cursor:pointer}.carousel .legend{background-color:#000000b3;color:var(--color-acento);font-weight:700;font-size:1rem;padding:.5rem 1rem}.top-productos{margin-top:3rem}.top-productos h2{font-size:2rem;margin-bottom:1rem;color:var(--color-acento)}.productos-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.producto-card{background-color:var(--color-secundario);border:1px solid var(--color-borde);padding:1rem;border-radius:8px;width:200px;text-align:center;color:var(--color-texto)}.producto-card img{max-width:100%;height:150px;object-fit:cover;border-radius:4px}.producto-card h3{margin-top:.5rem;color:var(--color-acento)}.producto-card button{margin-top:.5rem;background-color:var(--color-acento);color:#000;padding:.5rem;border:none;border-radius:4px;cursor:pointer}.top-categories-nav{background:var(--color-fondo);border:0px solid var(--color-secundario);border-radius:12px;padding:16px;margin-bottom:24px;overflow:hidden}.nav-title{font-family:Roboto Slab,serif;color:var(--color-texto);font-size:36px;font-weight:600;margin-bottom:12px;text-align:center}.categories-scroll{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding-bottom:4px}.category-nav-item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;text-decoration:none;padding:20px;background:var(--color-secundario);border:1px solid var(--color-borde);border-radius:12px;transition:all .3s ease;min-width:250px;height:120px;justify-content:center;box-shadow:0 2px 8px #0000001a}.category-nav-item:hover{background:var(--color-acento);border-color:var(--color-borde);transform:translateY(-4px);box-shadow:0 6px 20px #00000026}.category-icon-wrapper{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--color-fondo);margin-bottom:12px;overflow:hidden}.category-image-icon{width:100%;height:100%;object-fit:cover;border-radius:12px}.category-emoji-icon{font-size:2rem;line-height:1}.category-label{font-family:Inter,sans-serif;font-size:16px;font-weight:600;color:var(--color-texto);text-align:center;line-height:1.3}.categories-scroll.loading{cursor:default}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border:none}.skeleton-icon{width:60px;height:60px;border-radius:12px;background:#ddd;margin-bottom:12px}.skeleton-text{width:120px;height:16px;border-radius:8px;background:#ddd}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.no-categories{text-align:center;padding:40px 20px;color:#666;background:var(--color-secundario);border-radius:12px;font-size:18px}@media (max-width: 768px){.categories-scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;justify-content:flex-start;padding-bottom:10px}.categories-scroll::-webkit-scrollbar{display:none}.category-nav-item{min-width:200px;height:140px;padding:25px 20px}.category-icon-wrapper{width:70px;height:70px;margin-bottom:15px}.category-emoji-icon{font-size:2.2rem}.category-label{font-size:18px;font-weight:600}.nav-title{font-size:28px;text-align:left;margin-bottom:16px}}@media (max-width: 480px){.category-nav-item{min-width:180px;height:130px;padding:20px 15px}.category-icon-wrapper{width:65px;height:65px}.category-label{font-size:16px}.nav-title{font-size:24px}}@media (min-width: 1200px){.categories-scroll{gap:25px}.category-nav-item{min-width:280px;height:140px}.category-icon-wrapper{width:70px;height:70px}.category-label{font-size:18px}}.categories-scroll.dragging{cursor:grabbing;scroll-snap-type:none}.categories-scroll{cursor:grab}.categories-scroll.dragging{cursor:grabbing}.professional-carousel-container{margin:32px 0 60px;background:transparent;border:0px solid var(--color-borde);border-radius:12px;padding:24px 24px 50px;box-shadow:0 4px 20px #0000001a;position:relative}.professional-carousel-container:before,.professional-carousel-container:after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-borde),transparent)}.professional-carousel-container:before{top:0}.professional-carousel-container:after{bottom:0}.carousel-header{text-align:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-borde);opacity:1;background:transparent;position:relative}.carousel-title{font-family:Roboto Slab,serif;font-weight:700;font-size:36px;color:var(--color-texto)!important;margin:0 0 8px;letter-spacing:1px;opacity:1;position:relative;display:inline-block;background:transparent!important}.animated-text{display:inline-block;position:relative}.animated-letter{display:inline-block;opacity:0;transform:translateY(50px) scale(.5);animation:fadeInUp .6s cubic-bezier(.68,-.55,.265,1.55) forwards;color:inherit}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px) scale(.5)}60%{opacity:.8;transform:translateY(-10px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}.carousel-title:hover .animated-letter{animation:letterPulse .4s ease-in-out}@keyframes letterPulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.05)}}.animated-letter:before{display:none}@keyframes letterShine{}.carousel-subtitle{font-family:Inter,sans-serif;font-size:14px;color:var(--color-texto);opacity:0;transform:translateY(20px);animation:simpleSubtitleFadeIn .8s ease-out 1.2s forwards}@keyframes simpleSubtitleFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:.7;transform:translateY(0)}}.professional-carousel{position:relative;width:100%;background:var(--color-fondo);border:0px solid var(--color-borde);cursor:grab;user-select:none;touch-action:pan-x;height:600px;margin-bottom:60px;overflow:visible;border-radius:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.professional-carousel:active,.professional-carousel.dragging{cursor:grabbing}.professional-carousel.dragging *{pointer-events:none;-webkit-user-select:none;user-select:none}.carousel-viewport{width:100%;height:100%;overflow:hidden;position:relative;border-radius:8px}.carousel-track{display:flex;height:100%;transition:transform .6s ease-in-out;will-change:transform;touch-action:pan-x}.carousel-track.no-transition{transition:none!important}.carousel-slide{flex:0 0 100%;max-width:100%;height:100%;display:flex;align-items:center;justify-content:center}.slide-content{display:flex;height:100%;align-items:center;gap:40px;padding:40px 32px;width:100%}.slide-image-container{flex:1;height:100%;position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--color-borde);pointer-events:none;box-shadow:0 8px 32px #00000026}.slide-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.slide-content:hover .slide-image{transform:scale(1.05)}.image-overlay{position:absolute;top:20px;right:20px}.overlay-badge{background:linear-gradient(135deg,var(--color-acento),var(--color-borde));color:var(--navbar-btn-text);padding:8px 16px;border-radius:8px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;box-shadow:0 4px 16px #00000040}.slide-info{flex:1;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:0 20px}.slide-title{font-family:Roboto Slab,serif;font-weight:600;font-size:42px;color:var(--color-texto);margin:0;line-height:1.2}.slide-description{font-family:Inter,sans-serif;font-size:18px;color:var(--color-texto);margin:0;opacity:.8;line-height:1.6;max-width:500px}.slide-features{display:flex;gap:14px;flex-wrap:wrap}.feature-tag{background:var(--color-secundario);border:1px solid var(--color-borde);color:var(--color-texto);padding:8px 16px;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:all .3s ease}.feature-tag:hover{background:var(--color-borde);color:var(--navbar-btn-text);transform:translateY(-2px)}.slide-cta{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--color-acento),var(--color-borde));color:var(--navbar-btn-text);border:none;padding:16px 32px;border-radius:10px;font-family:Inter,sans-serif;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;align-self:flex-start;box-shadow:0 6px 20px #00000040}.slide-cta:hover{transform:translateY(-3px);background:var(--navbar-btn-hover-bg);box-shadow:0 8px 32px #00000059}.carousel-dots{position:relative;margin-top:30px;display:flex;justify-content:center;gap:16px;padding:14px 28px;background:#ffffff1a;border-radius:30px;border:1px solid var(--color-borde);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 16px #00000026}.dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--color-borde);background:var(--color-secundario);cursor:pointer;transition:all .3s ease}.dot.active,.dot:hover{background:var(--color-acento);border-color:var(--color-acento);box-shadow:0 0 12px var(--color-acento);transform:scale(1.3)}.carousel-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff1a;border-radius:0 0 8px 8px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--color-acento),var(--color-borde));transition:width .6s ease;border-radius:0 0 8px 8px}@media (min-width: 1440px){.professional-carousel{height:700px}.slide-content{gap:50px;padding:50px 40px}.slide-title{font-size:48px}.slide-description{font-size:20px}.carousel-title{font-size:42px}}@media (min-width: 1200px) and (max-width: 1439px){.professional-carousel{height:650px}.slide-title{font-size:40px}.slide-description{font-size:18px}}@media (min-width: 992px) and (max-width: 1199px){.professional-carousel{height:550px}.slide-content{gap:35px;padding:35px 28px}.slide-title{font-size:36px}.slide-description{font-size:17px}}@media (max-width: 991px){.professional-carousel-container{margin:20px 0 70px;padding:16px 16px 40px}.carousel-header{padding:16px 16px 12px}.carousel-title{font-size:26px;letter-spacing:.8px}.professional-carousel{height:500px}.slide-content{flex-direction:row;gap:25px;padding:25px 20px}.slide-title{font-size:28px}.slide-description{font-size:16px}}@media (max-width: 768px){.professional-carousel{height:100vh;max-height:800px;min-height:500px}.slide-content{flex-direction:column;text-align:center;gap:20px;padding:20px 16px}.slide-image-container{height:55%;flex-shrink:0;width:100%;box-shadow:0 4px 20px #0000001a}.slide-info{height:45%;justify-content:center;padding:0}.slide-title{font-size:24px}.slide-description{font-size:14px;max-width:none}.carousel-dots{gap:14px;padding:12px 22px;margin-top:20px}.dot{width:16px;height:16px}}@media (max-width: 480px){.professional-carousel-container{margin:16px 0 80px;padding:12px 12px 30px}.carousel-header{padding:12px 12px 8px}.carousel-title{font-size:18px;letter-spacing:.3px}.professional-carousel{height:90vh;max-height:550px;min-height:450px}.slide-content{padding:16px 12px;gap:16px}.slide-title{font-size:20px}.slide-description{font-size:13px}.feature-tag{font-size:11px;padding:4px 8px}.slide-cta{padding:12px 24px;font-size:13px}.carousel-dots{gap:16px;padding:14px 24px}.dot{width:18px;height:18px}}body.dark-theme .professional-carousel-container{background:transparent!important;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000004d}body.dark-theme .carousel-header{background:transparent!important}body.dark-theme .carousel-title{color:gold!important}body.dark-theme .professional-carousel{background:#ffffff05;border:1px solid rgba(255,255,255,.1)}body.dark-theme .carousel-dots{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0003}body.dark-theme .carousel-progress{background:#ffffff0d}body.light-theme .professional-carousel-container{background:#fffc;border:0px solid rgba(0,0,0,.1);box-shadow:0 4px 20px #00000014}body.light-theme .carousel-header{background:transparent!important}body.light-theme .carousel-title{color:#2c3e50!important}body.light-theme .professional-carousel{background:#ffffffe6;border:0px solid rgba(0,0,0,.1)}body.light-theme .slide-cta{box-shadow:0 4px 12px #0000001a}body.light-theme .slide-cta:hover{box-shadow:0 6px 20px #00000026}body.light-theme .carousel-dots{background:#ffffffe6;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #00000014}body.light-theme .carousel-progress{background:#0000000d}body.light-theme .carousel-title{color:#000!important;background:transparent!important}.carousel-header,.carousel-title,.animated-text,.animated-letter{background:transparent!important;background-color:transparent!important;background-image:none!important}.slide-cta{position:relative;z-index:10;pointer-events:auto!important;cursor:pointer!important}.professional-carousel.dragging .slide-cta{pointer-events:auto!important;cursor:pointer!important}.slide-cta *{pointer-events:none}.top-slider-container{max-width:1200px;margin:3rem auto 0;padding:0 1rem;text-align:center}.top-slider-container h2{font-size:2rem;margin-bottom:.5rem;color:var(--color-texto);font-weight:700;position:relative}.top-slider-container h3{font-size:1.1rem;color:var(--color-texto-suave, #777);margin-bottom:2rem;font-weight:400}.top-slider-container h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--color-acento);border-radius:2px}.top-productos-slider{display:flex;justify-content:flex-start;overflow-x:auto;gap:1.5rem;padding:1rem 0 2rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;cursor:grab;-webkit-user-select:none;user-select:none;scrollbar-width:thin;scrollbar-color:var(--color-acento) var(--color-secundario)}.top-productos-slider.dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.top-productos-slider::-webkit-scrollbar{height:8px}.top-productos-slider::-webkit-scrollbar-thumb{background:var(--color-acento);border-radius:4px}.top-productos-slider::-webkit-scrollbar-track{background:var(--color-secundario);border-radius:4px;margin:0 1rem}.producto-slide{flex:0 0 auto;width:220px;background-color:var(--color-secundario);border:2px solid var(--color-borde);padding:1.2rem;border-radius:12px;text-align:center;scroll-snap-align:start;transition:all .3s ease;box-shadow:0 4px 10px #0000001f;position:relative}.producto-slide:hover{transform:translateY(-6px);box-shadow:0 10px 20px #00000040;border-color:var(--color-acento)}.producto-slide img{width:100%;height:160px;object-fit:cover;border-radius:10px;border:1px solid var(--color-borde);transition:transform .3s ease}.producto-slide:hover img{transform:scale(1.06)}.producto-slide h3{color:var(--color-texto);margin:1rem 0 .5rem;font-size:1.05rem;font-weight:600;line-height:1.4;height:3rem;display:flex;align-items:center;justify-content:center}.precio{color:var(--color-acento);font-size:1.3rem;font-weight:700;margin:.5rem 0}.precio-oferta{margin:.5rem 0 1rem;display:flex;flex-direction:column;align-items:center;gap:.3rem}.precio-original{text-decoration:line-through;color:#999;font-size:.9rem}.precio-descuento{color:#e63946;font-size:1.4rem;font-weight:800}.badge-descuento{background:#e63946;color:#fff;font-size:.8rem;font-weight:700;padding:.25rem .6rem;border-radius:20px;margin-top:.3rem;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.producto-slide button{margin-top:1rem;background-color:var(--color-acento);color:var(--navbar-btn-text);padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;width:100%}.producto-slide button:hover{background-color:var(--navbar-btn-hover-bg);transform:translateY(-2px);box-shadow:0 4px 10px #00000040}.producto-slide button:active{transform:translateY(0)}@media (max-width: 768px){.producto-slide{width:180px;padding:1rem}.producto-slide img{height:140px}.top-slider-container h2{font-size:1.5rem}.navigation-buttons{display:none}}@media (min-width: 1200px){.top-productos-slider{overflow-x:hidden;padding-bottom:1rem}}.ofertas-imperdibles-section{text-align:center;padding:2rem 1rem;background-color:transparent!important;background:transparent!important;border-radius:12px;border:0px solid var(--color-borde)!important;box-shadow:none!important}.ofertas-imperdibles-title{font-size:2rem;margin-bottom:1.5rem;color:var(--color-texto)}.ofertas-imperdibles-carousel-wrapper{position:relative;width:100%;max-width:1400px;margin:0 auto}.ofertas-imperdibles-scroll-area{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:1rem 0;cursor:grab;-webkit-user-select:none;user-select:none}.ofertas-imperdibles-scroll-area:active{cursor:grabbing}.ofertas-imperdibles-scroll-area::-webkit-scrollbar{display:none}.ofertas-imperdibles-grid{display:flex;flex-direction:row;gap:1.5rem;padding:0 1rem}.ofertas-imperdibles-card{position:relative;flex:0 0 400px;min-width:300px;max-width:400px;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0000004d;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;border:1px solid var(--color-borde)}.ofertas-imperdibles-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #f5dd004d;border-color:var(--color-acento)}.ofertas-imperdibles-overlay{padding:1rem;background:linear-gradient(to top,rgba(18,18,18,.95),rgba(18,18,18,.7),transparent);position:absolute;bottom:0;left:0;right:0;color:var(--color-texto);text-align:center}.ofertas-imperdibles-name{margin:0;font-size:1.2rem;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.9);color:var(--color-texto)}@media (min-width: 1024px){.ofertas-imperdibles-img{width:100%;height:500px;object-fit:cover;display:block}}@media (max-width: 768px){.ofertas-imperdibles-img{width:100%;height:300px;object-fit:cover;display:block}.ofertas-imperdibles-card{flex:0 0 280px;min-width:250px;max-width:300px}.ofertas-imperdibles-name{font-size:1rem}}.marcas-container{max-width:1200px;margin:3rem auto 0;padding:0 1rem}.marcas-container h2{font-size:2rem;margin-bottom:1.5rem;color:var(--color-texto);text-align:center;font-weight:600;position:relative;padding-bottom:.5rem}.marcas-container h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--color-acento);border-radius:2px}.marcas-slider{display:flex;justify-content:flex-start;overflow-x:auto;gap:1.5rem;padding:1rem 0 2rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;cursor:grab;-webkit-user-select:none;user-select:none;scrollbar-width:thin;scrollbar-color:var(--color-acento) var(--color-secundario)}.marcas-slider.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.marcas-slider::-webkit-scrollbar{height:8px}.marcas-slider::-webkit-scrollbar-thumb{background:var(--color-acento);border-radius:4px}.marcas-slider::-webkit-scrollbar-track{background:var(--color-secundario);border-radius:4px;margin:0 1rem}.marca-slide{flex:0 0 auto;width:220px;background-color:var(--color-secundario);border:2px solid var(--color-borde);padding:1.2rem;border-radius:12px;text-align:center;scroll-snap-align:start;transition:all .3s ease;box-shadow:0 4px 8px #0000001a;pointer-events:auto}.marcas-slider.dragging .marca-slide{transition:none}.marca-slide:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0003;border-color:var(--color-acento)}.marca-slide img{width:100%;height:160px;object-fit:contain;border-radius:8px;border:1px solid var(--color-borde);transition:transform .3s ease;background-color:#fff;pointer-events:none}.marca-slide:hover img{transform:scale(1.05)}.marca-slide h3{color:var(--color-texto);margin:1rem 0 .5rem;font-size:1.1rem;font-weight:600;line-height:1.4;height:3rem;display:flex;align-items:center;justify-content:center;pointer-events:none}@media (max-width: 768px){.marca-slide{width:180px;padding:1rem}.marca-slide img{height:140px}.marcas-container h2{font-size:1.5rem}}@media (min-width: 1200px){.marcas-slider{overflow-x:auto;padding-bottom:1rem}}.marcas-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;min-height:200px}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1rem}.marcas-loading p{color:#666;font-size:1rem}.marcas-error{text-align:center;padding:2rem;background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin:1rem 0}.marcas-error p{color:#856404;margin-bottom:1rem}.retry-button{background-color:#007bff;color:#fff;border:none;padding:.5rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.retry-button:hover{background-color:#0056b3}.marcas-empty{text-align:center;padding:2rem;color:#666;font-style:italic}.marca-imagen-container{width:100%;height:150px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#f8f9fa;border-radius:8px;margin-bottom:.5rem}.marca-imagen-container img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.producto-slide:hover .marca-imagen-container img{transform:scale(1.05)}.marca-descripcion{font-size:.85rem;color:#666;margin-top:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.marca-imagen-container{height:120px}.marca-descripcion{font-size:.8rem}}@media (max-width: 480px){.marca-imagen-container{height:100px}.producto-slide h3{font-size:.95rem}}.footer{background-color:var(--color-fondo);color:var(--color-texto);padding:2rem 1rem 1rem;border-top:2px solid var(--color-borde)}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;margin:0 auto;gap:2rem}.footer-logo h3{font-size:1.5rem;color:var(--color-acento);margin-bottom:.5rem}.footer-logo p{font-size:.95rem;color:var(--color-texto)}.footer-links,.footer-social{display:flex;flex-direction:column;gap:.5rem}.footer-links a,.footer-social a{text-decoration:none;color:var(--color-texto);font-size:.95rem;transition:color .3s ease}.footer-links a:hover,.footer-social a:hover{color:var(--color-acento)}.footer-bottom{text-align:center;margin-top:2rem;font-size:.85rem;color:var(--color-texto);border-top:1px solid var(--color-borde);padding-top:1rem}@media (max-width: 768px){.footer-content{flex-direction:column;align-items:center;text-align:center}}.auth-container{max-width:400px;margin:50px auto;padding:30px;background-color:#423e3e;border-radius:12px;box-shadow:0 0 10px #0000001a;text-align:center;color:#fff;font-family:Inter,sans-serif}.auth-container .logo-img{max-width:150px;margin-bottom:20px}.auth-container input{display:block;width:100%;margin:10px 0;padding:10px;font-size:16px;border-radius:6px;border:none;outline:none}.auth-container input:focus{box-shadow:0 0 0 2px #1d9743}.auth-container button{width:100%;padding:10px;background-color:#1d9743;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:background-color .3s}.auth-container button:hover{background-color:#157533}.divider{display:flex;align-items:center;justify-content:center;margin:15px 0;color:#ccc}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#777;margin:0 10px}.btn-google{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:1px solid #ccc;background-color:#fff;color:#000;padding:10px;border-radius:6px;font-size:16px;cursor:pointer;transition:background .3s ease,transform .1s ease}.btn-google:hover{background-color:#f5f5f5;transform:scale(1.02)}.btn-google:active{transform:scale(.98)}.google-icon{width:20px;height:20px}.auth-container .mensaje{margin-top:15px;font-weight:700;color:#fff}.dashboard-header{text-align:center;margin-bottom:3rem;color:#fff}.dashboard-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.dashboard-subtitle{font-size:1.2rem;opacity:.9;margin-bottom:2rem}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1.5rem;text-align:center;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003}.stat-number{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.stat-label{color:#fffc;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.actions-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.search-container{position:relative;min-width:300px}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:none;border-radius:25px;background:#ffffffe6;font-size:1rem;transition:all .3s ease}.search-input:focus{outline:none;background:#fff;box-shadow:0 5px 15px #0000001a}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#666}.add-button{background:linear-gradient(45deg,#ff6b6b,#ff8e8e);color:#fff;border:none;padding:.75rem 2rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d}.add-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.sucursales-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.sucursal-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 8px 25px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.sucursal-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(45deg,#667eea,#764ba2)}.sucursal-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #00000026}.sucursal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.sucursal-name{font-size:1.3rem;font-weight:700;color:#333;margin:0;flex:1}.sucursal-status{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-active{background:#2ed5731a;color:#2ed573;border:1px solid rgba(46,213,115,.3)}.status-inactive{background:#ff6b6b1a;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.sucursal-info{margin-bottom:1.5rem}.info-item{display:flex;align-items:center;margin-bottom:.75rem;color:#666}.info-icon{margin-right:.75rem;color:#667eea;font-size:1.1rem}.info-text{flex:1;font-size:.95rem}.sucursal-actions{display:flex;gap:.5rem;flex-wrap:wrap}.action-button{padding:.5rem 1rem;border:none;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;min-width:80px}.btn-view{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.btn-view:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-edit{background:linear-gradient(45deg,#ffa726,#ffb74d);color:#fff}.btn-edit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ffa7264d}.btn-delete{background:linear-gradient(45deg,#ff6b6b,#ff8e8e);color:#fff}.btn-delete:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b4d}.btn-toggle{background:linear-gradient(45deg,#26de81,#20bf6b);color:#fff}.btn-toggle:hover{transform:translateY(-1px);box-shadow:0 4px 12px #26de814d}.btn-toggle.inactive{background:linear-gradient(45deg,#a4b0be,#747d8c)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite}.empty-state{text-align:center;padding:3rem;color:#fffc}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.empty-state-subtitle{font-size:1rem;opacity:.7}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:20px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;position:relative;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f1f3f4}.modal-title{font-size:1.5rem;font-weight:700;color:#333;margin:0}.close-button{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease}.close-button:hover{background:#0000001a;color:#333}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:.9rem}.form-input{width:100%;padding:.75rem;border:2px solid #e1e8ed;border-radius:10px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input.error{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}.error-message{color:#ff6b6b;font-size:.8rem;margin-top:.25rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-cancel{background:#f1f3f4;color:#666;border:none;padding:.75rem 1.5rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background:#e1e8ed}.btn-submit{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-submit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-submit:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.dashboard-container{padding:1rem}.dashboard-title{font-size:2rem}.actions-container{flex-direction:column;align-items:stretch}.search-container{min-width:auto}.sucursales-grid{grid-template-columns:1fr;gap:1rem}.sucursal-actions{flex-direction:column}.action-button{flex:none}.stats-container{grid-template-columns:repeat(2,1fr)}.modal-content{width:95%;margin:1rem;padding:1.5rem}}@media (max-width: 480px){.stats-container{grid-template-columns:1fr}.stat-number{font-size:2rem}}.fade-in{animation:fadeInUp .6s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:slideInLeft .5s ease}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}:root{--primary: #007bff;--primary-dark: #0056b3;--secondary: #6c757d;--success: #28a745;--success-dark: #218838;--danger: #dc3545;--danger-dark: #c82333;--warning: #ffc107;--warning-dark: #ff9800;--light: #f8f9fa;--medium: #e9ecef;--dark: #6c757d;--white: #fff;--text: #2c3e50;--metallic-gray: linear-gradient(135deg, #8e9eab 0%, #eef2f3 100%);--shadow: 0 4px 20px rgba(0,0,0,.08);--shadow-hover: 0 8px 30px rgba(0,0,0,.15);--radius: 16px;--radius-sm: 8px;--transition: all .3s cubic-bezier(.4,0,.2,1)}.sucursal-view{max-width:1200px;margin:0 auto;padding:20px;min-height:calc(100vh - 60px)}.sucursal-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--medium)}.sucursal-title{display:flex;align-items:center;gap:15px;flex:1}.sucursal-title h1{margin:0;color:var(--text);font-size:2rem;font-weight:600}.sucursal-content{display:grid;gap:30px}.sucursal-info-card,.productos-destacados-section,.productos-destacados-ano-section,.ofertas-imperdibles-section,.nuestras-marcas-section,.sucursal-stats-section{background:var(--white);border-radius:var(--radius);padding:25px;box-shadow:var(--shadow);border:1px solid var(--medium);transition:var(--transition)}.sucursal-info-card:hover,.productos-destacados-section:hover,.productos-destacados-ano-section:hover,.ofertas-imperdibles-section:hover,.nuestras-marcas-section:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card-header,.section-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;margin-bottom:2rem;padding-bottom:1.5rem;background-color:var(--light);border-bottom:3px solid var(--light);position:relative}.card-header{margin-bottom:0}.section-header:after{content:"";position:absolute;bottom:-3px;left:0;width:80px;height:3px;background:linear-gradient(90deg,var(--primary),var(--warning));border-radius:2px}.card-header h2,.section-header h2{margin:0;color:var(--text);font-size:1.5rem;font-weight:600;background:linear-gradient(135deg,var(--primary),var(--warning));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.section-header h2{font-size:1.75rem;font-weight:700}.btn,.btn-back,.btn-edit,.btn-save,.btn-cancel,.btn-activate,.btn-deactivate,.btn-danger,.btn-primary,.btn-delete,.btn-add{padding:10px 16px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;font-weight:500;transition:var(--transition);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px}.btn-back,.btn-cancel,.btn-secondary{background:var(--secondary);color:var(--white)}.btn-back:hover,.btn-cancel:hover{background:#5a6268}.btn-edit,.btn-primary{background:var(--primary);color:var(--white)}.btn-edit:hover,.btn-primary:hover{background:var(--primary-dark)}.btn-save,.btn-activate{background:var(--success);color:var(--white)}.btn-save:hover,.btn-activate:hover{background:var(--success-dark)}.btn-delete,.btn-danger{background:var(--danger);color:var(--white)}.btn-delete:hover,.btn-danger:hover{background:var(--danger-dark)}.btn-deactivate{background:var(--warning);color:#212529}.btn-deactivate:hover{background:var(--warning-dark)}.btn-add{background:linear-gradient(135deg,var(--primary),var(--primary-dark));padding:1rem 2rem;font-weight:600;box-shadow:0 4px 15px #007bff4d}.btn-add:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark),#004085);transform:translateY(-3px);box-shadow:0 8px 25px #007bff66}.btn-add:disabled{background:var(--secondary);cursor:not-allowed;transform:none;box-shadow:none}.status-badge{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.active,.text-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.inactive,.text-danger{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.badge-ano{position:absolute;top:15px;right:15px;z-index:3;background:linear-gradient(45deg,var(--warning),var(--warning-dark));color:var(--white);padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;box-shadow:0 4px 10px #ffc1074d;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.info-display,.edit-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.productos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.ofertas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.marcas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.producto-card,.oferta-card,.marca-card,.stat-card{background:var(--white);border:2px solid var(--medium);border-radius:var(--radius);overflow:hidden;transition:var(--transition);position:relative;display:flex;flex-direction:column}.producto-card:hover,.marca-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);border-color:var(--primary)}.oferta-card{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:var(--white);box-shadow:0 8px 25px #ff6b6b4d}.oferta-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #ff6b6b66}.stat-card{background:var(--light);padding:20px;text-align:center;border:1px solid var(--medium);border-radius:var(--radius-sm)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000001a}.producto-image,.oferta-image,.marca-logo{height:200px;background:var(--light);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.marca-logo{height:180px;border-bottom:1px solid var(--medium)}.producto-image img,.oferta-image img,.marca-logo img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.marca-logo img{object-fit:contain;width:85%;height:85%}.producto-card:hover .producto-image img,.marca-card:hover .marca-logo img{transform:scale(1.05)}.oferta-card:hover .oferta-image img{transform:scale(1.1)}.placeholder-image,.placeholder-logo{text-align:center;color:var(--dark)}.placeholder-image span,.placeholder-logo span{font-size:3.5rem;display:block;margin-bottom:.5rem;opacity:.7}.placeholder-image p,.placeholder-logo p{margin:0;font-size:.9rem;opacity:.6}.producto-info,.oferta-info,.marca-info{padding:1.5rem;flex-grow:1}.producto-info h4,.oferta-info h4,.marca-info h4{margin:0 0 .8rem;font-size:1.2rem;font-weight:600;line-height:1.3}.producto-info h4,.marca-info h4{color:var(--text)}.oferta-info h4{font-size:1.4rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.producto-info p,.marca-info p{margin:0 0 1.2rem;color:var(--dark);font-size:.95rem;line-height:1.5}.oferta-info p{margin:0 0 1.2rem;opacity:.95;line-height:1.6;font-size:1rem}.producto-precio{font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,var(--success),#20c997);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.oferta-descuento{font-size:2rem;font-weight:900;text-shadow:0 4px 8px rgba(0,0,0,.4);display:inline-block;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.info-item,.form-group{display:flex;flex-direction:column;gap:5px}.info-item label,.form-group label{font-weight:600;color:#555;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.info-item span{color:var(--text);font-size:1rem;padding:8px 0}.form-group input,.producto-edit-form input,.producto-edit-form textarea,.producto-edit-form select{padding:12px;border:2px solid var(--medium);border-radius:var(--radius-sm);font-size:1rem;transition:var(--transition);background:var(--white)}.form-group input:focus,.produto-edit-form input:focus,.producto-edit-form textarea:focus,.producto-edit-form select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #007bff1a}.produto-edit-form{display:flex;flex-direction:column;gap:1.2rem}.card-actions,.producto-actions,.oferta-actions,.marca-actions{display:flex;gap:12px;padding:1rem 1.5rem;background:var(--metallic-gray);border-top:1px solid #bdc3c7;margin-top:auto}.producto-actions,.oferta-actions,.marca-actions{justify-content:center;flex-wrap:wrap}.producto-actions .btn-edit,.producto-actions .btn-delete,.oferta-actions .btn-edit,.oferta-actions .btn-delete,.marca-actions .btn-edit,.marca-actions .btn-delete{color:#000!important;font-weight:600;border:2px solid transparent;transition:all .3s ease;flex:1;min-width:120px;max-width:150px}.producto-actions .btn-edit:hover,.oferta-actions .btn-edit:hover,.marca-actions .btn-edit:hover{border-color:var(--warning-dark);transform:translateY(-2px);box-shadow:0 4px 12px #ffc1074d}.producto-actions .btn-delete:hover,.oferta-actions .btn-delete:hover,.marca-actions .btn-delete:hover{border-color:var(--danger-dark);transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.features-display{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.feature-tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px #667eea4d}.producto-badge{position:absolute;top:10px;left:10px;z-index:2;background:linear-gradient(45deg,#ff6b6b,#ff8e8e);color:#fff;padding:.4rem .8rem;border-radius:15px;font-size:.75rem;font-weight:700;text-transform:uppercase;box-shadow:0 3px 10px #ff6b6b66;animation:pulse 2s infinite}.producto-cta{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:.8rem 1.5rem;border-radius:25px;text-align:center;font-weight:700;margin-top:auto;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.5px}.producto-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.stat-value,.stat-number{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:5px}.stat-number{font-size:2.5rem;color:#000;margin-bottom:.5rem}.stat-card h3,.stat-label{margin:0 0 10px;color:#555;font-size:1rem;font-weight:600}.stat-label{color:#000c;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.stat-card p{margin:0;color:#777;font-size:.85rem}.stats-note{color:var(--dark);font-style:italic;font-size:.9rem;text-align:center;margin:0}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.error-container h2{color:var(--danger);margin:0}.error-container p{color:var(--dark);margin:0;font-size:1.1rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--dark);background:linear-gradient(135deg,var(--light) 0%,var(--white) 100%);border-radius:var(--radius);border:3px dashed var(--medium);transition:var(--transition)}.empty-state:hover{border-color:var(--primary);transform:translateY(-2px)}.empty-state p{margin:0 0 .8rem;font-size:1.2rem;font-weight:500}.empty-state small{font-size:1rem;opacity:.7}.producto-selector{position:relative;margin-bottom:2rem}.producto-selector label{display:block;font-weight:600;color:var(--text);margin-bottom:.8rem;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.search-input{width:100%;padding:1rem 1.2rem;border:2px solid var(--medium);border-radius:var(--radius);font-size:1rem;transition:var(--transition);background:var(--white);box-shadow:0 2px 8px #0000000d}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #007bff1a,0 4px 15px #0000001a;transform:translateY(-2px)}.search-input::placeholder{color:var(--dark);opacity:.7;transition:var(--transition)}.search-input:focus::placeholder{opacity:.5;transform:translate(5px)}.search-results{position:absolute;top:100%;left:0;right:0;background:var(--white);border:2px solid var(--primary);border-top:none;border-radius:0 0 var(--radius) var(--radius);box-shadow:0 8px 25px #00000026;max-height:300px;overflow-y:auto;z-index:1000;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-item{padding:1rem 1.2rem;border-bottom:1px solid var(--medium);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;background:var(--white)}.search-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,123,255,.1),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}.search-item:hover:before{left:100%}.search-item:hover{background:linear-gradient(135deg,#007bff14,#ffc1070d);transform:translate(8px) scale(1.02);border-left:4px solid var(--primary);box-shadow:0 8px 25px #007bff26,inset 0 1px #fff9}.search-item:active{transform:translate(4px) scale(.98);transition:transform .1s ease}.search-item:last-child{border-bottom:none}.search-item-info{display:flex;flex-direction:column;gap:.3rem;transition:var(--transition)}.search-item:hover .search-item-info{transform:translate(4px)}.search-item-name{font-size:1rem;font-weight:600;color:var(--text);transition:var(--transition);position:relative}.search-item:hover .search-item-name{color:var(--primary);text-shadow:0 1px 3px rgba(0,123,255,.2)}.search-item-name:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--warning));transition:width .4s cubic-bezier(.4,0,.2,1);border-radius:1px}.search-item:hover .search-item-name:after{width:100%}.search-item-category{font-size:.85rem;color:var(--dark);opacity:.8;transition:var(--transition);text-transform:uppercase;letter-spacing:.3px}.search-item:hover .search-item-category{color:var(--warning-dark);opacity:1;transform:translateY(-1px)}.search-item{animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) backwards}.search-item:nth-child(1){animation-delay:.1s}.search-item:nth-child(2){animation-delay:.15s}.search-item:nth-child(3){animation-delay:.2s}.search-item:nth-child(4){animation-delay:.25s}.search-item:nth-child(5){animation-delay:.3s}.search-item:nth-child(6){animation-delay:.35s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-results:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--primary),var(--warning),var(--success),var(--primary));background-size:300% 300%;border-radius:var(--radius);z-index:-1;animation:gradientShift 3s ease infinite;opacity:.6}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:var(--light);border-radius:3px}.search-results::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary),var(--warning));border-radius:3px;transition:var(--transition)}.search-results::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-dark),var(--warning-dark))}@media (max-width: 1024px){.productos-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.ofertas-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.marcas-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width: 768px){.sucursal-header,.sucursal-title,.card-header,.section-header{flex-direction:column;align-items:flex-start;gap:15px}.section-header .btn-add{width:100%;padding:.8rem 1.5rem}.info-display,.edit-form{grid-template-columns:1fr}.produtos-grid,.ofertas-grid,.marcas-grid{grid-template-columns:1fr;gap:1.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.card-actions,.produto-actions,.oferta-actions,.marca-actions{flex-direction:row;gap:10px;padding:1rem}.produto-actions .btn,.oferta-actions .btn,.marca-actions .btn{flex:1;min-width:0;font-size:.85rem}.produto-actions .btn-edit,.produto-actions .btn-delete,.oferta-actions .btn-edit,.oferta-actions .btn-delete,.marca-actions .btn-edit,.marca-actions .btn-delete{max-width:none;min-width:100px}}@media (max-width: 480px){.sucursal-view{padding:15px}.sucursal-info-card,.produtos-destacados-section{padding:15px;margin-top:15px}.produtos-grid{gap:1rem}.produto-actions,.oferta-actions,.marca-actions{flex-direction:column;gap:8px;padding:.8rem}.produto-actions .btn,.oferta-actions .btn,.marca-actions .btn{width:100%;font-size:.9rem;padding:12px}.features-display{gap:.3rem}.feature-tag{font-size:.7rem;padding:.25rem .6rem}.produto-badge{font-size:.7rem;padding:.3rem .6rem}}@media (max-width: 360px){.produtos-grid{gap:.8rem}.produto-info,.oferta-info,.marca-info{padding:1rem}.produto-actions,.oferta-actions,.marca-actions{padding:.6rem}}.ofertas-imperdibles-section{margin-bottom:2rem}.ofertas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;margin-top:1rem}.oferta-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;position:relative}.oferta-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.oferta-badge{position:absolute;top:-8px;left:15px;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:6px 12px;border-radius:15px;font-size:.8rem;font-weight:700;z-index:2;box-shadow:0 2px 8px #ff6b354d}.oferta-image{width:100%;height:200px;border-radius:8px;overflow:hidden;margin-bottom:1rem;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.oferta-image img{width:100%;height:100%;object-fit:cover}.oferta-info{margin-bottom:1rem}.oferta-info h4{color:#2c3e50;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.producto-name{color:#7f8c8d;font-size:.9rem;margin-bottom:.5rem;font-style:italic}.oferta-descripcion{color:#555;font-size:.9rem;margin-bottom:1rem;line-height:1.4}.oferta-precios{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.precio-original{color:#95a5a6;text-decoration:line-through;font-size:1rem}.precio-oferta{color:#27ae60;font-size:1.3rem;font-weight:700}.oferta-descuento{background:#e74c3c;color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;text-align:center;margin-bottom:1rem;font-size:1rem}.oferta-vigencia{background:#ecf0f1;padding:8px 12px;border-radius:6px;margin-bottom:.5rem}.oferta-vigencia small{color:#7f8c8d;font-size:.8rem}.oferta-stock{background:#fff3cd;border:1px solid #ffeaa7;padding:6px 10px;border-radius:4px;margin-bottom:1rem}.oferta-stock small{color:#856404;font-size:.8rem;font-weight:500}.oferta-actions{display:flex;gap:.5rem;justify-content:flex-end}.oferta-edit-form{width:100%}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-row .form-group{flex:1}.checkbox-group{display:flex;align-items:center;margin-bottom:.5rem}.checkbox-group input[type=checkbox]{margin-right:.5rem;transform:scale(1.2)}.checkbox-group label{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.9rem;color:#555}.precio-oferta.input-readonly{background:#d4edda!important;border-color:#27ae60!important;color:#27ae60!important;font-weight:700}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.oferta-descuento{animation:pulse 2s infinite}@media (max-width: 768px){.ofertas-grid{grid-template-columns:1fr}.form-row{flex-direction:column;gap:.5rem}.oferta-precios{flex-direction:column;align-items:flex-start;gap:.5rem}}.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea{border-color:#e74c3c;box-shadow:0 0 0 2px #e74c3c1a}.form-group.has-success input,.form-group.has-success select,.form-group.has-success textarea{border-color:#27ae60;box-shadow:0 0 0 2px #27ae601a}.oferta-card.activa:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#27ae60;border-radius:12px 0 0 12px}.oferta-card.inactiva{opacity:.7;background:#f8f9fa}.oferta-card.inactiva .oferta-badge{background:#95a5a6}.image-upload-group{margin-bottom:1.5rem}.image-upload-container{position:relative;border:2px dashed #dee2e6;border-radius:8px;overflow:hidden}.image-preview-container{position:relative;width:100%;height:200px}.image-preview-large{width:100%;height:100%;object-fit:cover;display:block}.image-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;gap:1rem;opacity:0;transition:opacity .3s ease}.image-preview-container:hover .image-overlay{opacity:1}.btn-remove-image,.btn-change-image{background:#ffffffe6;border:none;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.2rem}.btn-remove-image:hover{background:#e74c3c;color:#fff;transform:scale(1.1)}.btn-change-image:hover{background:#3498db;color:#fff;transform:scale(1.1)}.image-upload-placeholder{height:200px;display:flex;align-items:center;justify-content:center}.upload-area{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:#f8f9fa}.upload-area:hover{background:#e9ecef;border-color:#3498db}.upload-content{text-align:center;color:#6c757d}.upload-icon{font-size:3rem;display:block;margin-bottom:.5rem}.upload-content p{margin:.5rem 0;font-weight:500;color:#495057}.upload-content small{color:#6c757d;font-size:.8rem}.upload-progress{margin-top:.5rem;text-align:center}.progress-bar{width:100%;height:4px;background:#e9ecef;border-radius:2px;overflow:hidden;margin-bottom:.25rem}.progress-indicator{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:2px;animation:progress-loading 1.5s ease-in-out infinite}@keyframes progress-loading{0%{width:0%}50%{width:70%}to{width:100%}}.help-text{color:#6c757d;font-size:.8rem;margin-top:.5rem;display:block;font-style:italic}@keyframes uploadBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes miniProgress{0%{transform:translate(-100%)}to{transform:translate(100%)}}.upload-icon-container{animation:uploadBounce 1.5s ease-in-out infinite}.mini-progress-bar{height:100%;width:40%;background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:10px;animation:miniProgress 1.5s ease-in-out infinite}@media (max-width: 768px){.image-preview-container,.image-upload-placeholder{height:150px}.btn-remove-image,.btn-change-image{width:40px;height:40px;font-size:1rem}.upload-icon{font-size:2rem}}.inventory-view{min-height:100vh;background-color:#f8f9fa;padding:20px}.inventory-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.inventory-title h1{margin:0;color:#333;font-size:1.8rem;text-transform:capitalize}.btn-back{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-weight:500;transition:background-color .2s}.btn-back:hover{background:#5a6268}.btn-inventory{background:#17a2b8;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.btn-inventory:hover{background:#138496;transform:translateY(-1px)}.inventory-tabs{display:flex;background:#fff;border-radius:12px;padding:8px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.tab{flex:1;background:transparent;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s;color:#6c757d}.tab:hover{background:#f8f9fa;color:#495057}.tab.active{background:#007bff;color:#fff}.inventory-content{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.filters-section{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:30px}.filters-section h3{margin:0 0 15px;color:#333;font-size:1.2rem}.filter-group label{margin-bottom:5px;color:#555;font-weight:500}.filter-group input,.filter-group select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.table-container{overflow-x:auto;border-radius:8px;border:1px solid #dee2e6}.inventory-table,.products-table{width:100%;border-collapse:collapse;background:#fff}.inventory-table th,.inventory-table td,.products-table th,.products-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #dee2e6}.inventory-table th,.products-table th{background:#f8f9fa;font-weight:600;color:#495057;position:sticky;top:0}.inventory-table tbody tr:hover,.products-table tbody tr:hover{background:#f8f9fa}.text-center{text-align:center;color:#6c757d;font-style:italic;padding:40px}.producto-info strong{display:block;color:#333;margin-bottom:4px}.producto-info p{margin:0;color:#6c757d;font-size:.9rem;line-height:1.4}.stock-badge{padding:4px 8px;border-radius:4px;font-size:.85rem;font-weight:600}.stock-badge.normal{background:#d4edda;color:#155724}.stock-badge.low{background:#f8d7da;color:#721c24}.status-badge{padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.action-buttons{display:flex;gap:5px}.btn-sm{padding:6px 10px;font-size:.8rem;border-radius:4px;border:none;cursor:pointer;transition:all .2s}.btn-edit{background:#ffc107;color:#212529}.btn-edit:hover{background:#e0a800}.btn-stock{background:#17a2b8;color:#fff}.btn-stock:hover{background:#138496}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f8f9fa}.section-header h3{margin:0;color:#333;font-size:1.3rem}.header-actions{display:flex;gap:10px}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.category-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px;transition:box-shadow .2s}.category-card:hover{box-shadow:0 4px 12px #0000001a}.category-header h4{margin:0;color:#333;font-size:1.1rem}.category-card p{color:#6c757d;margin-bottom:15px;line-height:1.4}.subcategories h5{margin:15px 0 10px;color:#495057;font-size:.95rem;font-weight:600}.subcategory-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border:1px solid #dee2e6;border-radius:4px;margin-bottom:5px}.subcategory-item span{color:#495057;font-size:.9rem}.btn{padding:10px 20px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3;transform:translateY(-1px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #dee2e6}.modal-header h3{margin:0;color:#333;font-size:1.3rem}.btn-close{background:none;border:none;font-size:1.5rem;color:#6c757d;cursor:pointer;padding:5px;border-radius:4px;transition:background-color .2s}.btn-close:hover{background:#f8f9fa}.modal form{padding:30px}.form-group label{display:block;margin-bottom:8px;color:#495057;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.checkbox-label{display:flex!important;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto!important;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:20px;border-top:1px solid #dee2e6;margin-top:20px}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container h2{color:#dc3545;margin-bottom:10px}.error-container p{color:#6c757d;margin-bottom:20px}@media (max-width: 768px){.inventory-view{padding:10px}.inventory-header{flex-direction:column;align-items:flex-start;gap:15px}.inventory-tabs{flex-direction:column;gap:5px}.filters-grid,.form-grid,.categories-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:15px}.header-actions{width:100%;justify-content:stretch}.header-actions .btn{flex:1}.modal{margin:10px;max-width:calc(100vw - 20px)}.modal form{padding:20px}.modal-actions{flex-direction:column}}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.category-header h4{margin:0;color:#333;-webkit-user-select:none;user-select:none;transition:color .3s ease}.category-header h4:hover{color:#007bff}.category-actions{display:flex;gap:8px}.subcategories-expanded{margin-top:15px;padding:15px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #007bff}.subcategories-expanded h5{margin:0 0 15px;color:#495057;font-size:14px;font-weight:600}.subcategories-list{display:flex;flex-direction:column;gap:12px}.subcategory-item-expanded{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#fff;border-radius:6px;border:1px solid #dee2e6;box-shadow:0 1px 3px #0000001a}.subcategory-info{flex:1}.subcategory-info strong{display:block;color:#333;font-size:14px;margin-bottom:4px}.subcategory-info p{margin:0;color:#666;font-size:12px;line-height:1.4}.subcategory-actions{display:flex;gap:6px}.loading-subcategories{text-align:center;padding:20px;color:#666;font-style:italic}.loading-subcategories p{margin:0}.no-subcategories{color:#999;font-style:italic;text-align:center;padding:20px;margin:0}.btn-delete{background-color:#dc3545;color:#fff;border:1px solid #dc3545;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .3s ease}.btn-delete:hover{background-color:#c82333;border-color:#bd2130;transform:translateY(-1px)}.btn-stock{background-color:#28a745;color:#fff;border:1px solid #28a745;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .3s ease}.btn-stock:hover{background-color:#218838;border-color:#1e7e34;transform:translateY(-1px)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px}.form-group select:disabled{background-color:#e9ecef;opacity:.65;cursor:not-allowed}.form-group select:disabled:hover{border-color:#ced4da}.products-table th:nth-child(6){min-width:120px}.products-table td:nth-child(6){font-weight:600;color:#28a745}@media (max-width: 768px){.category-header{flex-direction:column;align-items:flex-start;gap:10px}.category-actions{align-self:flex-end}.subcategory-item-expanded{flex-direction:column;align-items:flex-start;gap:10px}.subcategory-actions{align-self:flex-end}.form-grid{grid-template-columns:1fr}}.subcategories-expanded{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.subcategory-item-expanded{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.stock-input-group{display:flex;gap:10px;align-items:center}.stock-input{flex:1;max-width:100px}.btn-stock-update{background:#28a745;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px}.btn-stock-update:hover{background:#218838}.btn-stock-update:disabled{background:#6c757d;cursor:not-allowed}.stock-info{color:#666;font-style:italic;margin-top:5px}.stock-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700}.stock-badge.in-stock{background:#d4edda;color:#155724}.stock-badge.no-stock{background:#f8d7da;color:#721c24}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin:20px 0;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.pagination-info{color:#6c757d;font-size:14px;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:5px}.pagination-btn{padding:8px 12px;border:1px solid #dee2e6;background:#fff;color:#495057;cursor:pointer;border-radius:4px;font-size:14px;font-weight:500;transition:all .2s ease;min-width:40px;text-align:center}.pagination-btn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.pagination-btn.active{background:#007bff;border-color:#007bff;color:#fff}.pagination-btn:disabled{background:#f8f9fa;color:#adb5bd;cursor:not-allowed;border-color:#e9ecef}.pagination-prev,.pagination-next{font-weight:600;min-width:auto;padding:8px 16px}.pagination-ellipsis{padding:8px 4px;color:#6c757d;font-weight:700}.loading-container{display:flex;justify-content:center;align-items:center;padding:40px;background:#f8f9fa;border-radius:8px;margin:20px 0}.loading-spinner{color:#007bff;font-size:16px;font-weight:500}.error-container{display:flex;flex-direction:column;align-items:center;padding:30px;background:#f8f9fa;border-radius:8px;border-left:4px solid #dc3545;margin:20px 0}.error-message{color:#dc3545;font-size:16px;font-weight:500;margin-bottom:15px;text-align:center}@media (max-width: 768px){.pagination-container{flex-direction:column;gap:15px;text-align:center}.pagination-info{order:2}.pagination-controls{order:1;flex-wrap:wrap;justify-content:center}.pagination-btn{padding:6px 10px;font-size:12px;min-width:35px}.pagination-prev,.pagination-next{padding:6px 12px}}@media (max-width: 480px){.pagination-btn{padding:6px 8px;font-size:12px;min-width:32px}.pagination-prev,.pagination-next{padding:6px 10px;font-size:12px}}.marcas-tab-content{padding:20px}.filters-section{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;align-items:end}.filter-group{display:flex;flex-direction:column}.filter-group label{font-weight:600;margin-bottom:5px;color:#333}.filter-group input,.filter-group select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.marcas-table-section h3{color:#333;margin-bottom:15px}.table-container{overflow-x:auto;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.marcas-table{width:100%;border-collapse:collapse;min-width:800px}.marcas-table th{background:#f1f3f4;padding:12px;text-align:left;font-weight:600;border-bottom:2px solid #e0e0e0;font-size:14px}.marcas-table td{padding:12px;border-bottom:1px solid #e0e0e0;font-size:14px}.marcas-table tr:hover{background-color:#f8f9fa}.marca-info strong{color:#333;font-size:15px}.descripcion-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-cell{display:flex;justify-content:center;align-items:center}.marca-logo{border-radius:4px;object-fit:contain;border:1px solid #ddd}.no-logo{color:#999;font-style:italic;font-size:12px}.productos-count{background:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.status-badge{padding:4px 12px;border-radius:15px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.action-buttons{display:flex;gap:5px;justify-content:center}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0003}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:#007bff;color:#fff}.btn-success{background-color:#28a745;color:#fff}.btn-warning{background-color:#ffc107;color:#212529}.btn-danger{background-color:#dc3545;color:#fff}.btn-secondary{background-color:#6c757d;color:#fff}.btn-sm{padding:6px 10px;font-size:12px}.btn-edit{background-color:#17a2b8;color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0}.modal-header h4{margin:0;color:#333}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#333}.modal-body{padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:#333}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-group textarea{resize:vertical;min-height:80px}.logo-preview{margin-top:10px;text-align:center}.logo-preview img{border:1px solid #ddd;border-radius:4px}.checkbox-label{display:flex!important;align-items:center;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto!important;margin-right:8px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #eee;margin-top:20px}.text-center{text-align:center;color:#666;font-style:italic}@media (max-width: 768px){.filters-grid{grid-template-columns:1fr}.modal-content{width:95%;margin:10px}.action-buttons{flex-direction:column}}.marcas-table .logo-cell{width:60px;height:60px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background-color:#f0f0f0}.marcas-table .logo-cell img.marca-logo{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.btn-info{background-color:#007bff;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer}.btn-info:hover{background-color:#0056b3}.ofertas-table{width:100%;border-collapse:collapse;margin-top:1rem}.ofertas-table th,.ofertas-table td{padding:12px 8px;text-align:left;border-bottom:1px solid #ddd;vertical-align:top}.ofertas-table th{background-color:#f8f9fa;font-weight:600;position:sticky;top:0;z-index:10}.producto-info strong{display:block;font-size:14px;color:#333}.producto-info small{color:#666;font-size:12px}.descripcion-oferta{font-size:12px;color:#666;margin:4px 0 0;line-height:1.3}.descuento-badge{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.precio-oferta{color:#27ae60;font-size:16px}.fecha-periodo{display:flex;flex-direction:column;gap:2px}.fecha-periodo small{font-size:11px;color:#666}.status-badge.active{background-color:#27ae60;color:#fff}.status-badge.inactive{background-color:#95a5a6;color:#fff}.status-badge.scheduled{background-color:#3498db;color:#fff}.status-badge.expired{background-color:#e74c3c;color:#fff}.precio-preview{background:linear-gradient(135deg,#667eea,#764ba2);padding:16px;border-radius:8px;margin:16px 0;color:#fff}.precio-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.precio-info span{display:flex;flex-direction:column;align-items:center;text-align:center}.precio-original{font-size:14px;opacity:.9}.precio-oferta{font-size:18px;font-weight:700}.ahorro{font-size:16px;font-weight:600;color:#f1c40f}.filters-section .filter-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;font-size:14px;min-width:150px}.filters-section .filter-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.checkbox-label{display:flex;align-items:center;gap:8px;font-weight:400;cursor:pointer;margin:8px 0}.checkbox-label input[type=checkbox]{margin:0;cursor:pointer}.btn-warning{background-color:#f39c12;color:#fff;border:none}.btn-warning:hover{background-color:#e67e22}.btn-success{background-color:#27ae60;color:#fff;border:none}.btn-success:hover{background-color:#219a52}@media (max-width: 768px){.ofertas-table{font-size:12px}.ofertas-table th,.ofertas-table td{padding:8px 4px}.precio-info{flex-direction:column;gap:8px}.precio-info span{align-items:flex-start;text-align:left}}.status-badge{transition:all .3s ease;animation:pulse-subtle 2s infinite}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.8}}.status-badge.active{animation:pulse-green 2s infinite}@keyframes pulse-green{0%,to{box-shadow:0 0 #27ae6066}50%{box-shadow:0 0 0 4px #27ae601a}}.stock-badge{padding:4px 8px;border-radius:4px;font-size:12px;background-color:#e8f5e8;color:#27ae60;border:1px solid #c3e6cb}.ofertas-tab-content .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #eee}.ofertas-tab-content .section-header h3{margin:0;color:#333;font-size:24px}.ofertas-tab-content .loading-container{display:flex;justify-content:center;align-items:center;padding:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;margin:20px 0}.ofertas-tab-content .loading-spinner{color:#fff;font-size:16px;font-weight:500}.ofertas-tab-content .error-container{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:20px;border-radius:8px;text-align:center;margin:20px 0}.ofertas-tab-content .error-message{font-size:16px;margin-bottom:12px}.modal-large{max-width:800px;width:90vw}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#333}.form-control{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s ease}.form-control:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.vista-producto-container{max-width:1200px;margin:2rem auto;padding:1.5rem;font-family:Arial,sans-serif;color:#333}.producto-detalle-principal{display:flex;flex-wrap:wrap;gap:2rem;padding-bottom:2rem;border-bottom:1px solid #e0e0e0}.producto-imagen-container{flex:1 1 400px;max-width:100%}.producto-imagen-principal{width:100%;height:auto;border-radius:8px;border:1px solid #e0e0e0}.producto-info-container{flex:1 1 500px;display:flex;flex-direction:column}.producto-sku{font-size:.8rem;color:#888;margin-bottom:.5rem}.producto-nombre{font-size:1.8rem;font-weight:600;margin-bottom:1rem;line-height:1.3}.producto-precios{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.precio-actual{font-size:2.2rem;font-weight:700;color:#d32f2f}.precio-anterior{font-size:1.2rem;text-decoration:line-through;color:#888}.descuento-etiqueta{background-color:#d32f2f;color:#fff;padding:.3rem .6rem;border-radius:4px;font-size:.9rem;font-weight:700}.producto-compra{display:flex;gap:1rem;margin-bottom:1.5rem}.cantidad-input{width:60px;padding:.75rem;border:1px solid #ccc;border-radius:8px;text-align:center;font-size:1rem}.btn-agregar-carrito{flex-grow:1;background-color:#2962ff;color:#fff;border:none;padding:.75rem 1.5rem;font-size:1.1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.btn-agregar-carrito:hover{background-color:#0039cb}.vendedor-info{font-size:.9rem;color:#555}.vendedor-info a{color:#2962ff;text-decoration:none}.vendedor-info a:hover{text-decoration:underline}.producto-descripcion-completa{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-top:2rem}.ficha-tecnica,.descripcion-producto{padding:1rem}.ficha-tecnica h3,.descripcion-producto h3{font-size:1.4rem;margin-bottom:1rem;border-bottom:2px solid #f0f0f0;padding-bottom:.5rem}.ficha-tecnica table{width:100%;border-collapse:collapse}.ficha-tecnica tr{border-bottom:1px solid #f0f0f0}.ficha-tecnica tr:last-child{border-bottom:none}.ficha-tecnica td{padding:.8rem 0;font-size:.95rem}.ficha-tecnica td:first-child{font-weight:700;color:#555}.descripcion-producto p,.descripcion-producto li{font-size:1rem;line-height:1.6;color:var(--color-texto)}.descripcion-producto h4{margin-top:1.5rem;font-size:1rem;font-weight:700}.descripcion-producto ul{list-style-position:inside;padding-left:0}@media (max-width: 992px){.producto-descripcion-completa{grid-template-columns:1fr}}@media (max-width: 768px){.producto-detalle-principal{flex-direction:column;align-items:center}.producto-info-container{align-items:center;text-align:center}.producto-compra,.btn-agregar-carrito{width:100%}}.lista-productos-container{width:100%;max-width:100vw;margin:0;padding:20px;background-color:var(--color-fondo);min-height:100vh;box-sizing:border-box;overflow-x:hidden}.lista-productos-page{display:flex;gap:30px;background-color:var(--color-fondo);width:100%;max-width:100%;box-sizing:border-box}.filtros-lateral{width:280px;min-width:280px;flex-shrink:0;padding:25px;border:2px solid var(--color-borde);border-radius:12px;background-color:var(--color-secundario);height:fit-content;position:sticky;top:20px;box-shadow:0 4px 15px #0000001a;box-sizing:border-box}.filtros-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--color-borde)}.filtros-header h3{margin:0;color:var(--color-texto);font-size:1.4em;font-weight:600}.btn-limpiar{background-color:var(--color-acento);color:var(--color-fondo);border:none;padding:8px 15px;border-radius:8px;cursor:pointer;font-weight:500;font-size:.9em;transition:all .3s ease}.btn-limpiar:hover{background-color:var(--color-borde);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.filtro-seccion{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid var(--color-borde)}.filtro-seccion:last-child{border-bottom:none;margin-bottom:0}.filtro-seccion h4{margin:0 0 15px;color:var(--color-texto);font-size:1.1em;font-weight:500}.filtro-busqueda{position:relative}.input-busqueda{width:100%;padding:12px 15px;border:2px solid var(--color-borde);border-radius:8px;background-color:var(--color-fondo);color:var(--color-texto);font-size:1em;transition:all .3s ease;box-sizing:border-box}.input-busqueda:focus{outline:none;border-color:var(--color-acento);box-shadow:0 0 0 3px #f5dd0033}.input-busqueda::placeholder{color:var(--color-borde)}.filtro-precio-rango{width:100%}.rango-valores{display:flex;justify-content:space-between;margin-bottom:15px;font-weight:600;color:var(--color-texto);font-size:.95em}.dual-range-container{position:relative;height:50px;margin:15px 0;padding:15px 0}.range-track{position:absolute;top:50%;left:0;right:0;height:8px;background-color:var(--color-borde);border-radius:4px;transform:translateY(-50%);opacity:.3}.range-track-fill{position:absolute;top:0;height:100%;background-color:var(--color-acento);border-radius:4px;transition:all .2s ease}.range-slider{position:absolute;width:100%;height:8px;border-radius:4px;background:transparent;outline:none;-webkit-appearance:none;appearance:none;pointer-events:all;top:50%;transform:translateY(-50%);cursor:pointer}.range-slider::-webkit-slider-track{background:transparent;border:none;height:8px;border-radius:4px}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:24px;width:24px;border-radius:50%;background-color:var(--color-acento);border:3px solid var(--color-fondo);cursor:pointer;pointer-events:all;box-shadow:0 3px 8px #0006;transition:all .2s ease;position:relative}.range-slider::-webkit-slider-thumb:hover{background-color:var(--color-borde);transform:scale(1.15);box-shadow:0 4px 12px #00000080}.range-slider::-webkit-slider-thumb:active{transform:scale(1.25)}.range-slider::-moz-range-track{background:transparent;border:none;height:8px;border-radius:4px}.range-slider::-moz-range-thumb{height:24px;width:24px;border-radius:50%;background-color:var(--color-acento);border:3px solid var(--color-fondo);cursor:pointer;pointer-events:all;box-shadow:0 3px 8px #0006;transition:all .2s ease}.range-slider::-moz-range-thumb:hover{background-color:var(--color-borde);transform:scale(1.15)}.range-slider::-ms-track{background:transparent;border:none;height:8px;border-radius:4px}.range-slider::-ms-thumb{height:24px;width:24px;border-radius:50%;background-color:var(--color-acento);border:3px solid var(--color-fondo);cursor:pointer;box-shadow:0 3px 8px #0006}.range-min{z-index:2}.range-max{z-index:3}.select-ordenar{width:100%;padding:12px 15px;border:2px solid var(--color-borde);border-radius:8px;background-color:var(--color-fondo);color:var(--color-texto);font-size:1em;cursor:pointer;transition:all .3s ease}.select-ordenar:focus{outline:none;border-color:var(--color-acento);box-shadow:0 0 0 3px #f5dd0033}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:1em;color:var(--color-texto);position:relative;padding-left:35px}.checkbox-oferta{position:absolute;opacity:0;cursor:pointer}.checkmark{position:absolute;left:0;top:2px;height:20px;width:20px;background-color:var(--color-fondo);border:2px solid var(--color-borde);border-radius:4px;transition:all .3s ease}.checkbox-oferta:checked~.checkmark{background-color:var(--color-acento);border-color:var(--color-acento)}.checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:6px;height:12px;border:solid var(--color-fondo);border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-oferta:checked~.checkmark:after{display:block}.filtros-resumen{margin-top:20px;padding:15px;background-color:var(--color-fondo);border:2px solid var(--color-borde);border-radius:8px;text-align:center}.filtros-resumen p{margin:0;color:var(--color-texto);font-weight:500}.productos-main{flex:1;min-width:0;width:100%;max-width:calc(100% - 310px);box-sizing:border-box}.productos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--color-borde)}.productos-header h2{margin:0;color:var(--color-texto);font-size:2em;font-weight:600}.vista-controles{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.productos-per-page{display:flex;align-items:center;gap:8px;color:var(--color-texto);font-size:.95em}.select-per-page{padding:8px 12px;border:2px solid var(--color-borde);border-radius:6px;background-color:var(--color-fondo);color:var(--color-texto);cursor:pointer;font-size:.9em}.resultados-count{color:var(--color-borde);font-weight:500;font-size:1em}.productos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;width:100%;max-width:100%;box-sizing:border-box}.producto-card{border:2px solid var(--color-borde);border-radius:10px;background-color:var(--color-secundario);overflow:hidden;transition:all .3s ease;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;height:100%;width:100%;max-width:100%;box-sizing:border-box}.producto-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0003;border-color:var(--color-acento)}.card-imagen-container{position:relative;height:160px;overflow:hidden;background-color:var(--color-fondo);width:100%}.producto-imagen{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.producto-card:hover .producto-imagen{transform:scale(1.05)}.descuento-etiqueta{position:absolute;top:10px;right:10px;background-color:#e74c3c;color:#fff;padding:5px 10px;border-radius:20px;font-weight:600;font-size:.85em;z-index:2}.nombre-oferta{position:absolute;top:10px;left:10px;background-color:var(--color-acento);color:var(--color-fondo);padding:5px 10px;border-radius:20px;font-weight:600;font-size:.8em;z-index:2}.card-contenido{padding:15px;display:flex;flex-direction:column;flex-grow:1}.producto-nombre{margin:0 0 10px;color:var(--color-texto);font-size:1em;font-weight:600;line-height:1.2;min-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.precios-card{margin:10px 0 15px;display:flex;flex-direction:column;gap:3px}.precio-actual{font-size:1.2em;font-weight:700;color:var(--color-acento)}.precio-anterior{font-size:.9em;color:var(--color-borde);text-decoration:line-through;opacity:.7}.btn-detalle{display:inline-block;padding:10px 16px;background-color:var(--color-acento);color:var(--color-fondo);text-decoration:none;border-radius:6px;font-weight:600;text-align:center;transition:all .3s ease;margin-top:auto;font-size:.9em}.btn-detalle:hover{background-color:var(--color-borde);transform:translateY(-2px);box-shadow:0 4px 15px #0003}.paginacion{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:40px;padding:20px 0;flex-wrap:wrap}.btn-paginacion{padding:12px 16px;background-color:var(--color-secundario);color:var(--color-texto);border:2px solid var(--color-borde);border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;min-width:100px}.btn-paginacion:hover:not(:disabled){background-color:var(--color-acento);color:var(--color-fondo);transform:translateY(-2px)}.btn-paginacion:disabled{opacity:.5;cursor:not-allowed;transform:none}.numeros-pagina{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.btn-numero-pagina{width:40px;height:40px;background-color:var(--color-secundario);color:var(--color-texto);border:2px solid var(--color-borde);border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-numero-pagina:hover{background-color:var(--color-borde);color:var(--color-fondo);transform:translateY(-2px)}.btn-numero-pagina.activa{background-color:var(--color-acento);color:var(--color-fondo);border-color:var(--color-acento)}.dots{color:var(--color-borde);font-weight:700;padding:0 8px}.no-productos{text-align:center;padding:60px 20px;color:var(--color-borde)}.no-productos p{font-size:1.2em;margin-bottom:20px}@media (max-width: 1024px){.lista-productos-container{padding:15px}.lista-productos-page{flex-direction:column;gap:20px}.filtros-lateral{width:100%;max-width:100%;position:static;min-width:auto}.productos-main{max-width:100%}.productos-grid{grid-template-columns:repeat(2,1fr);gap:15px}}@media (max-width: 768px){.lista-productos-container{padding:10px}.filtros-lateral{padding:15px}.productos-header{flex-direction:column;align-items:flex-start;gap:15px}.productos-header h2{font-size:1.5em}.vista-controles{width:100%;justify-content:space-between}.productos-grid{grid-template-columns:repeat(2,1fr);gap:12px}.card-imagen-container{height:130px}.card-contenido{padding:12px}.producto-nombre{font-size:.9em;min-height:2.2em}.precio-actual{font-size:1.1em}.btn-detalle{padding:8px 12px;font-size:.85em}}@media (max-width: 480px){.lista-productos-container{padding:8px;margin:0;width:100%}.lista-productos-page{gap:15px}.productos-grid{grid-template-columns:repeat(2,1fr);gap:8px}.filtros-lateral{padding:12px}.dual-range-container{height:45px;padding:12px 0}.range-slider::-webkit-slider-thumb{height:20px;width:20px}.range-slider::-moz-range-thumb{height:20px;width:20px}.vista-controles{flex-direction:column;align-items:flex-start;gap:10px}.card-imagen-container{height:100px}.card-contenido{padding:8px}.producto-nombre{font-size:.8em;min-height:1.8em;margin-bottom:6px}.precio-actual{font-size:.95em}.precio-anterior{font-size:.75em}.btn-detalle{padding:6px 8px;font-size:.75em;border-radius:4px}.paginacion{gap:6px;flex-wrap:wrap}.btn-paginacion{padding:8px 10px;font-size:.85em;min-width:70px}.btn-numero-pagina{width:32px;height:32px;font-size:.85em}}.fade-enter{opacity:0;transform:translate(20px)}.fade-enter-active{opacity:1;transform:translate(0);transition:opacity .3s,transform .3s}.fade-exit{opacity:1;transform:translate(0)}.fade-exit-active{opacity:0;transform:translate(-20px);transition:opacity .3s,transform .3s}.dashboard-container{min-height:100vh!important;background-color:var(--color-fondo)!important;padding:2rem 1rem!important;color:var(--color-texto)!important}.dashboard-container h1{font-size:2.25rem;font-weight:700;color:var(--color-texto);margin-bottom:1.5rem;text-align:center}.dashboard-tabs{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.dashboard-tabs button{flex:1;padding:.75rem 1rem;font-weight:600;border-radius:.5rem .5rem 0 0;transition:all .3s;border:1px solid var(--color-borde);background-color:var(--color-secundario);color:var(--color-texto)}.dashboard-tabs button.active{background-color:var(--color-acento);color:var(--color-fondo);box-shadow:0 2px 6px #00000080}.dashboard-tabs button:not(.active):hover{background-color:#2c2c2c}.dashboard-tab-content{background-color:var(--color-secundario);border-radius:0 0 .5rem .5rem;box-shadow:inset 0 0 0 1px var(--color-borde);padding:1.5rem;min-height:200px;color:var(--color-texto)}.profile-card{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border-radius:.75rem;background-color:var(--color-secundario);box-shadow:0 2px 8px #0000004d;color:var(--color-texto)}.profile-field{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--color-borde);font-size:1rem}.profile-field:last-child{border-bottom:none}.profile-field span{font-weight:500;color:var(--color-texto)}.order-table{width:100%;border-collapse:collapse;margin-top:1rem;color:var(--color-texto)}.order-table th,.order-table td{padding:.75rem;border:1px solid var(--color-borde);text-align:left}.order-table th{background-color:var(--color-acento);font-weight:600;color:var(--color-fondo)}.order-table td{color:var(--color-texto)}@media (min-width: 768px){.profile-card{flex-direction:row;justify-content:space-between}}body{--color-fondo: #121212;--color-texto: #f5dd00;--color-texto-contraste: #f5dd00;--color-secundario: #1e1e1e;--color-borde: #b38900;--color-acento: #ffd54f;--navbar-bg: #121212;--navbar-text: #f5dd00;--navbar-text-contraste: #f5dd00;--navbar-border: #b38900;--navbar-btn-bg: #e0c200;--navbar-btn-hover-bg: #d1b300;--navbar-btn-text: #121212;--navbar-search-bg: #121212;--navbar-search-border: #333;--navbar-search-text: #f5dd00;--navbar-search-btn-bg: #ffd700;--navbar-search-btn-hover-bg: #e6c200;--icon-color: #f5dd00;--icon-hover-color: #ffd54f;--carrito-contador-bg: red;--carrito-contador-text: white;background-color:var(--color-fondo);color:var(--color-texto);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;margin:0;line-height:1.6}body.light-theme{--color-fondo: #ffffff;--color-texto: #1a1a1a;--color-texto-contraste: #1a1a1a;--color-secundario: #f0f0f0;--color-borde: #ffd700;--color-acento: #ffd700;--navbar-bg: #ffffff;--navbar-text: #1a1a1a;--navbar-text-contraste: #1a1a1a;--navbar-border: #ffd700;--navbar-btn-bg: #ffd700;--navbar-btn-hover-bg: #e6c200;--navbar-btn-text: #1a1a1a;--navbar-search-bg: #ffffff;--navbar-search-border: #999999;--navbar-search-text: #1a1a1a;--navbar-search-btn-bg: #ffd700;--navbar-search-btn-hover-bg: #e6c200;--icon-color: #333333;--icon-hover-color: #1a1a1a;--carrito-contador-bg: #ffd700;--carrito-contador-text: #1a1a1a}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--color-texto)}body{background-color:var(--color-fondo);line-height:1.6;min-height:100vh}a{color:var(--color-amarillo);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-amarillo-oscuro)}button{background-color:var(--color-amarillo);border:none;color:var(--color-fondo);padding:.6rem 1.2rem;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .3s ease}button:hover{background-color:var(--color-amarillo-oscuro);color:#fff}input,select,textarea{background-color:var(--color-secundario);border:1px solid var(--color-borde);color:var(--color-texto);padding:.5rem;border-radius:4px;font-size:1rem;transition:border-color .3s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-amarillo)}h1,h2,h3,h4,h5,h6{color:var(--color-amarillo);margin-bottom:.5rem}.container{max-width:1200px;margin:0 auto;padding:1rem}.card{background-color:var(--color-secundario);padding:1rem;border-radius:6px;box-shadow:0 0 10px #f9d3424d;margin-bottom:1rem}