body{
    margin:0;
    font-family:sans-serif;
}
header{
    display: flex;
    position:static;
    background-color: #787689;
    width: 100%;
}

.contenedor{
    display:flex;
    position: absolute;
    width: 100%; 
    height:100vh;
}
.left{
    position: relative; 
    width: 50%; 
    height: auto;
    padding: 2%;
    justify-content: right; 
    resize: both;
    background-color:#f5f5dc;
}
.right{
    position: relative; 
    width: 50%; 
    max-height: fit-content;
    background-color: #252434;

}


.center{
    background-color: #787689;
    position:absolute;
    width: 85%;
    height: 75vh;
    margin: 6%;
    padding: 1%;
    display:flex;
    align-items: center;
}
.slider-container {
    display: flex;
    vertical-align: middle;
    width: 40%;
    height: 55vh;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    position:absolute;
    margin:5%;
}
.slider-container img {
    flex: 0 0 100%;
    width: 100%;
    height: auto;
    object-fit:cover;
    /* Vamos a añadir esto 👇 */
    scroll-snap-align: center;
}
#img_s{
    width: 100%;
}
.text{
    position: absolute;
    width: 45;
    left: 52%;
    padding: 3%;   
    color:#252434;
}

 nav{
    display:flex;
    z-index:1;
    width: 100%;
    height: auto;
    text-align: center;
    vertical-align:middle;
    padding: 1%;
}
nav li{
    position: relative;
    display:inline-flex;   
    padding: 1%;
    border:#252434 solid;
    border-color: #252434;
}
nav a{
    text-decoration:none;
    color:inherit;
    font-size:16px;
    } 
nav ui{
    width: 100%;
    display:flexbox;
    align-self: center;
    text-align: center;
}
nav li:hover{
    background-color:#252434;
    color:#fff
    }

.logo {
    width: 110px;
    height: auto ;
}

.externo{
    display: flex;
    position:relative;
    justify-content: center;
    margin-top: 2%;
}

.right p {
    text-align: justify;
    font-size:medium;
    color:white;
    padding: 3%;
}
.left p{
    color:#252434;
    padding-left: 16%;
}

.center p{
    margin-right:6% ;
}
    
footer{
    display:block;
    bottom:0;
    position: absolute;
    width: 100%; 
    height: 8vh;
    z-index: 1;
    background-color: #4a4386;
}
.division{
    width: 20%;
}

#interno{
    display: flex;
    position: fixed;
    z-index: 1;
}
#dos{
    padding-top: 12%;
}

@media (max-width){
}