/* Panel de filtros del catálogo (Todo el catálogo, Ligas, Selecciones, Mujeres).
   Mismo estilo que el resto del sitio: tinta #121212, naranja #ff8346, hueso, tipografía mono y botones tipo píldora.
   Solo estilo: no cambia cómo funcionan los filtros. */
html body{--cf-ink:#121212;--cf-accent:#ff8346;--cf-bone:#f7f6f2;--cf-line:#e4e0d4;--cf-mono:"IBM Plex Mono","DM Mono",ui-monospace,Menlo,Consolas,monospace}

/* ----- Botón "Filtrar" y "Ordenar por" (arriba de las tarjetas) ----- */
html body .catalog-filter-trigger{min-height:40px;padding:0 18px;border:1.5px solid var(--cf-ink);border-radius:999px;background:#fff;color:var(--cf-ink);font:700 11px/1 var(--cf-mono);letter-spacing:.1em;text-transform:uppercase;transition:background .15s,color .15s,border-color .15s,transform .15s}
html body .catalog-filter-trigger span{color:var(--cf-accent);font-size:15px}
html body .catalog-filter-trigger:hover,html body .catalog-filter-trigger[aria-expanded="true"]{background:var(--cf-ink);color:#fff}
html body .catalog-filter-trigger:active{transform:scale(.97)}
html body .catalog-sort-control{color:#77736a;font:600 10px/1 var(--cf-mono);letter-spacing:.08em;text-transform:uppercase}
html body .catalog-sort-control select{min-height:40px;padding:0 34px 0 16px;border:1.5px solid var(--cf-line);border-radius:999px;background-color:#fff;color:var(--cf-ink);font:600 11px/1 var(--cf-mono);letter-spacing:.04em;text-transform:none;transition:border-color .15s}
html body .catalog-sort-control select:hover,html body .catalog-sort-control select:focus{border-color:var(--cf-ink);outline:0}
html body .catalog-filter-floating-trigger{min-height:48px;padding:0 24px;border:0;border-radius:999px;background:var(--cf-ink);box-shadow:0 14px 30px -10px rgba(18,18,18,.6);font:700 11px/1 var(--cf-mono);letter-spacing:.12em}
html body .catalog-filter-floating-trigger span{color:var(--cf-accent)}
html body .catalog-filter-floating-trigger:hover{background:var(--cf-accent);color:var(--cf-ink)}
html body .catalog-filter-floating-trigger:hover span{color:var(--cf-ink)}

/* ----- Fondo oscuro y panel lateral ----- */
html body .catalog-filter-backdrop{background:rgba(18,18,18,.6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
html body .catalog-team-sidebar{display:flex;flex-direction:column;padding:0 22px 0;background:var(--cf-bone);color:var(--cf-ink);box-shadow:16px 0 44px rgba(18,18,18,.28);scrollbar-color:#cfc9b8 transparent}

html body .catalog-team-sidebar>*{flex:0 0 auto}

/* Cabecera oscura */
html body .catalog-filter-drawer-head{min-height:68px;margin:0 -22px 14px;padding:0 22px;border-bottom:0;background:var(--cf-ink);color:#fff}
html body .catalog-filter-drawer-head h2{margin:0;color:#fff;font:800 20px/1 Raleway,Arial,sans-serif;letter-spacing:-.03em;text-transform:uppercase}
html body .catalog-filter-drawer-head h2::before{content:"PEYOTE FC / FILTROS";display:block;margin:0 0 6px;color:var(--cf-accent);font:600 10px/1 var(--cf-mono);letter-spacing:.14em}
html body .catalog-filter-close{width:38px;height:38px;border:1px solid #ffffff44;border-radius:50%;background:transparent;color:#fff;font:400 22px/1 Arial,sans-serif;transition:background .15s,color .15s,border-color .15s}
html body .catalog-filter-close:hover{background:var(--cf-accent);border-color:var(--cf-accent);color:var(--cf-ink)}

/* Grupos (Tipo, Equipos, Ligas, Temporada, Versión, Manga) como tarjetas */
html body .catalog-team-sidebar .team-facet-primary,html body .catalog-team-sidebar .team-facet-group{margin:10px 0 0;padding:4px 16px 10px;border:1px solid var(--cf-line);border-radius:16px;background:#fff}
html body .catalog-team-sidebar .team-facet-primary summary,html body .catalog-team-sidebar .team-facet-group summary{min-height:44px;padding:14px 44px 14px 0;color:var(--cf-ink);font:700 11px/1 var(--cf-mono);letter-spacing:.12em;text-transform:uppercase}
html body .catalog-team-sidebar .team-facet-primary summary::after,html body .catalog-team-sidebar .team-facet-group summary::after{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--cf-bone);color:var(--cf-ink);font:600 15px/1 var(--cf-mono);transition:background .15s,color .15s}
html body .catalog-team-sidebar .team-facet-primary summary::after{position:absolute;top:14px;right:16px}
html body .catalog-team-sidebar .team-facet-group summary::after{float:right;margin-top:-5px;margin-right:-44px}
html body .catalog-team-sidebar .team-facet-primary summary:hover::after,html body .catalog-team-sidebar .team-facet-group summary:hover::after{background:var(--cf-accent);color:var(--cf-ink)}
html body .catalog-team-sidebar .team-facet-primary .team-filter-clear{top:19px;right:50px;padding:5px 9px;border-radius:999px;background:var(--cf-bone);color:var(--cf-ink);font:600 10px/1 var(--cf-mono);letter-spacing:.06em;text-decoration:none;text-transform:uppercase;transition:background .15s,color .15s}
html body .catalog-team-sidebar .team-filter-clear:hover{background:var(--cf-ink);color:#fff}

/* Opciones (casillas) */
html body .catalog-team-sidebar .team-facet-options,html body .catalog-team-sidebar .team-facet-secondary-options{gap:2px;margin-top:2px;scrollbar-width:thin;scrollbar-color:#cfc9b8 transparent}
html body .catalog-team-sidebar .team-facet-option{min-height:38px;padding:0 8px;margin:0 -8px;border-radius:10px;color:var(--cf-ink);font:600 13px/1.25 Raleway,Arial,sans-serif;transition:background .12s}
html body .catalog-team-sidebar .team-facet-option:hover{background:var(--cf-bone)}
html body .catalog-team-sidebar .team-facet-option:has(input:checked){background:#ff834614}
html body .catalog-team-sidebar .team-facet-option:has(input:checked) span{font-weight:800}
html body .catalog-team-sidebar .team-facet-option input{-webkit-appearance:none;appearance:none;display:grid;place-items:center;width:20px;height:20px;margin:0;border:1.5px solid #cfc9b8;border-radius:6px;background:#fff;cursor:pointer;transition:background .12s,border-color .12s}
html body .catalog-team-sidebar .team-facet-option input:hover{border-color:var(--cf-ink)}
html body .catalog-team-sidebar .team-facet-option input:checked{border-color:var(--cf-accent);background:var(--cf-accent)}
html body .catalog-team-sidebar .team-facet-option input:checked::after{content:"";width:5px;height:10px;margin-top:-2px;border:solid var(--cf-ink);border-width:0 2px 2px 0;transform:rotate(45deg)}
html body .catalog-team-sidebar .team-facet-option input:focus-visible{outline:3px solid var(--cf-accent);outline-offset:2px}
html body .catalog-team-sidebar .team-facet-option small{min-width:26px;padding:4px 7px;border-radius:999px;background:var(--cf-bone);color:#77736a;font:600 10px/1 var(--cf-mono);text-align:center}
html body .catalog-team-sidebar .team-facet-option:has(input:checked) small{background:var(--cf-ink);color:#fff}

/* Pie del panel */
html body .catalog-filter-drawer-footer{order:99;position:sticky;z-index:3;bottom:0;margin:auto -22px 0;padding:14px 22px 20px;box-shadow:0 -12px 20px -14px rgba(18,18,18,.25);border-top:1px solid var(--cf-line);background:var(--cf-bone)}
html body .catalog-filter-show{min-height:50px;border:0;border-radius:999px;background:var(--cf-ink);color:#fff;font:700 11px/1 var(--cf-mono);letter-spacing:.12em;transition:background .15s,color .15s,transform .15s}
html body .catalog-filter-show:hover{background:var(--cf-accent);color:var(--cf-ink)}
html body .catalog-filter-show:active{transform:scale(.98)}
html body .catalog-filter-show:focus-visible,html body .catalog-filter-trigger:focus-visible,html body .catalog-filter-floating-trigger:focus-visible,html body .catalog-filter-close:focus-visible{outline:3px solid var(--cf-accent);outline-offset:2px}

@media(max-width:760px){
  html body .catalog-filter-trigger,html body .catalog-sort-control select{min-height:38px}
  html body .catalog-sort-control span{display:none}
  html body .catalog-team-sidebar .team-facet-options{grid-template-columns:1fr;max-height:min(46vh,420px)}
}
@media(prefers-reduced-motion:reduce){html body .catalog-team-sidebar .team-facet-option,html body .catalog-filter-trigger,html body .catalog-filter-show{transition:none}}

/* El título largo ("Equipos y selecciones") no debe chocar con el botón Limpiar */
html body .catalog-team-sidebar .team-facet-primary summary{padding-right:112px;line-height:1.4;letter-spacing:.1em}