Que ver San Pedro del Paraná

* { box-sizing: border-box; } .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; } /* Responsividad */ @media (max-width: 768px) { .card-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 15px; margin: 20px 0; } .info-card img { height: 160px; } .info-card-content { padding: 12px 15px; } .info-card-content h3 { font-size: 18px; } .info-card-content p { font-size: 13px; } } @media (max-width: 480px) { .card-grid { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 10px; margin: 15px 0; } .info-card img { height: auto; aspect-ratio: 16/9; } .info-card-content { padding: 10px 12px; } .info-card-content h3 { font-size: 16px; } .info-card-content p { font-size: 12px; margin: 4px 0; } } @media (max-width: 320px) { .card-grid { grid-template-columns: 1fr; gap: 8px; margin: 10px 0; } .info-card img { height: auto; aspect-ratio: 16/9; } .info-card-content { padding: 8px 10px; } .info-card-content h3 { font-size: 14px; } .info-card-content p { font-size: 11px; margin: 3px 0; } }