/* Catálogos (Ligas, Selecciones, Mujeres, Todo, Retros, Niños, Shorts) con el estilo limpio en hueso,
   igual que fundas, menú y carrito: sin tarjeta con borde, foto en caja hueso, textos en Raleway y botones píldora.
   Solo estilo; para regresar al anterior basta con quitar este archivo de cada página. */
html body .catalog{--ch-bone:#E7E6E1;--ch-bone2:#DCDBD5;--ch-edge:#D3D1CA;--ch-ink:#151515;--ch-mute:#5f5c55;--ch-orange:#ff8346}
html body:has(.catalog){background:#fff}

/* ----- Buscador, ordenar y filtrar ----- */
html body .catalog .catalog-results-tools{gap:10px;margin:0 0 6px}
html body .catalog .catalog-results-tools .search{display:flex!important;align-items:center;gap:10px;min-height:46px;padding:0 18px!important;border:0!important;border-radius:999px!important;background:var(--ch-bone)!important;box-shadow:none!important;transition:box-shadow .15s}
html body .catalog .catalog-results-tools .search span{color:var(--ch-ink)!important;font-size:16px!important;opacity:.7}
html body .catalog .catalog-results-tools .search input{flex:1;min-width:0;height:44px;padding:0!important;border:0!important;background:transparent!important;color:var(--ch-ink)!important;font:600 14px Raleway,Arial,sans-serif!important;outline:0}
html body .catalog .catalog-results-tools .search input::placeholder{color:#7d7a72;font-weight:500}
html body .catalog .catalog-results-tools .search:focus-within{box-shadow:0 0 0 2px var(--ch-ink)!important}
html body .catalog .catalog-sort-control{gap:10px;color:var(--ch-mute);font:600 13px/1 Raleway,Arial,sans-serif;letter-spacing:0;text-transform:none}
html body .catalog .catalog-sort-control select{min-height:46px;padding:0 38px 0 18px;border:0;border-radius:999px;background-color:var(--ch-bone);color:var(--ch-ink);font:700 13px/1 Raleway,Arial,sans-serif;letter-spacing:0;transition:box-shadow .15s}
html body .catalog .catalog-sort-control select:hover,html body .catalog .catalog-sort-control select:focus{box-shadow:0 0 0 2px var(--ch-ink);outline:0}
html body .catalog .catalog-filter-trigger{min-height:46px;padding:0 20px;border:0;border-radius:999px;background:var(--ch-ink);color:#fff;font:700 13px/1 Raleway,Arial,sans-serif;letter-spacing:0;text-transform:none}
html body .catalog .catalog-filter-trigger span{color:var(--ch-orange)}
html body .catalog .catalog-filter-trigger:hover,html body .catalog .catalog-filter-trigger[aria-expanded="true"]{background:var(--ch-orange);color:var(--ch-ink)}
html body .catalog .catalog-filter-trigger:hover span{color:var(--ch-ink)}
html body .catalog .results{display:block;margin:8px 0 14px!important;padding:0;border:0;background:none;color:var(--ch-mute)!important;font:600 13px/1 Raleway,Arial,sans-serif!important;letter-spacing:0;text-transform:none}
html body .catalog-filter-floating-trigger{font:700 13px/1 Raleway,Arial,sans-serif;letter-spacing:0;text-transform:none}

/* ----- Países / equipos (Selecciones y Ligas) como píldoras ----- */
html body .tp-teams{align-items:center;gap:12px;margin:22px 0 14px;padding:0;border:0}
html body .tp-teams>span{color:var(--ch-mute,#5f5c55);font:700 13px/1 Raleway,Arial,sans-serif;letter-spacing:0;text-transform:none}
html body .tp-teams nav{gap:8px}
html body .tp-teams a,html body .tp-teams a:first-child{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border:0;border-radius:999px;background:#E7E6E1;color:#151515;font:700 13px/1 Raleway,Arial,sans-serif;transition:background .15s,color .15s}
html body .tp-teams a sup{margin:0;padding:3px 6px;border-radius:999px;background:#fff;color:#5f5c55;font:700 10px/1 Raleway,Arial,sans-serif;vertical-align:baseline}
html body .tp-teams a:hover,html body .tp-teams a:focus-visible{background:#151515;color:#fff}
html body .tp-teams a:hover sup{background:#ff8346;color:#151515}

/* ----- Tarjetas ----- */
html body .catalog .products{gap:34px 22px!important}
html body .catalog .products .card{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body .catalog .products .card:hover{border:0!important;box-shadow:none!important}
html body .catalog .products .card .product-photo{position:relative;aspect-ratio:1/1!important;border-radius:20px!important;background:var(--ch-bone)!important;transition:background .2s}
html body .catalog .products .card:hover .product-photo{background:var(--ch-bone2)!important}
html body .catalog .products .card .product-photo img{width:84%!important;height:84%!important}
/* El brillo tipo carta ahora solo va sobre la foto */
html body .catalog .products .card::after{display:none!important}
html body .catalog .products .card .product-photo::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s;mix-blend-mode:color-dodge;background:conic-gradient(from calc(var(--a,0)*1deg) at var(--x,50%) var(--y,50%),#ff7a59,#ffd86b,#7dffb0,#6bd6ff,#b58cff,#ff7a59);filter:saturate(.8) brightness(.5)}
@media(hover:hover) and (pointer:fine){html body .catalog .products .card:hover .product-photo::after{opacity:.3}}

/* Nombre, temporada y precio */
html body .catalog .products .card .card-info{grid-template-columns:minmax(0,1fr) auto!important;gap:4px 12px;width:auto!important;margin:14px 0 0!important}
html body .catalog .products .card .card-info h3{color:var(--ch-ink);font:800 16px/1.2 Raleway,Arial,sans-serif!important;letter-spacing:-.02em}
html body .catalog .products .card .card-info p{margin:4px 0 0!important;color:var(--ch-mute)!important;font:500 13px/1.3 Raleway,Arial,sans-serif!important;letter-spacing:0;text-transform:none}
html body .catalog .products .card .card-info b{padding:0;border-radius:0;background:none;color:var(--ch-ink);font:800 16px/1.2 Raleway,Arial,sans-serif!important;letter-spacing:-.02em;white-space:nowrap}
html body .catalog .products .card .card-info .card-match{margin:8px 0 0;color:#c2410c;font:700 12px/1 Raleway,Arial,sans-serif;letter-spacing:0;text-transform:none}

/* Lo tengo / Lo quiero: dos píldoras chiquitas arriba de la foto */
html body .catalog .products .card .collection-card-status-actions{position:absolute;z-index:3;top:10px;left:10px;right:10px;display:flex!important;flex-wrap:wrap;gap:6px;margin:0!important;pointer-events:none}
html body .catalog .products .card .collection-card-toggle{flex:0 0 auto;width:auto!important;margin:0!important;pointer-events:auto;min-height:28px;padding:0 11px!important;border:0!important;border-radius:999px!important;background:rgba(255,255,255,.88)!important;color:var(--ch-ink)!important;font:700 11.5px/1 Raleway,Arial,sans-serif!important;letter-spacing:0!important;text-transform:lowercase;box-shadow:0 1px 0 rgba(21,21,21,.06);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html body .catalog .products .card .collection-card-toggle::first-letter{text-transform:uppercase}
html body .catalog .products .card .collection-card-toggle:hover{background:#fff!important;transform:none}
html body .catalog .products .card .collection-card-toggle[aria-pressed="true"]{background:var(--ch-ink)!important;color:#fff!important}
html body .catalog .products .card .collection-card-toggle.is-wanted[aria-pressed="true"]{background:var(--ch-orange)!important;color:var(--ch-ink)!important}

/* Agregar al carrito: píldora contorneada que se rellena al pasar */
html body .catalog .products .card .quick-add{display:flex!important;align-items:center;justify-content:center;text-align:center;width:100%;margin-top:14px!important;min-height:44px;border:1.5px solid var(--ch-ink)!important;border-radius:999px!important;background:#fff!important;color:var(--ch-ink)!important;font:700 13px/1 Raleway,Arial,sans-serif!important;letter-spacing:0;text-transform:none}
html body .catalog .products .card .quick-add::after{content:none!important}
html body .catalog .products .card .quick-add:hover{background:var(--ch-ink)!important;color:#fff!important}
html body .catalog .products .card :focus-visible{outline:2px solid var(--ch-ink);outline-offset:3px}

@media(max-width:760px){
  html body .catalog .catalog-results-tools .search{flex:1 1 100%!important;width:100%!important;max-width:none!important}
  html body .catalog .catalog-sort-control>span{display:none}
  html body .catalog .catalog-sort-control{flex:1 1 0;margin:0!important}
  html body .catalog .catalog-sort-control select{width:100%;max-width:none;font-size:13px}
  html body .catalog .products{gap:26px 12px!important}
  html body .catalog .products .card .product-photo{border-radius:16px!important}
  /* En celular el precio va a la derecha de la temporada, así la tarjeta queda más corta */
  html body .catalog .products .card .card-info{grid-template-columns:minmax(0,1fr) auto!important;align-items:baseline;gap:4px 8px;margin:10px 0 0!important}
  html body .catalog .products .card .card-info>span{display:contents}
  html body .catalog .products .card .card-info h3{grid-column:1/-1}
  html body .catalog .products .card .card-info p{grid-column:1;margin:0!important;min-width:0}
  html body .catalog .products .card .card-info .card-match{grid-column:1/-1;grid-row:3;margin:2px 0 0}
  html body .catalog .products .card .product-photo img{width:76%!important;height:76%!important;margin-top:8%!important}
  html body .catalog .products .card .card-info h3{font-size:14px!important}
  html body .catalog .products .card .card-info p{font-size:12px!important}
  html body .catalog .products .card .card-info b{grid-column:2;grid-row:2;justify-self:end;margin:0;font-size:15px!important}
  html body .catalog .products .card .collection-card-status-actions{top:7px;left:7px;right:7px;gap:4px}
  html:root body .catalog .products .card .collection-card-toggle{min-height:26px;padding:0 8px!important;font-size:10.5px!important;letter-spacing:0!important}
  html body .catalog .products .card .quick-add{min-height:40px;margin-top:10px!important;font-size:12.5px!important;padding:0 8px!important}
  html body .tp-teams{margin:16px 0 10px}
}

/* ----- Panel de Filtrar en hueso (como el carrito) ----- */
html body aside.catalog-team-sidebar{background:#E7E6E1;color:#151515;scrollbar-color:#c2bfb6 transparent}
html body aside.catalog-team-sidebar .catalog-filter-drawer-head{min-height:0;margin:0 0 14px;padding:22px 0 14px;background:transparent;color:#151515;border-bottom:2px solid #151515}
html body aside.catalog-team-sidebar .catalog-filter-drawer-head h2{color:#151515;font:800 26px/1 Raleway,Arial,sans-serif;letter-spacing:-.03em;text-transform:none}
html body aside.catalog-team-sidebar .catalog-filter-drawer-head h2::before{content:none}
html body aside.catalog-team-sidebar .catalog-filter-close{border:1px solid #15151540;color:#151515;background:transparent}
html body aside.catalog-team-sidebar .catalog-filter-close:hover{background:#151515;border-color:#151515;color:#fff}
html body aside.catalog-team-sidebar .team-facet-primary,html body aside.catalog-team-sidebar .team-facet-group{border:0;border-radius:18px;background:#fff}
html body aside.catalog-team-sidebar .team-facet-primary summary,html body aside.catalog-team-sidebar .team-facet-group summary{font:800 17px/1 Raleway,Arial,sans-serif;letter-spacing:-.02em;text-transform:none}
html body aside.catalog-team-sidebar .team-facet-primary summary::after,html body aside.catalog-team-sidebar .team-facet-group summary::after{background:#E7E6E1;font-family:Raleway,Arial,sans-serif;font-weight:700}
html body aside.catalog-team-sidebar .team-facet-primary summary:hover::after,html body aside.catalog-team-sidebar .team-facet-group summary:hover::after{background:#151515;color:#fff}
html body aside.catalog-team-sidebar .team-facet-primary .team-filter-clear{background:#E7E6E1;color:#151515;font:700 12px/1 Raleway,Arial,sans-serif;letter-spacing:0;text-transform:none}
html body aside.catalog-team-sidebar .team-facet-option{font:600 14px/1.25 Raleway,Arial,sans-serif}
html body aside.catalog-team-sidebar .team-facet-option:hover{background:#F1F0EC}
html body aside.catalog-team-sidebar .team-facet-option:has(input:checked){background:#E7E6E1}
html body aside.catalog-team-sidebar .team-facet-option input{border-color:#c2bfb6;border-radius:7px}
html body aside.catalog-team-sidebar .team-facet-option input:checked{border-color:#151515;background:#151515}
html body aside.catalog-team-sidebar .team-facet-option input:checked::after{border-color:#fff}
html body aside.catalog-team-sidebar .team-facet-option input:focus-visible{outline:2px solid #151515}
html body aside.catalog-team-sidebar .team-facet-option small{background:#E7E6E1;color:#5f5c55;font:700 11px/1 Raleway,Arial,sans-serif}
html body aside.catalog-team-sidebar .team-facet-option:has(input:checked) small{background:#ff8346;color:#151515}
html body aside.catalog-team-sidebar .catalog-filter-drawer-footer{border-top:2px dashed #aaa69b;box-shadow:none;background:#E7E6E1}
html body aside.catalog-team-sidebar .catalog-filter-show{font:700 15px/1 Raleway,Arial,sans-serif;letter-spacing:0;text-transform:none}