/* Asegurar que el footer permanezca al fondo en pantallas grandes */
html, body {
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #f8f9fa;
}

/* Ajustes para las imágenes de las tarjetas de actividades */
.card-img-top {
    height: 200px;
    object-fit: cover;
    background-color: #e9ecef; /* Color gris de fondo mientras no existan las imágenes */
}

/* Controlar el tamaño del logo en el sidebar del index */
.max-sidebar-logo {
    max-height: 250px;
    width: auto;
}