/* RKT Catálogo — layout del archivo (filtros + grid).
   Las clases visuales (.cat-prod, .filter-chip, .field-lbl, .dist-input,
   .dist-select, .btn-rkt, .stat-num...) viven en el customCss global.
   Aquí solo el LAYOUT del shortcode (grid 4col + barra de filtros), en px
   para ser inmune al font-size raíz, replicando el grid Tailwind del original. */

:root{
	--blue:#1A3674;--navy:#0D1B45;--yellow:#FFCA00;--yellow-dk:#E5B400;--red:#FF0616;--gray:#F5F5F0;
	--font-display:'CWM','Kinship Sans',sans-serif;--font-body:'Inter RKT','Inter','Outfit',sans-serif;
}

/* ---- barra de filtros (tarjeta blanca, idéntica al original) ---- */
.rkt-cat-filterbar{background:#fff;border:1px solid rgba(0,0,0,.08);padding:26px;margin-bottom:32px}
.rkt-cat-fields{display:grid;grid-template-columns:5fr 3fr 2fr 2fr;gap:16px;align-items:end}
.rkt-cat-fpdf .btn-rkt{display:flex;width:100%}
.rkt-cat-fpdf .btn-rkt span{width:100%;text-align:center}

.rkt-cat-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(0,0,0,.08)}

/* ---- grid de productos (1/2/3/4 col responsive, = al Tailwind original) ---- */
.rkt-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.rkt-cat-empty{grid-column:1/-1;padding:48px 32px;text-align:center;color:#888;border:1px dashed rgba(0,0,0,.15)}

/* la card hereda .cat-prod del customCss global; aquí solo el contain de la img */
.rkt-cat-grid .cat-prod .img img{object-fit:contain}

@media(max-width:1100px){
	.rkt-cat-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:860px){
	.rkt-cat-grid{grid-template-columns:repeat(2,1fr)}
	.rkt-cat-fields{grid-template-columns:1fr 1fr}
	.rkt-cat-fsearch,.rkt-cat-fpdf{grid-column:1/-1}
}
@media(max-width:560px){
	.rkt-cat-grid{grid-template-columns:1fr}
	.rkt-cat-fields{grid-template-columns:1fr}
}