/* Componentes nuevos: siempre usan las variables de la paleta y del modo activo. */
.cuenta-bloqueada{max-width:650px;margin:0 auto}.mensaje-cliente{white-space:pre-wrap;overflow-wrap:anywhere}.pedido-reembolso img{display:block;width:auto;max-width:100%;max-height:520px;object-fit:contain}.pedido-mensaje{margin-block:20px}
.tienda-con-lateral,.pagina-con-lateral{display:grid;grid-template-columns:245px minmax(0,1fr);gap:26px;align-items:start}.pagina-con-lateral{grid-template-columns:minmax(0,1fr) 260px;margin-block:32px}.pagina-con-lateral.sin-lateral{grid-template-columns:minmax(0,1fr)}.pagina-cuerpo,.catalogo-resultados,.contenido-lateral,.filtros-lateral{min-width:0}.pagina-cuerpo .contenido-pagina{padding:0;margin:0;max-width:100%}.pagina-cuerpo img{max-width:100%}.contenido-lateral .panel,.filtros-lateral .panel{padding:20px}.filtros-lateral .formulario{display:flex;flex-direction:column;gap:16px}.filtros-lateral h2,.paginas-lateral h2{font-size:1.2rem;margin:0 0 12px}.precio-rango{display:grid;grid-template-columns:1fr 1fr;gap:8px}.precio-rango input{min-width:0;width:100%}.catalogo-grid.productos-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.catalogo-grid .tarjeta-cuerpo{padding:14px}.catalogo-contador{color:var(--muted);margin-top:0}.busqueda-paginas a{display:block;margin-block:10px}
.paginacion-tienda{display:flex;justify-content:center;align-items:center;gap:8px;margin-block:28px;flex-wrap:wrap}.paginacion-tienda :is(a,span){display:grid;place-items:center;min-width:40px;min-height:40px;border:1px solid var(--borde);border-radius:10px;background:var(--panel);color:var(--texto);text-decoration:none}.paginacion-tienda [aria-current]{background:var(--primario);color:var(--texto-sobre-primario);border-color:var(--primario)}.paginacion-tienda a:hover{background:var(--panel2)}.paginacion-tienda [aria-disabled]{opacity:.5}.paginacion-tienda .paginacion-puntos{border:0;background:transparent;min-width:20px}
.paginas-lateral a{display:flex;align-items:center;gap:10px;padding-block:13px;border-bottom:1px solid var(--borde);color:var(--texto);text-decoration:none;font-size:.94rem;overflow-wrap:anywhere}.paginas-lateral a:last-child{border-bottom:0}.paginas-lateral img{width:58px;height:48px;object-fit:cover;border-radius:7px}.paginas-lateral p{color:var(--muted);font-size:.95rem}
.banners-lateral{position:relative;margin-top:24px;min-width:0;border-radius:14px;overflow:hidden}.banner-lateral{display:block}.banner-lateral[hidden]{display:none!important}.banner-lateral img{display:block;width:100%;height:auto}.banner-lateral.activo{animation:banner-aparecer .5s ease both}.banner-lateral-controles{display:flex;justify-content:space-between;background:var(--panel);padding:7px;border:1px solid var(--borde)}.banner-lateral-controles button{width:38px;height:36px;background:var(--panel2);color:var(--texto);border:1px solid var(--borde);border-radius:8px;font-size:24px;cursor:pointer}@keyframes banner-aparecer{from{opacity:0}to{opacity:1}}
.productos-pagina .carrusel-productos-pista{grid-auto-columns:calc((100% - 48px)/4);gap:16px}.productos-pagina .carrusel-control{display:grid;background:var(--panel2);color:var(--texto);border-color:var(--borde)}.productos-pagina .carrusel-control[hidden]{display:none!important}
.buscador{position:relative;overflow:visible!important}.buscador .busqueda-sugerencias{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:120;max-height:400px;overflow-y:auto;min-width:280px;padding:7px;border:1px solid var(--borde);border-radius:14px;box-shadow:0 14px 35px #0004;background:var(--panel);color:var(--texto)}.busqueda-sugerencias[hidden]{display:none!important}.buscador .busqueda-sugerencias a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;color:var(--texto);text-decoration:none;font-size:14px}.busqueda-sugerencias a:is(:hover,:focus){background:var(--panel2);outline:2px solid var(--primario)}.busqueda-sugerencias img{width:40px;height:40px;object-fit:contain;border-radius:6px;background:var(--panel2)}.busqueda-sugerencias strong{display:block;overflow-wrap:anywhere}.busqueda-sugerencias small,.busqueda-sugerencias p{color:var(--muted)}.compra-segura-footer .trustpilot-franja{width:100%;max-width:100%;padding:0;margin:20px 0 0;min-width:0}
.gestion-tabs>[role=tablist]{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.gestion-tabs>[role=tablist] button{padding:12px 18px;border:1px solid var(--borde);border-radius:10px;background:var(--panel2);color:var(--texto);cursor:pointer}.gestion-tabs>[role=tablist] [aria-selected=true]{background:var(--primario);color:var(--texto-sobre-primario)}.gestion-tabs [hidden]{display:none!important}.banner-admin{display:flex;align-items:center;gap:14px;margin-block:20px;flex-wrap:wrap}.banner-admin img{width:85px;height:95px;object-fit:contain}.seleccion-buscable{max-height:250px;overflow-y:auto;border:1px solid var(--borde);border-radius:10px;margin-top:12px}.seleccion-buscable label{display:block;padding:12px;cursor:pointer;border-bottom:1px solid var(--borde)}.seleccion-buscable label[hidden]{display:none}.seleccion-buscable input{width:auto;display:inline;margin-right:8px}.gestion-reembolso[hidden]{display:none!important}
@media(max-width:1050px){.tienda-con-lateral{grid-template-columns:190px minmax(0,1fr);gap:18px}.pagina-con-lateral{grid-template-columns:minmax(0,1fr) 215px;gap:18px}.catalogo-grid.productos-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.catalogo-grid .tarjeta-cuerpo{padding:10px}.catalogo-grid .tarjeta-cuerpo h3{font-size:.95rem}.productos-pagina .carrusel-productos-pista{grid-auto-columns:calc((100% - 24px)/3);gap:12px}.catalogo-grid .precio{flex-wrap:wrap}}
@media(max-width:700px){.tienda-con-lateral,.pagina-con-lateral{grid-template-columns:minmax(0,1fr)}.contenido-lateral{order:2}.catalogo-grid.productos-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.productos-pagina .carrusel-productos-pista{grid-auto-columns:calc((100% - 12px)/2)}.buscador .busqueda-sugerencias{min-width:0;max-width:100%}.paginas-lateral img{width:72px;height:56px}.paginacion-tienda{gap:5px}.paginacion-tienda :is(a,span){min-width:35px;min-height:38px}}
@media(prefers-reduced-motion:reduce){.banner-lateral.activo{animation:none}.productos-pagina .carrusel-productos-pista{scroll-behavior:auto}}