/* REDISENO 2026-11 · rd-categoria.css · Categorias y resultados de busqueda de la piel nueva rd.
   Lo carga rd-cabeza en category y search, solo con la piel nueva. Viste lo nativo de Rio (migas, H1,
   filtros, orden, cuadricula, paginacion) y pinta rd-categoria: cabeza y familias. La tarjeta nativa vive en rd-base.
   Sin display none sobre variantes, formularios ni precios. Sin reglas sobre #modal-cart. */

/* Cabecera nativa: migas, H1 y texto de busqueda */
:is(.template-category,.template-search) .page-header{padding-top:4px}
:is(.template-category,.template-search) .page-header h1{margin:0;font:900 28px/1 var(--heading-font);font-stretch:75%;text-transform:uppercase;color:var(--rd-hueso);overflow-wrap:break-word}
:is(.template-category,.template-search) .breadcrumbs{margin-bottom:4px;font-size:12px}
.template-search .js-category-controls h2.h6,.template-search .container-fluid > h2.h6{color:var(--rd-plata);font-weight:600}
.template-search .container-fluid > h2.h6 span,.template-search .js-category-controls h2.h6 span{color:var(--rd-hueso)}
/* AA-70: un titulo largo no pasa por debajo de FILTRAR ni ensancha la pagina */
.js-category-controls .row > .col{min-width:0}
.js-category-controls .col-auto:has(> .page-header){flex:1 1 auto;min-width:0;max-width:100%}

/* Filtros y orden nativos vestidos como chips (AA-71: 44 px y el texto cabe) */
.js-category-controls{background:var(--rd-bg)}
.js-category-controls :is(.js-fullscreen-modal-open.btn,.js-sort-by-private){min-height:44px;padding:10px 36px 10px 16px;border:1px solid var(--rd-g4);border-radius:999px;background:var(--rd-g1);color:var(--rd-hueso);font:700 13px/1.2 var(--body-font);letter-spacing:.02em;text-transform:none;max-width:100%;text-overflow:ellipsis}
.js-category-controls .js-fullscreen-modal-open.btn{padding-right:16px}
.js-category-controls :is(.js-fullscreen-modal-open.btn,.js-sort-by-private):hover{border-color:var(--rd-hueso)}
.js-remove-filter.chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:0 6px 6px 0;padding:8px 14px;border:1px solid var(--rd-hueso);border-radius:999px;background:var(--rd-g2);color:var(--rd-hueso);font-size:13px;font-weight:700;cursor:pointer}
.js-remove-all-filters{display:inline-flex;align-items:center;min-height:44px;color:var(--rd-hueso);text-decoration:underline;text-underline-offset:3px}
.filters-sidebar .checkbox-container{min-height:36px}
/* AA-68: sin columna vacia y filtros a la mano al bajar */
:is(.template-category,.template-search) .js-category-body{margin-top:8px;padding-top:0}
@media (min-width:768px){:is(.template-category,.template-search) .filters-sidebar{position:sticky;top:120px;align-self:flex-start;max-height:calc(100vh - 140px);overflow-y:auto}}

/* Cuadricula nativa: 2 columnas en celular, 4 en PC */
.js-product-table{margin-left:-6px;margin-right:-6px}
.js-product-table > .js-item-product{padding-left:6px;padding-right:6px;margin-bottom:12px}
@media (max-width:575px){
 .js-product-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px;margin:0;padding-left:15px}
 .js-product-table > .js-item-product{width:auto;max-width:none;min-width:0;padding:0}
}
/* Mostrar mas: secundario, el fresa queda para comprar */
.js-load-more.btn-primary,.js-load-more.btn-primary:visited{min-height:48px;padding:12px 28px;background:transparent;border:2px solid var(--rd-hueso);color:var(--rd-hueso)}
.js-load-more.btn-primary:hover,.js-load-more.btn-primary:focus{background:var(--rd-hueso);border-color:var(--rd-hueso);color:var(--rd-ink)}
.ff-cat-desc{color:var(--rd-plata);font-size:14px;line-height:1.55}
.ff-cat-desc :is(h2,h3,strong,b){color:var(--rd-hueso)}

