/*
 * 07-info-cards.css - Rejilla de 4 tarjetas informativas de '¿Por que asistir?'.
 * Origen: index.html, <style> #1 (lineas 90-97). Contenido identico al original.
 */
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.info-card{min-height:270px;padding:28px 24px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .35s,background .35s}
.info-card:hover{transform:translateY(-9px);background:rgba(255,255,255,.085)}
.info-icon{font-size:30px;color:var(--gold2);margin-bottom:auto;filter:drop-shadow(0 0 14px rgba(228,177,61,.2))}
.info-card h3{font-family:Cinzel,serif;font-size:18px;letter-spacing:.05em;font-weight:500;margin:0 0 10px}
.info-card p{font-size:12px;line-height:1.7;color:#9e9a92;margin:0}
@media(max-width:900px){.cards4{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.cards4{grid-template-columns:1fr}}