/* Estilos generales */
.descanso {
    width: 100%;
    height: auto; /* Permite que la altura de la imagen se ajuste automáticamente */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F2F2F2;
    margin-top: 0; /* Elimina cualquier margen extra que cause espacio innecesario */
    padding-top: 0; /* Elimina padding adicional */
}

.img_descanso {
    width: 100%;
    height: 100%;
    object-fit: cover; Asegura que la imagen ocupe todo el espacio sin deformarse */
    display: block;
}

/* Media Query para pantallas pequeñas */
@media screen and (max-width: 768px) {
    .descanso {
        height: auto; /* Permite que la altura se ajuste de forma natural */
        margin: 0; /* Elimina cualquier espacio adicional */
        padding: 0; /* Elimina cualquier padding */
    }

    .img_descanso {
        height: auto; /* Ajusta la altura de la imagen automáticamente */
        max-width: 100%; /* Asegura que la imagen no sobrepase el ancho */
        object-fit: cover; /* Mantiene las proporciones sin deformar */
    }
}