/* rd-categoria · cabeza */
.rd-cat-h{padding:2px 0 6px;font-size:14px;line-height:1.45}
.rd-cat-h :where(p,ul){margin:0}
.rd-cat-lead{margin-bottom:8px;max-width:640px;color:var(--rd-plata)}
.rd-giftl{margin:0 0 10px;padding:10px 12px;max-width:760px;border-left:3px solid var(--rd-pos);border-radius:6px;background:var(--rd-g1);color:var(--rd-plata);font-size:13px}
.rd-giftl b{color:var(--rd-hueso)}
.rd-cat-nota{margin:4px 0 8px;font-size:12.5px;font-weight:700;color:var(--rd-aviso)}
.rd-cstrip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 14px;margin:10px 0;padding:6px 14px;border:1px solid var(--rd-g3);border-radius:10px;color:var(--rd-plata);font-size:13px}
.rd-cstrip b{color:var(--rd-hueso)}
.rd-cstrip small{display:block;margin-top:2px;font-size:11.5px;color:var(--rd-tx2)}
.rd-cstrip .rd-lnk{color:var(--rd-hueso);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.rd-cstrip-acc{padding:14px;background:var(--rd-g1)}
.rd-cstrip-acc .rd-btn{min-height:44px;padding:12px 18px;font-size:12.5px}
.rd-liq{margin:6px 0 12px;padding:16px;border:1px solid var(--rd-g3);border-radius:12px;background:var(--rd-g1)}
.rd-liq .rd-eyebrow{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--rd-plata)}
.rd-liq-t{margin-bottom:10px;font:900 18px/1.05 var(--heading-font);font-stretch:78%;text-transform:uppercase;color:var(--rd-hueso)}
.rd-liq-l{list-style:none;padding:0;display:grid;gap:6px;color:var(--rd-plata);font-size:13px}
.rd-liq-l b{color:var(--rd-hueso)}
.rd-cat-per{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:10px 0 0}
.rd-cat-h .rd-nota{display:block;margin:6px 0 4px;font-size:12px;color:var(--rd-tx2)}
.rd-pcard.rd-per{flex-direction:row;align-items:stretch;text-decoration:none}
.rd-per-f{flex:0 0 40%;background:var(--rd-g1)}
.rd-per-f img{display:block;width:100%;height:100%;object-fit:cover}
.rd-per small{font-size:12px;line-height:1.35;color:var(--rd-ink2)}

/* rd-categoria · familias: Hebilla izquierda y Powerlift derecha, tambien en celular */
.rd-fams-col{min-width:0}
.rd-fams{position:relative;padding:4px 0 24px;font-size:14px;line-height:1.4}
.rd-fams-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.rd-fam-c{min-width:0;padding:12px 6px 14px;border-radius:12px;background:var(--rd-g1)}
.rd-fam-h{margin:0 2px 12px}
.rd-fam-h :where(h2,p){margin:0}
.rd-fam-h .rd-h3{font:900 22px/1 var(--heading-font);font-stretch:78%;text-transform:uppercase;color:var(--rd-hueso);overflow-wrap:anywhere}
.rd-fam-h p{margin-top:4px;font-size:12px;color:var(--rd-plata)}
.rd-fam-h .rd-fam-m{color:var(--rd-hueso)}
.rd-fam-g{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.rd-ancla{display:block;position:relative;top:-8px;height:0;overflow:hidden}
/* Cinturones PRO (ff-12): su <style> va despues con variables viejas; html.rd le gana en peso */
html.rd .ffpro2-col{background:var(--rd-g1)}
html.rd .ffpro2-col+.ffpro2-col{border-left-color:var(--rd-g3)}
html.rd :is(.ffpro2-head,.ffpro2-all){color:var(--rd-hueso)}
html.rd :is(.ffpro2-kicker,.ffpro2-sub){color:var(--rd-plata)}
html.rd .ffpro2-head::after{background:var(--rd-hueso)}

/* Tarjeta rd (familias y personalizado): la misma de rd-inicio */
.rd-card,.rd-pcard{display:flex;flex-direction:column;min-width:0;border-radius:10px;overflow:hidden;background:var(--rd-paper);border:1px solid var(--rd-line-l);color:var(--rd-ink);text-decoration:none}
.rd-card-a{display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none}
.rd-card-a:hover{color:inherit;text-decoration:none}
.rd-card-f{display:block;aspect-ratio:1/1;background:#FFFFFF}
.rd-card-cu .rd-card-f{aspect-ratio:3/2;background:var(--rd-g1)}
.rd-card-f img{display:block;width:100%;height:100%;object-fit:contain}
.rd-card-cu .rd-card-f img{object-fit:cover}
.rd-card-b{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;padding:8px 8px 10px}
.rd-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:2px}
.rd-tag{display:inline-flex;align-items:center;padding:3px 6px;border-radius:3px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:var(--rd-ink);color:var(--rd-hueso)}
.rd-tag-regalo{background:var(--rd-pos-ink);color:#FFFFFF}
.rd-card-n{display:block;min-height:2.5em;font-weight:700;font-size:12.5px;line-height:1.25;overflow-wrap:anywhere}
.rd-card-p{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;margin:2px 0 6px}
.rd-card-p > span{font:900 16px/1 var(--heading-font);font-stretch:85%;color:var(--rd-ink)}
.rd-card-p s{font-size:11.5px;color:var(--rd-ink2)}
.rd-card-st{display:block;min-height:0}
.rd-card-cta{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 4px;border:1.5px solid var(--rd-ink);border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-align:center}
.rd-card:hover .rd-card-cta,.rd-pcard:hover .rd-card-cta{background:var(--rd-ink);color:var(--rd-hueso)}

@media (min-width:768px){
 :is(.template-category,.template-search) .page-header h1{font-size:36px}
 .rd-cat-per{grid-template-columns:repeat(2,minmax(0,1fr));max-width:980px}
 .rd-liq-t{font-size:24px}
 .rd-liq-l{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 .rd-fams-in{gap:20px}
 .rd-fam-c{padding:20px 16px}
 .rd-fam-h .rd-h3{font-size:32px}
 .rd-fam-h p{font-size:13px}
 .rd-fam-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .rd-card-cu{grid-column:1/-1}
 .rd-card-cu .rd-card-f{aspect-ratio:12/5}
 .rd-card-b{padding:10px 10px 12px}
 .rd-card-n{font-size:14px}
 .rd-card-p > span{font-size:18px}
 .rd-card-cta{font-size:11.5px}
}