/* Sección 1: Imagen fija */
.section1 {
    position: relative;    
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}



.section1 img {
    position: fixed;           
    width: auto;
    height: clamp(100vh, 50vh + 50vw, 100vh);       
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3; /* Asegurar que está por encima */
    pointer-events: none;
}

.section1 .logo_full img{
    height : 50%
     
}        

.logo{
    position: relative;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo img {
    position: fixed;           
    width: 100%;  
    max-width: 400px;         
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 8; /* Asegurar que está por encima */
}


@media screen and (min-width: 576px) {
    
    .section1 img {
        height: auto;
        width: 100vw;
    }


}