/* ESTILOS PROYECTOS */


* {
    font-family: 'Poppins', sans-serif;
    margin: 0;
}

body,
html {
    height: 100%;
    background-color: #ffffff;
}

#footmb {
    display: none;
}


header {
    padding: 0;
}

.hero {
    padding: 0;
}



.divider1 {
    background-color: #ececec;
}

.divider1 p {
    margin-bottom: 2em;
}
 
.divider2 {
    background-color: #ffffff;
}

.divider3 {
    background-color: #FD83D6;
}


.divider4 {
    background-color: #ffffff;
}

.divider4 .eng {
    color: black;
}


.descripcion {
    align-self: center;
}

.eng {
    color: rgb(0, 0, 0);
    padding: 0 1em;

}



.esp {
    color: #777777;
    padding: 0 1em;

}

h3 {
    color: #000000;
    margin: 1em 0;
    font-weight: 800;
    letter-spacing: 0.3em;
    padding-top: 1em;
}

.divider2 h3 {
    color: #BF17B4;
}

/* MOB */

#navegador {
    display: none;

}


#arrowcontainer {
    background-color: #E9CCD1;
    height: 170px;
    display: none;
}

.arrows {
    background-color: #E9CCD1;
    padding-top: 100px;
    padding-bottom: 2em;

}

.linkport {
    padding-bottom: 2em;
    padding-left: 2em;
    padding-right: 2em;

}

.linkport a {
    text-decoration: none;
    color: rgb(5, 12, 99);

}

.linkport a img {
    display: inline;
    width: 20px;



}

.flechas {
    padding-left: 2em;
    padding-right: 2em;
}

.flechas a {
    text-decoration: none;
    color: white;
    background-color: #FD83D6;
    ;
    padding: 10px;
    border-radius: 50%;

}


.flechas a img {
    width: 20px;
    height: 20px;
}


#flechasdesk {
    position: fixed;
    height: 100%;


}

.desktop {
    height: 100%;
}


.generalarrow {
    height: 100%;
    align-items: center;
}

.fle img {
    height: 20px;
    width: 20px;
}

.fle a {
    text-decoration: none;
    color: white;
    background-color: rgb(5, 12, 99, .4);
    padding: 10px;
    border-radius: 50%;
    margin-top: 50%;
}

footer {
    visibility: hidden;
}

/* Medium devices less than 992px) */
@media (max-width: 992px) 

{
    #navegador {
        display: initial;
    }

    #footmb {
        display: initial;
    }

    #arrowcontainer {

        background-color: #E9CCD1;
        display: initial;

    }

    #flechasdesk {
        display: none;

    }

    footer {
        visibility: initial;
    }

}