/* css/grilla.css */
/* Grillas de tarjetas de entradas y paginacion (usado por includes/grilla.php) */
.grilla{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:0 0 1.5em;clear:both}
.grilla-revista{grid-template-columns:repeat(6,1fr)}
.tarjeta{display:flex;flex-direction:column;background:#f9f9f9;border-radius:4px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.08);transition:box-shadow .2s,transform .2s}
.tarjeta:hover{box-shadow:0 6px 18px rgba(0,0,0,.14);transform:translateY(-2px)}
.tarjeta-img{display:block;aspect-ratio:4/3;background:#fff;overflow:hidden}
.tarjeta-img img{width:100%;height:100%;object-fit:cover;display:block}
.tarjeta-staff .tarjeta-img{aspect-ratio:1/1}
.tarjeta h2,.tarjeta h3,.tarjeta h4,.tarjeta h5,.tarjeta h6{font-size:.98rem;line-height:1.35;margin:14px 14px 10px;flex:1;text-align:center}
.tarjeta-staff h2,.tarjeta-staff h3,.tarjeta-staff h4{text-align:left}
.tarjeta h2 a,.tarjeta h3 a,.tarjeta h4 a,.tarjeta h5 a,.tarjeta h6 a{color:#222;text-decoration:none}
.tarjeta h2 a:hover,.tarjeta h3 a:hover,.tarjeta h4 a:hover{color:var(--verde2)}
.tarjeta p{font-size:.88rem;margin:0 14px 12px;color:#555}
.tarjeta .boton{display:block;text-align:center;border-radius:0;margin-top:auto;background:var(--verde3)}
.tarjeta-staff .boton{background:#6d8fbf}.tarjeta-staff .boton:hover{background:var(--verde2)}
.tarjeta-revista{position:relative;min-height:220px;background:url(../wp-content/uploads/2019/10/revistas_back2.jpg) center/cover no-repeat}
.tarjeta-fondo{display:block;flex:1}
.tarjeta-revista h2,.tarjeta-revista h3,.tarjeta-revista h4,.tarjeta-revista h5{background:rgba(249,249,249,.94);margin:0;padding:12px;flex:0 0 auto}
.tarjeta-revista .boton{background:#046f6d}
.vacio{color:#666;font-style:italic}
.paginacion ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0!important;margin:1.5em 0}
.paginacion a,.paginacion span{display:block;min-width:40px;text-align:center;padding:8px 10px;border:1px solid var(--borde);border-radius:3px;text-decoration:none;color:var(--texto)}
.paginacion a:hover,.paginacion a:focus{border-color:var(--verde2);color:var(--verde2)}
.paginacion span[aria-current]{background:var(--verde2);border-color:var(--verde2);color:#fff}
@media (max-width:1000px){.grilla{grid-template-columns:repeat(3,1fr)}.grilla-revista{grid-template-columns:repeat(4,1fr)}}
@media (max-width:768px){.grilla{grid-template-columns:repeat(2,1fr);gap:14px}.grilla-revista{grid-template-columns:repeat(2,1fr)}}
@media (max-width:420px){.grilla{grid-template-columns:1fr}}