/* Filtros plegados (Diego, 30/10/2026): «todos los filtros deben aparecer plegados, que se vea que hay filtro, con un
   icono vistoso y una frase que diga que ahí se puede seleccionar el vehículo». Un botón común para todos los diseños;
   toma el color de cada diseño (--mx-accent en A/B/C, --matova-red en el de siempre). */
.mt-filtro-boton{--mt-f:var(--mx-accent,var(--matova-red,#b4232f));display:flex;align-items:center;gap:16px;width:100%;max-width:760px;margin:18px auto;padding:14px 18px 14px 14px;
  border:2px solid var(--mt-f);border-radius:18px;background:color-mix(in srgb,var(--mt-f) 9%,#fff);color:#1d2124;text-align:left;font:inherit;cursor:pointer;
  box-shadow:0 10px 28px -14px color-mix(in srgb,var(--mt-f) 70%,transparent);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.mt-filtro-boton:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--mt-f) 15%,#fff);box-shadow:0 16px 34px -14px color-mix(in srgb,var(--mt-f) 80%,transparent)}
.mt-filtro-boton:focus-visible{outline:3px solid var(--mt-f);outline-offset:3px}
.mt-filtro-icono{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--mt-f);color:#fff;
  box-shadow:0 0 0 0 color-mix(in srgb,var(--mt-f) 55%,transparent);animation:mt-filtro-pulso 2.6s ease-out infinite}
.mt-filtro-icono svg{width:26px;height:26px}
.mt-filtro-texto{display:grid;gap:3px;min-width:0}
.mt-filtro-texto strong{font-size:1.12rem;line-height:1.2;font-weight:800;letter-spacing:.005em}
.mt-filtro-texto small{font-size:.92rem;line-height:1.35;color:#4a5257}
.mt-filtro-flecha{flex:none;margin-left:auto;width:22px;height:22px;color:var(--mt-f);transition:transform .25s ease}
.mt-filtro-boton[aria-expanded="true"] .mt-filtro-flecha{transform:rotate(180deg)}
.mt-filtro-boton[aria-expanded="true"] .mt-filtro-icono{animation:none}
@keyframes mt-filtro-pulso{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--mt-f) 55%,transparent)}70%{box-shadow:0 0 0 12px transparent}100%{box-shadow:0 0 0 0 transparent}}
@media (prefers-reduced-motion:reduce){.mt-filtro-icono{animation:none}.mt-filtro-boton{transition:none}}
@media (max-width:600px){.mt-filtro-boton{gap:12px;padding:12px 14px 12px 12px;border-radius:16px}.mt-filtro-icono{width:44px;height:44px}.mt-filtro-texto strong{font-size:1.02rem}.mt-filtro-texto small{font-size:.85rem}}
/* Diseños oscuros (Off-Road en Impulso, Nova, A): el botón se queda claro y legible igualmente. */
/* Plegado de verdad: los formularios de filtro tienen display propio (grid/flex) que ganaba al atributo hidden. */
[data-mx-form][hidden],.matova-catalog-filters[hidden],.mx-filter-panel[hidden]{display:none!important}
