#filtros { gap: 0; padding: 0; border: 1px solid #dfe6f4; border-radius: 20px; box-shadow: 0 6px 22px #243e7510; overflow: hidden; max-height: calc(100dvh - 160px); }
.filtro-scroll { min-height: 0; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #cbd6ec transparent; overscroll-behavior: contain; }
#filtros .filtros-cabeza, .filtro-intro, .filtro-pie { flex-shrink: 0; }
#filtros .filtros-cabeza { padding: 20px 18px 0; }
.filtro-titulo { display: flex; align-items: center; gap: 10px; }
.filtro-titulo h2 { font-size: 1.18rem; color: #192e58; letter-spacing: -.025em; }
.filtro-icono { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: #2454d6; background: #edf2ff; }
.filtro-icono svg { width: 21px; height: 21px; }
.cantidad-filtros { display: grid; place-items: center; min-width: 22px; height: 22px; padding: 0 5px; background: #2454d6; color: white; font-size: .72rem; font-weight: 700; border-radius: 20px; }
.filtro-intro { color: #66738c; font-size: .79rem; padding: 6px 18px 16px; }
#filtros .filtro-seccion { margin: 0 18px; padding: 16px 0; border: 0; border-top: 1px solid #e9edf5; }
.filtro-seccion h3, #filtros .disponibilidad legend { font-family: 'Segoe UI',sans-serif; font-size: .84rem; font-weight: 750; color: #24334d; }
.filtro-seccion h3 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.filtro-seccion h3 > span { font-size: .7rem; background: #f0f3fa; border-radius: 5px; padding: 1px 5px; color: #66738c; }
#filtros .campo { font-size: .73rem; color: #66738c; gap: 6px; }
#filtros select { width: 100%; min-width: 0; min-height: 44px; border: 1px solid #d9e1ef; border-radius: 10px; padding: 10px 30px 10px 12px; background-color: #f8faff; font-size: .82rem; font-weight: 600; color: #24334d; }
#filtro-sub-wrap { margin-top: 10px; }
#filtros .precio-rango { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 10px; }
.importe { position: relative; display: block; min-width: 0; }
.importe > span { position: absolute; top: 50%; left: 10px; transform: translateY(-50%); color: #7a87a0; font-size: .76rem; pointer-events: none; }
#filtros .importe input { display: block; width: 100%; min-width: 0; height: 44px; min-height: 44px; border: 1px solid #d9e1ef; border-radius: 10px; background: #f8faff; padding: 10px 6px 10px 30px; color: #24334d; font-size: .8rem; appearance: textfield; -moz-appearance: textfield; }
#filtros .importe input::-webkit-inner-spin-button, #filtros .importe input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
#filtros .importe input::placeholder { color: #7a87a0; opacity: 1; font-size: .74rem; }
#filtros input:focus, #filtros select:focus { border-color: #477af5; box-shadow: 0 0 0 3px #2454d612; }
#filtros input[aria-invalid="true"] { border-color: #d92d20; }
.precios-rapidos { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-top: 10px; }
.precios-rapidos button { min-height: 32px; border: 1px solid #e2e8f3; border-radius: 8px; padding: 6px 3px; background: white; font-size: .68rem; font-weight: 600; color: #536079; }
.precios-rapidos button:hover { border-color: #94acf0; background: #f5f8ff; }
.precios-rapidos [aria-pressed="true"] { border-color: #2454d6; background: #edf2ff; color: #1941b0; }
.ayuda-precio { font-size: .69rem; color: #7a87a0; margin-top: 9px; line-height: 1.5; }
#filtros .disponibilidad { display: flex; gap: 7px; padding-top: 0; margin-top: 15px; }
#filtros .disponibilidad legend { margin-bottom: 12px; padding: 0; }
.disponibilidad label { display: flex; align-items: center; gap: 9px; min-height: 58px; border: 1px solid #e2e8f3; border-radius: 11px; padding: 9px 10px; cursor: pointer; }
.disponibilidad label:has(input:checked) { background: #edf2ff; border-color: #a2b8f5; }
.disponibilidad input { width: 15px; height: 15px; margin: 0; flex: 0 0 15px; accent-color: #2454d6; }
.disponibilidad label span { flex: 1; }
.disponibilidad strong { display: block; font-size: .76rem; line-height: 1.4; font-weight: 650; color: #24334d; }
.disponibilidad small { display: block; font-size: .65rem; color: #738099; margin-top: 2px; }
.punto-stock { width: 7px; height: 7px; background: #0b9b6b; border-radius: 50%; }
.punto-stock.pocas { background: #ee8c13; }
#filtros .filtro-extra { margin: 6px 18px; font-size: .8rem; }
.filtro-pie { display: grid; gap: 3px; padding: 14px 18px 12px; background: #fbfcff; border-top: 1px solid #e9edf5; border-radius: 0 0 20px 20px; }
#aplicar-filtros { display: flex; font-size: .83rem; background: #2454d6; border-radius: 10px; box-shadow: 0 4px 12px #2454d61c; }
#aplicar-filtros:hover { background: #1941b0; }
#aplicar-filtros:disabled { opacity: .5; cursor: not-allowed; }
.filtro-limpiar { border: 0; background: transparent; color: #536079; font-size: .76rem; font-weight: 600; min-height: 36px; text-decoration: underline; text-underline-offset: 3px; }
.filtro-limpiar:hover { color: #2454d6; }
.filtro-limpiar:disabled { opacity: .5; cursor: default; }
.filtro-pie > small { text-align: center; font-size: .62rem; color: #7a87a0; }
@media (max-width:719px) {
  #filtros { max-height: 88dvh; border-radius: 22px 22px 0 0; }
  #filtros .filtros-cabeza { position: sticky; top: 0; background: white; padding: 16px 20px 8px; z-index: 1; }
  #filtros .filtro-seccion { margin-left: 20px; margin-right: 20px; }
  .precios-rapidos button { min-height: 40px; font-size: .76rem; }
  .filtro-pie { position: sticky; bottom: 0; z-index: 1; padding-bottom: max(12px,env(safe-area-inset-bottom)); box-shadow: 0 -5px 14px #243e750a; }
  .disponibilidad strong { font-size: .85rem; }
  .disponibilidad small { font-size: .73rem; }
}