/******* Do not edit this file *******
Code Snippets Manager
Saved: Nov 25 2025 | 14:23:36 */
@charset "UTF-8";
/* --- LÓGICA FILTRO MÓVIL STICKY --- */
/* Por defecto (PC): El botón de abrir no se ve, el contenido se ve siempre */
.boton-toggle-filtros {
  display: none;
}
/* Solo en MÓVILES (menos de 768px) */
@media (max-width: 768px) {
  /* 1. Comportamiento Sticky del bloque completo */
  /* 2. El botón de activar */
  /* Icono indicador de estado (opcional, rotación con JS) */
  /* Estado abierto del icono */
  /* 3. El área de contenido (Facetas) - Efecto Persiana */
  /* Clase que añadirá JS para abrir */
  .contenedor-sticky-movil {
    position: -webkit-sticky;
    position: sticky;
    top: 57px;
    /* Se pega al techo */
    z-index: 999;
    /* Por encima de todo */
    background: white;
    /* Necesario para que no se transparente el contenido al hacer scroll */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    /* Sombra suave para separar del contenido */
  }
  .boton-toggle-filtros {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px 20px;
    background-color: #051C85;
    /* Tu azul corporativo */
    color: white;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    cursor: pointer;
  }
  .boton-toggle-filtros::after {
    content: "+";
    font-size: 20px;
    transition: transform 0.3s ease;
  }
  .boton-toggle-filtros.activo::after {
    transform: rotate(45deg);
    /* Se convierte en una X */
  }
  .area-filtros {
    max-height: 0;
    /* Cerrado por defecto */
    overflow: hidden;
    background: #fff;
    transition: max-height 0.4s ease-out;
    /* Animación suave */
    padding: 0 20px;
    /* Padding lateral colapsado */
  }
  .area-filtros.abierto {
    max-height: 100vh;
    /* Altura suficiente para mostrar todo */
    overflow-y: auto;
    /* Scroll interno si es muy alto */
    padding-bottom: 20px;
    border-bottom: 2px solid #051C85;
  }
}