/* 1. Imagen por defecto para Computadoras y pantallas grandes */
.portada-hero {
    width: 100%;
    min-height: 80vh; /* Altura de la portada */
    background-image: url('../img/image_portada_L.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* 2. Cambio automático para Celulares y Tablets (pantallas de 768px o menos) */
@media (max-width: 768px) {
    .portada-hero {
        background-image: url('../img/image_portada.jpg');
        /*min-height: 60vh;  Ajustamos la altura para que encaje mejor en celular */
    }
}