.titulo-cita {background-color:#003e7e;color:white;padding:2rem 1rem;text-align:center;font-size:1.8rem;font-weight:bold;}
.contenido-blog {background-color:white;padding:2rem 1rem;max-width:900px;height:auto;margin:auto;font-size:1rem;line-height:1.6;}
.ver-notas {text-align:center;margin:2rem 0 1rem;}
.ver-notas H2 {color:#003e7e;}
.blog-grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:1.5rem;padding:3%;max-width:900px;       margin:0 auto;        justify-content:center;}
.blog-card {background-color:white;border-radius:4px;overflow:hidden;box-shadow:0 2px 6px rgba(0, 0, 0, 0.1);display:flex;flex-direction:column;height:400px;text-decoration:none;}
.blog-card .imagen {height:200px;background-color:#ccc;width:100%;aspect-ratio:16 / 9;}
.blog-card .imagen-ajuste {width:100%;height:100%;object-fit:cover;object-position:center center;display:block;}
.blog-card .contenido {background-color:#003e7e;color:white;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;}
.blog-card h3 {margin:0 0 0.5rem;font-size:1.1rem;font-weight:bold;}
.blog-card p {font-size:0.9rem;margin:0 0 1rem;}
.blog-card .btn {background-color:#c60000;color:white;padding:0.5rem 1rem;border:none;border-radius:20px;cursor:pointer;font-weight:bold;align-self:flex-start;}
@media (max-width:600px) {
.titulo-cita {font-size:1.4rem;padding:1.5rem 1rem;}
.blog-card .btn {width:100%;text-align:center;}
}
.imagen-destacada-ajuste {width:100%;height:400px;object-fit:cover;object-position:center center;display:block;}
.imagen-control {width:100%;height:100%;object-fit:cover;object-position:left center;display:block;}