.eab-wrapper { max-width: 1200px; margin: 0 auto; }
.eab-cats { display:flex; flex-wrap:wrap; gap:10px; margin: 0 0 20px; }
.eab-cats .eab-cat-link { display:inline-block; padding:8px 14px; border-radius:999px; border:1px solid #ddd; text-decoration:none; font-size:14px; }
.eab-cats .eab-cat-link.active { background:#111; color:#fff; border-color:#111; }
.eab-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:24px; position:relative; }
.eab-card { background:#fff; border:1px solid #eee; border-radius:14px; overflow:hidden; }
.eab-thumb img { width:100%; display:block; }
.eab-content { padding:16px; }
.eab-title { font-size:1.05rem; margin:0 0 8px; line-height:1.3; }
.eab-pagination { margin-top:26px; display:flex; justify-content:center; }
.eab-empty { padding:30px; text-align:center; color:#666; border:1px dashed #ddd; border-radius:12px; }
/* Miniaturas cuadradas uniformes, incluso sin imagen destacada. */
.eab-thumb { width:100%; aspect-ratio:1 / 1; overflow:hidden; }
.eab-thumb a { display:block; width:100%; height:100%; }
.eab-thumb img { display:block; width:100%; height:100%; aspect-ratio:1 / 1; object-fit:cover; object-position:center; }

/* Progressive loading and accessible, subtle entrance motion. */
.eab-card { transition: transform .28s ease, box-shadow .28s ease; }
@media (hover:hover) { .eab-card:hover { transform:translateY(-4px); box-shadow:0 14px 34px rgba(0,0,0,.075); } }
.eab-enter { animation:eab-reveal .58s cubic-bezier(.22,1,.36,1) both; animation-delay:var(--eab-delay,0ms); }
@keyframes eab-reveal { from { opacity:0; transform:translateY(22px) scale(.985); } to { opacity:1; transform:translateY(0) scale(1); } }
.eab-load-zone { min-height:36px; margin-top:24px; text-align:center; }
.eab-load-status { font-size:14px; color:#666; }
.eab-load-zone.is-loading .eab-load-status::before { content:''; display:inline-block; width:17px; height:17px; border:2px solid #ddd; border-top-color:#7baa1e; border-radius:50%; vertical-align:-4px; margin-right:10px; animation:eab-spin .75s linear infinite; }
@keyframes eab-spin { to { transform:rotate(360deg); } }
.eab-load-more { cursor:pointer; border:1px solid #ddd; background:#fff; color:#333; padding:11px 24px; border-radius:100px; }
.eab-load-more:hover { border-color:#7baa1e; }
.eab-load-more[hidden] { display:none!important; }
.eab-sentinel { height:1px; }
.eab-switching { opacity:.45; transition:opacity .2s ease; }
@media (max-width:767px) { .eab-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } }
@media (max-width:480px) { .eab-grid { grid-template-columns:minmax(0,1fr); } }
@media (prefers-reduced-motion:reduce) { .eab-enter { animation:none!important; } .eab-card { transition:none!important; } .eab-load-zone.is-loading .eab-load-status::before { animation:none; } }