Tipografía global):
H2 -> Principal (Primary) · H3 -> Secundaria (Secondary) · Párrafo -> Texto (Text)
Si en su kit los nombres son otros, cámbielos en el bloque ":root" de abajo. -->
.cek-tabla{
/* ---- Tipografía del sitio (variables globales de Elementor) ---- */
--cek-f-h2: var(--e-global-typography-primary-font-family);
--cek-w-h2: var(--e-global-typography-primary-font-weight, 700);
--cek-f-h3: var(--e-global-typography-secondary-font-family);
--cek-w-h3: var(--e-global-typography-secondary-font-weight, 700);
--cek-f-p: var(--e-global-typography-text-font-family);
--cek-w-p: var(--e-global-typography-text-font-weight, 400);
/* ---- Colores ---- */
--cek-azul: var(--e-global-color-primary, #2F5FA7);
--cek-azul-claro:#EAF1FB; --cek-verde:#1E7A46;
--cek-texto: var(--e-global-color-text, #1F2933);
--cek-suave:#52606D; --cek-borde:#D9E2EC; --cek-fondo:#FFFFFF;
font-family:var(--cek-f-p); font-weight:var(--cek-w-p);
color:var(--cek-texto); max-width:1140px; margin:0 auto;
}
.cek-tabla *{box-sizing:border-box}
.cek-tabla .cek-tabla__titulo{font-family:var(--cek-f-h2);font-weight:var(--cek-w-h2);color:var(--cek-azul);
font-size:var(--e-global-typography-primary-font-size, clamp(1.5rem,3vw,2.1rem));line-height:1.25;margin:0 0 .6rem}
.cek-tabla .cek-tabla__intro{font-family:var(--cek-f-p);font-size:1rem;line-height:1.6;color:var(--cek-suave);margin:0 0 1.5rem}
.cek-tabla__label{display:block;font-family:var(--cek-f-p);font-size:.875rem;font-weight:600;color:var(--cek-suave);margin:0 0 .5rem;padding:0}
.cek-tabla__buscar{position:relative;margin-bottom:1.25rem}
.cek-tabla__buscar svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--cek-suave);pointer-events:none}
.cek-tabla .cek-tabla__buscar input{width:100%;min-height:48px;padding:.75rem 1rem .75rem 2.75rem;font-family:var(--cek-f-p);font-size:1rem;color:var(--cek-texto);
background:var(--cek-fondo);border:2px solid var(--cek-borde);border-radius:10px;transition:border-color .15s}
.cek-tabla .cek-tabla__buscar input:focus{outline:none;border-color:var(--cek-azul);box-shadow:0 0 0 3px rgba(47,95,167,.2)}
.cek-tabla__filtros{border:0;margin:0 0 1rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.cek-tabla__filtros legend{width:100%;float:left}
.cek-tabla .cek-chip{min-height:40px;padding:.45rem .95rem;font-family:var(--cek-f-p);font-weight:500;font-size:.875rem;line-height:1.2;cursor:pointer;
text-transform:none;letter-spacing:0;color:var(--cek-azul);background:var(--cek-fondo);border:1.5px solid var(--cek-azul);border-radius:999px;transition:background .15s,color .15s}
.cek-tabla .cek-chip:hover,.cek-tabla .cek-chip:focus{background:var(--cek-azul-claro);color:var(--cek-azul)}
.cek-tabla .cek-chip[aria-pressed="true"]{background:var(--cek-azul);color:#fff}
.cek-tabla .cek-chip[aria-pressed="true"]::before{content:"✓ "}
.cek-tabla .cek-chip:focus-visible,.cek-tabla .cek-tabla__limpiar:focus-visible{outline:3px solid #F5A623;outline-offset:2px}
.cek-tabla__estado{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.cek-tabla__estado p{margin:0;font-size:.9rem;color:var(--cek-suave)}
.cek-tabla .cek-tabla__limpiar{background:none;border:0;padding:.5rem 0;font-family:var(--cek-f-p);font-size:.9rem;font-weight:600;color:var(--cek-azul);text-decoration:underline;cursor:pointer}
.cek-tabla .cek-tabla__limpiar:hover{background:none;color:var(--cek-azul)}
/* ---- Rejilla de 2 columnas ---- */
.cek-tabla .cek-tabla__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.cek-tabla .cek-prod{margin:0;background:var(--cek-fondo);border:1px solid var(--cek-borde);border-radius:12px;overflow:hidden;
display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s}
.cek-tabla .cek-prod:hover{border-color:#B7C9E2;box-shadow:0 6px 18px rgba(31,41,51,.08)}
.cek-tabla .cek-prod[hidden]{display:none!important}
.cek-tabla .cek-prod__nombre{margin:0;padding:.85rem 1.15rem;background:var(--cek-azul);color:#fff;
font-family:var(--cek-f-h3);font-weight:var(--cek-w-h3);font-size:1.1rem;line-height:1.3;letter-spacing:.02em}
.cek-tabla .cek-prod__lista{list-style:none;margin:0;padding:1rem 1.15rem 1.15rem;display:grid;gap:.4rem}
.cek-tabla .cek-prod__lista li{position:relative;margin:0;padding-left:1.6rem;font-family:var(--cek-f-p);font-weight:var(--cek-w-p);font-size:.95rem;line-height:1.45;color:var(--cek-texto)}
.cek-tabla .cek-prod__lista li::before{content:"";position:absolute;left:0;top:.2em;width:1.05em;height:1.05em;border-radius:50%;
background:var(--cek-verde) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' d='M4 8.5l2.6 2.5L12 5.5'/%3E%3C/svg%3E") center/80% no-repeat}
.cek-tabla mark{background:#FFE8A3;color:#1F2933;padding:0 .1em;border-radius:2px}
.cek-tabla .cek-tabla__vacio{margin:0;padding:2rem 1.25rem;text-align:center;color:var(--cek-suave);border:1px dashed var(--cek-borde);border-radius:12px}
@media (max-width:767px){
.cek-tabla .cek-tabla__grid{grid-template-columns:1fr}
.cek-tabla__estado{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){.cek-tabla *{transition:none!important}}
(function(){
var root=document.querySelector('.cek-tabla'); if(!root) return;
var input=root.querySelector('#cek-buscar'), chips=[].slice.call(root.querySelectorAll('.cek-chip')),
rows=[].slice.call(root.querySelectorAll('.cek-prod')), counter=root.querySelector('#cek-contador'),
empty=root.querySelector('#cek-vacio'), clear=root.querySelector('#cek-limpiar'), total=rows.length;
function norm(s){return s.normalize('NFD').replace(/[̀-ͯ]/g,'').toLowerCase();}
rows.forEach(function(r){
r._txt=norm(r.textContent);
r.querySelectorAll('h3, .cek-prod__lista li').forEach(function(el){el._orig=el.textContent;});
});
function esc(s){return s.replace(/[&"]/g,function(c){return{'&':'&','':'>','"':'"'}[c];});}
function mark(el,q){
var t=el._orig; if(!q){el.textContent=t;return;}
var i=norm(t).indexOf(q);
if(i<0){el.textContent=t;return;}
el.innerHTML=esc(t.slice(0,i))+'
'+esc(t.slice(i,i+q.length))+''+esc(t.slice(i+q.length));
}
function apply(){
var q=norm(input.value.trim()),
act=chips.filter(function(c){return c.getAttribute('aria-pressed')==='true';}).map(function(c){return c.dataset.filter;}),
shown=0;
rows.forEach(function(r){
var tags=r.dataset.tags.split(' '),
ok=(!q||r._txt.indexOf(q)>-1)&&act.every(function(a){return tags.indexOf(a)>-1;});
r.hidden=!ok; if(ok) shown++;
r.querySelectorAll('h3, .cek-prod__lista li').forEach(function(el){mark(el,ok?q:'');});
});
counter.textContent='Mostrando '+shown+' de '+total+' productos';
empty.hidden=shown>0;
clear.hidden=!(q||act.length);
}
var t; input.addEventListener('input',function(){clearTimeout(t);t=setTimeout(apply,120);});
chips.forEach(function(c){c.addEventListener('click',function(){
c.setAttribute('aria-pressed',c.getAttribute('aria-pressed')==='true'?'false':'true'); apply();
});});
clear.addEventListener('click',function(){input.value='';chips.forEach(function(c){c.setAttribute('aria-pressed','false');});apply();input.focus();});
})();
