body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
height:100vh;
overflow-y: hidden;
}


/* banderas */

.idiomas{
position:absolute;
top:15px;
right:20px;
z-index:10;
}

.idiomas img{
width:24px;
height:13px;
margin-left:10px;
cursor:pointer;
}


/* contenedor */

.contenedor{
display:flex;
height:100vh;
}


/* columnas */

.columna{
width:50%;
display:flex;
justify-content:center;
align-items:center;
}


.izquierda{
background:#0866a9;
}


.derecha{
background:#ffffff;
}


/* contenido centrado */

.centro{
text-align:center;
}

.centro img{
max-width:80%;
height:auto;
}

.columna{
opacity:0;
transform:translateY(40px);
transition:all 1.9s ease;
}

.columna-visible{
opacity:1;
transform:translateY(0);
}


/* imagen */

.centro img{
transition:transform 0.5s ease, filter 0.5s ease;
}


/* hover imagen */

.img-hover{
transform:scale(1.08);
filter:brightness(1.1);
}



/* responsive */

@media (max-width:768px){

.contenedor{
flex-direction:column;
}

.columna{
width:100%;
height:50vh;
}

}