que-ver-fram

/* Tu CSS permanece igual */ .card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin: 30px 0; } .info-card { background: #ffffff; border: 1px solid #1E3552; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 10px rgba(30, 53, 82, 0.1); transition: transform 0.2s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; } .info-card:hover { transform: translateY(-5px); box-shadow: 0 6px 20px rgba(30, 53, 82, 0.25); } .info-card img { width: 100%; height: 180px; object-fit: cover; border-bottom: 1px solid #ddd; } .info-card-content { padding: 15px 20px; color: #1E3552; } .info-card-content h3 { margin: 0 0 10px 0; font-size: 20px; } .info-card-content p { margin: 5px 0; font-size: 14px; } .info-card-content a { color: #1E3552; font-weight: bold; text-decoration: none; } .info-card-content a:hover { text-decoration: underline; }