.portada_area_inter{
   height: 400px;
   width: 100%;
   background-color: aquamarine;
   margin-top: 300px;
}
.portada_noso2{
    height: auto;
    max-height: 110%;
    width: 100%;
    background-color: #01b6465e;
    align-items: center;
    display: flex; 
}
.portada_noso{
    max-height: 120%;
}
.contenedor_fotoWide5{
    display: flex;
    justify-content: center;
    height: 250px;
    width: 650px;
    margin-left: 650px;
    margin-top: 9px;
    margin-bottom: 3px;
    background-image: url(ini1.jpg);
    background-size: contain;
    border-radius: 10px;
}
.texto_area_inter1{
    display: flex;
    justify-content: center;
    height: 250px;
    width: 200px;
    align-items: center;
    justify-content: center;  
    margin-top: -250px;  
    margin-left: 30px;
}
.contenedor_foto_ai{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 90%;
    width: 80%;
    margin-top: 2%;
    margin-left: 10%;
    background-size: cover;
    border-radius: 7px;
    overflow: hidden;
    position: relative;
    /*background-image: url(fotos/2.4.JPG);
    */
}
.contenedor_foto_ai:hover{
    transform: scale (1.1);
}
.contenedor_fotoReves{
    display: flex;
    justify-content: center;
    height: 380px;
    width: 650px;
    margin-bottom: 3px;
    background-image: url(97.jpg);
    background-size: contain;
    border-radius: 7px;
    margin-left: 30px;
    margin-top: 10px;
}
.texto_reves{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 380px;
    width: 650px;
    margin-left: 800px;
    margin-top: -380px;
}
.texto_container{
    height: 15%;
    width: 50%;
    margin-top: -3%;
    margin-left: 15%;
    position: absolute;
    z-index: 1; 
    background-color:rgba(30, 143, 255, 0.913);
    animation: deslizarY 2s ease-out;
}

#texto_noso2{
    display: block;
    /*background-color: blueviolet;*/
    justify-content: center;
    align-items: center;
    text-align: center;
    height: auto;
    max-height: 110%;
    width: 45%;
    margin: 0 auto;
}
#ai_subtitulo{
    display: block;
    align-items: center;
    height: 60%;
    width: 80%;
    margin-right: 0%;
    margin: 0 auto;
    text-align: center;
    font-family:'Lato',Sans-serif;
    font-weight: bolder;
    font-size:x-large;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);  
}
#ai_titulo{
    display: block;
    align-items: center;
    height: auto;
    max-height: 95%;

}
.texto_reves2{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 380px;
    width: 450px;
    margin-left: 750px;
    margin-top: -380px;
}
#ai_subtitulo2{
    display: flex;
    justify-content:left;
    align-items: center;
    height: 380px;
    width: 100px;
    margin-top: -385px;  
    margin-left: 1230px; 
    text-align: center;
    font-family:'Lato',Sans-serif;
    font-weight: bolder;
    font-size:x-large;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);  
}
.animated-container{
    position: relative;
    top: -30%;
    opacity: 0;
    transition: top 3s ease-in-out, opacity 0.5s ease-in-out;
}
.animated-container.active {
    top: 0;
    opacity: 1;
  }
.contenedor_animado{
    position: relative;
  }
  #bienvenida3{
    font-family: 'Lato', sans-serif;
    color: aliceblue;
    position: absolute;
    z-index: 1; 
    text-align: center;
    text-shadow: #ffbc48bd;
}


@media only screen and (max-width:768px){
    .portada_ini2{
        max-height: 80%;
        width: 100%;
        flex-direction: column;
        font-size: small;
    }
    .ini_contenedor_portada{
        margin-top: 2%;
    }
    .portada_noso2{
        flex-wrap: wrap;
    }
    .noso_contenedor_adicional{
        
    }
    .contenedor_foto_ai{
        width: 95%;
        height: auto;
        align-items: center;
        justify-content: center;
        margin-top: 5%;
        margin-left: 2%;
    }
    .texto_container{
        height: auto;
        width: 75%;
    }
    #texto_noso2{
        /*background-color: aqua;*/
        margin-left: 5%;
        width: 85%;
        margin-top: 10px;
        height: auto;
        text-align: center;
        flex-direction: column;
    }
    #ai_subtitulo{
        margin-top: 15px;
        margin-left:1%;
        margin: 0 auto;
    }
    #txt{
        margin-left: 0%;
        margin: 0 auto;
        max-height: 95%;
    }
    #txt1{
        max-height: 95%;
        margin: 0 auto;
    }
    #ai_titulo{
        font-size: 14px;
        max-height: 95%;
    }
    .contenedor_fotoWide2{
        object-fit: cover;
    }
    .contenedor_fotoWide2 img{
        width: 100%;
        height: 100%;
    }
}