/* Fichas de ejemplos — complementa /blog/assets/blog.css */
.ej-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin:32px 0 64px}
.ej-card{display:block;padding:24px;border:1px solid var(--color-sand);border-radius:12px;background:#fff;color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}
.ej-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(25,25,24,.06)}
.ej-card:focus-visible{outline:2px solid var(--color-terracotta);outline-offset:2px}
.ej-mod{font-family:var(--font-display);font-style:italic;color:#B3542E;font-size:1.1rem}
.ej-q{font-family:var(--font-display);font-size:1.5rem;line-height:1.2;margin:6px 0 8px}
.ej-cap{color:#6F6D66;font-size:.95rem}
.ej-encuadre{border-left:3px solid var(--color-terracotta);padding:12px 16px;background:#fff;color:#6F6D66;margin:24px 0}
.ej-bloque{margin:28px 0}
.ej-bloque h2{font-family:var(--font-display);font-weight:400;font-size:1.6rem;margin-bottom:8px}
.ej-bloque ul{padding-left:20px}
.ej-abrir{display:inline-block;background:var(--color-ink);color:var(--color-warm-white);padding:14px 24px;border-radius:8px;font-weight:600;text-decoration:none}
.ej-abrir:hover{background:#B3542E;color:#fff}
.ej-abrir:focus-visible{outline:2px solid var(--color-terracotta);outline-offset:2px}
.ej-terceros{font-size:.9rem;color:#6F6D66}
.ej-nota{color:#6F6D66;font-size:.9rem;margin-left:8px}
.skip-link{position:absolute;top:-100%;left:16px;background:#B3542E;color:#fff;padding:12px 24px;border-radius:0 0 8px 8px;z-index:200;font-weight:600;font-size:.9rem;transition:top .2s}
.skip-link:focus{top:0}