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

.FondoIntro { 
        filter: invert(0%) sepia(40%) saturate(60%) blur(0px);
       
}

.section1 img {
    position: fixed;           
    width: auto;
    height: clamp(100vh, 50vh + 50vw, 100vh);       
    top: 0;
    left: 50%;
    transform: translateX(-50%);    
    z-index: 12; /* 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;   
    z-index: 17; 
    pointer-events: none;
}

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

.serv_box1{
    position: absolute;
    z-index: 7;
    width: 59%;
    text-align: justify;
    background: #a39798bf;
    padding-left: 10%;
    padding-right: 10%;
    bottom: 54%;
    border-radius: 80px 0px;
    color: #742151;
    font-size: 1.1em;
     font-family: 'arial_narrow';
    text-shadow: 1px 3px 7px #ffffff;
}

.serv_box2{
    position: absolute;
    z-index: 7;
    width: 80%;
    text-align: end;
    background: #7421517a;
    padding: 5%;
    padding-left: 10%;
    padding-right: 5%;    
    bottom: -42%;
    right: 0;
    border-radius: 65px 0px;
    color: #ffffff;
    font-size: 1.2em;    
     font-family: 'arial_narrow';
    text-shadow: 1px 3px 7px #000000;
}

.serv_box2 li{
    list-style: none;
}

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


}