.hero-only-image {
    /* Ocupa el 100% del ancho y alto visible del navegador */
    width: 100vw;
    height: 100vh;

    /* Configuración de la imagen */
    background-image: url("/media/home_page/image_initial/imagen1.jpg");
    background-position: center center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */

    /* La clave: asegura que la imagen cubra todo el elemento */
    background-size: cover;
}

/* 2. ASEGURAR QUE EL HEADER ESTÉ ENCIMA */



/*!* 3. ESTILO PARA EL CONTENIDO QUE APARECE AL SCROLL *!*/
/*.contenido-siguiente {*/
/*    !* Esto asegura que el contenido empiece justo debajo de la imagen de 100vh *!*/
/*    padding-top: 50px;*/
/*    background-color: #ac0c0c; !* Un color de fondo para diferenciar *!*/
/*    min-height: 150vh; !* Solo para probar el scroll *!*/
/*}*/