TIENDA III

/* — BOTÓN DE FILTRO (PC) — */
.filter-btn-desktop {
background-color: #BBD0FF;
color: #333;
border: none;
padding: 10px 18px;
border-radius: 6px;
cursor: pointer;
font-weight: 600;
transition: all 0.3s ease;
}
.filter-btn-desktop:hover {
background-color: #fcbfb7;
}
/* — PANEL LATERAL — */
.filter-sidebar {
position: fixed;
top: 0;
right: -350px;
width: 320px;
height: 100%;
background-color: #FFFFFF;
box-shadow: -2px 0 10px rgba(0,0,0,0.15);
padding: 20px;
transition: right 0.4s ease;
z-index: 9999;
overflow-y: auto;
}
.filter-sidebar.open {
right: 0;
}
/* Cerrar botón */
.filter-sidebar .close-btn {
background: none;
border: none;
font-size: 24px;
float: right;
cursor: pointer;
color: #555;
}
.filter-sidebar h3 {
margin-top: 0;
font-size: 18px;
color: #333;
}
/* — BOTÓN FLOTANTE (solo móvil) — */
.filter-btn-mobile {
display: none;
position: fixed;
bottom: 20px;
right: px;
background-color: #BBD0FF;
color: #333;
border: none;
padding: 14px 16px;
border-radius: 50%;
font-size: 18px;
cursor: pointer;
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
z-index: 10000;
}
/* Mostrar solo en móviles */
@media (max-width: 768px) {
.filter-btn-desktop {
display: none;
}
.filter-btn-mobile {
display: block;
}
}