.portada {
    position: relative;
    width: 100%;
    min-height: 450px; 
    height: 60vh;
    
    /* 🔴 AÑADE ESTAS LÍNEAS PARA CARGAR LA IMAGEN SIN JAVASCRIPT */
    background-image: url('img/maestria.jpg'); /* Asegúrate de que la ruta sea correcta */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; /* Evita que la foto se deforme o estire feo */
    background-attachment: fixed; /* Esto hace el efecto Parallax real de forma nativa */
}

.overlay-portada {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* Esta es la sombra; si la quieres más clara, bájala a 0.2 o quítala */
    z-index: 1;
}

.parallax-window.portada {
    min-height: 450px; 
    height: 60vh;
    background: transparent !important; /* Permite transparentar la caja para ver la foto detrás */
    position: relative;
}