/*PALETA DE COLORES*/
/*rgb(66, 139, 216) (celeste)*/
/*#5ecbf3*/
/*#37bbed (Celeste Acumar)*/
/*#267373 (Azul)*/
/*#4EBFAB (Verde)*/
/*#FEC235 (Amarillo)*/
/*#F58700 (Naranja)*/ 


@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*BODY*/

body {
    padding: 0;
    margin: 0;
    font-family: 'Lato', sans-serif;
    background-color: whitesmoke;
}

/*HEADER*/

.contenedor-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #4EBFAB;
    color: white;
}

.img-dgpc {
    width: 6em;
    margin: 10px;
    padding: .35em;
    border-radius: .35em;
    background-color: white;
}

/*CSS MENU HAMBURGUESA*/

    nav {
        position: relative;
    }
  
    /*BTN HAMBURGUESA*/

    .menu-btn,
    .menu-fondo {
        border-radius: 90%;
        padding: .75rem;
        width: 3rem;
        aspect-ratio: 1;cursor: pointer;
        transition: all 0.3s ease-out;
        position: fixed;
        top: 1em;
        right: 1em;
        z-index: 9000;
    }
  
    /*FONDO*/

    .menu-fondo {
        z-index: 8000;
    }
  
    /*CLASS "menuVisible"*/

    .menuVisible .menu-fondo {
        background: #4ebfaae7;
        width: 220vw;
        inset: -110vw -110vw auto auto;
    }
  
    /*BARRAS DE LA HAMBURGUESA*/

    .menu-btn .btn-linea {
        width: 25px;
        height: 3px;
        margin: 4px 0 4px 0;
        background: hsl(0 0% 90%);
        transition: all 0.3s ease-out;
        position: relative;
        z-index: 9000;
    }
  
    /*GIRO DE LA X*/

    .menuVisible .menu-btn .btn-linea {
        transform: rotate(180deg);
    }

    /*X*/

    .menuVisible .menu-btn .btn-linea:nth-child(1) {
        transform: rotate(45deg) translate(4px, 6px);
    }
    .menuVisible .menu-btn .btn-linea:nth-child(2) {
        opacity: 0;
    }
    .menuVisible .menu-btn .btn-linea:nth-child(3) {
        transform: rotate(-45deg) translate(4px, -6px);
    }
  
    /*MENÚ*/

    nav ul {
        opacity: 0;
        visibility: hidden; 
        position: absolute;
        right: 1rem;
        top: calc(100% + 4rem);
        z-index: 9999;
        transition: all .5s ease; 
    }
  
    /*CLASS "menuVisible" */

    .menuVisible ul {
        visibility: visible;
        opacity: 100%;
        transition: all .5s .2s ease;
    }
  
    /*LINKS DEL BOTÓN*/

    nav ul li a {
        color: white;
        display: block;
        font-size: 1.5rem;
        width: min(40vw, 15rem);
        text-align: end;
        padding: .5rem;
        text-decoration: none;
    }
  
    nav ul li a:hover {
        border-bottom: solid 4px hsl(0 0% 100% / 0.5);
        transition: all .3s;
    }

/*MAIN*/

/*DIV ACUMAR*/

.div-acumar {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.img-acumar {
    width: fit-content;
    padding: 1em;
    display: flex;
    flex-direction: column;
    border-radius: 4em;
}

.acumar-titulo {
    margin: .5em;
    padding: .4em;
    display: inline-block;
    text-align: center;
    font-size: .9em;
    border-radius: 3em;
    color: white;
    background-color: #FEC235;
}

.texto-acumar {
    padding: 1.5em;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .8em;
    text-align: justify;
}

/*DIV EQUIPO*/

.contenedor-equipo {
    width: 100%;
    display: flex;
    flex-direction: wrap column;
}

.div-titulo-equipo {
    width: 100%;
    display: flex;
    justify-content: center;
}

.div-equipo {
    width: 100%;
}

.equipo-titulo {
    margin: .8em;
    padding: .8em 1em;
    display: inline-block;
    text-align: center;
    font-size: 1em;
    border-radius: 3em;
    color: white;
    background-color: #FEC235;
}

.contenedor-perfiles {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.div-perfiles {
    padding: .8em;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .8em;    
}

.imagen-perfiles {
    width: 8em;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: solid .4em #F58700;
    border-radius: 50%;
}

.nombre-perfiles {
    padding: .4em;
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 1.2em;
}

.texto-perfiles {
    padding: .2em;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1em;
}

.div-rotulo {
    margin: .8em;
    padding: .4em .4em;
    line-height: 1.25em;
    display: inline-block;
    border-radius: 1em;
    background-color: #F58700;
}

a {
    text-decoration: none;
}

.a-rotulo {
    font-size: 1em;
    font-weight: bold;
    color: white;
}

/*DIV DATOS ACADÉMICOS*/

.div-academicos {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.academicos-titulo {
    margin: .8em;
    padding: .8em 1em;
    display: inline-block;
    text-align: center;
    font-size: 1em;
    border-radius: 3em;
    color: white;
    background-color: #FEC235;
}

h4 {
    padding: .5em;
    font-size: 1em;
    text-align: center;
}

.texto-datos, li {
    padding: .4em;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    list-style: none;
    font-size: .9em;
}

.img-uba200 {
    width: 5em;
    height: auto;
    margin: .5em;
}

.img-uba {
    width: 17em;
    height: auto;
    margin: .5em;
}

.academico-subtitulo {
    padding: .5em;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.2em;
    text-align: center;
}

/*DIV PLAN*/

.div-objetivo-titulo {
    padding: 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.objetivo-titulo {
    margin: .5em;
    padding: .4em;
    display: inline-block;
    text-align: center;
    font-size: .9em;
    border-radius: 3em;
    color: white;
    background-color: #FEC235;
}

.texto-proposito {
    padding: 1.5em;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .8em;
    text-align: justify;
}

.proposito-titulo {
    margin: .5em;
    padding: .4em;
    display: inline-block;
    text-align: center;
    font-size: .9em;
    border-radius: 3em;
    color: white;
    background-color: #FEC235;
}

.mvp-btn {
    padding: .8em;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mvp {
    margin: .5em;
    padding: .4em;
    display: inline-block;
    text-align: center;
    font-size: .9em;
    font-weight: bold;
    border-radius: 3em;
    color: white;
    background-color: #F58700;
}

/*DIV MAPA*/

.div-mapa-titulo {
    padding-top: .6em;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mapa-titulo {
    padding: .4em;
    display: inline-block;
    text-align: center;
    font-size: 1.1em;
    border-radius: 3em;
    color: white;
    background-color: #FEC235;
}

.texto-mapa {
    padding: 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .9em;
    text-align: justify;
}

.mapa-btn {
    padding: .5em;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mapa {
    padding: .5em;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    color: white;
    border-radius: 3em;
    background-color: #F58700;
}

.foto-mapa {
    width: 100%;
}

/*FOOTER*/

.contenedor-footer {
    padding: .5em;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-color: #4EBFAB;
    color: white;
}

.footer {
    font-size: .7em;
}

/*A:HOVER*/

.nav-item:hover {
    background-color: white;
}

.btn:hover {
    color:#5ecbf3;
}

.div-rotulo:hover {
    background-color: white;
}

.a-rotulo:hover {
    color:#F58700;
}

.mvp:hover {
    background-color: white;
    color: #F58700;;

}
.botonmapa:hover {
    color: #F58700;
    background-color: white;
}

/*@MEDIA*/

/*@media 640PX*/
@media screen and (min-width: 40em) {

    /*MENÚ NO FIJO*/

    header nav {
        position: relative;
    }

    /*BTN HAMBURGUESA OCULTO*/

    .menu-btn {
        display: none;
    }

    /*MENÚ VISIBLE*/

    header nav ul {
        display: flex;
        position: relative;
        opacity: 1;
        visibility: visible;
    }
    header nav ul li {
        min-width: 2em;
    }
    header nav ul li a {
        width: auto;
        display: block;
        font-size: 1rem;
        font-weight: bold;
        text-align: center;
        border-radius: 3em;
        color: white;
        background-color: rgb(66, 139, 216);
    }
    header nav ul li a:hover {
        background-color: white;
        color: rgb(66, 139, 216);
    }
    /*FIN MENÚ HAMBURGURSA*/
    .acumar-titulo {
        font-size: 1.5em;
    }
    .texto-acumar {
        font-size: 1em;  
    }
    .equipo-titulo {
        padding: .5em;
        font-size: 1.5em;
    }
    .div-titulo-equipo {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .div-equipo {
        padding: 0em 0em 1em 0em;
        display: flex;
        justify-content: space-around;
    }
    .imagen-perfiles {
        width: 13em;
    }
    .nombre-perfiles {
        padding: .5em;
        font-size: 1.5em;
    }
    .texto-perfiles {
        font-size: 1.4em;
        text-align: center;
    }
    .div-rotulo {
        padding: .140em 1.4em;
        line-height: 3em;
        border-radius: 3rem;
    }
    .a-rotulo {
        font-size: 1.50em;
    }
    .mapa-titulo {
        font-size: 1.5em;
    }
    .texto-mapa {
        font-size: 1em;
    }
    .mapa {
        font-size: 1em;
    }
    .academicos-titulo {
        font-size: 1.3em;
    }
    .academico-subtitulo {
        font-size: 1.3em;
    }
    h4 {
        padding: .5em;
        font-size: 1.3em;
    }
    .texto-datos {
        font-size: 1.1em;
    }
    .img-uba200 {
        width: 11em;
        height: auto;
    }
    .img-uba {
        width: 22em;
        height: auto;
    }
    .img-dgpc {
        width: 10em;
    }
    .footer {
        font-size: .7em;
    }
    .objetivo-titulo {
        font-size: 1.5em;
    }
    .texto-proposito {
        text-align: justify;
        font-size: 1em;
    }
    .proposito-titulo {
        padding: .5em;
        font-size: 1.5em;
    }
    .mvp {
        font-size: 1.3em;
    }
}

/*@media 1024PX*/

@media screen and (min-width: 64em) {

    /*MENÚ NO FIJO*/

    header nav {
        position: relative;
    }

    /*BTN HAMBURGUESA OCULTO*/

    .menu-btn {
        display: none;
    }

    /*MENÚ VISIBLE*/

    header nav ul {
        display: flex;
        position: relative;
        opacity: 1;
        visibility: visible;
    }
    header nav ul li {
        min-width: 2em;
    }
    header nav ul li a {
        width: auto;
        display: block;
        font-size: 1.2rem;
        font-weight: bold;
        text-align: center;
        border-radius: 3em;
        color: white;
        background-color: rgb(66, 139, 216);
    }
    header nav ul li a:hover {
        background-color: white;
        color: rgb(66, 139, 216);
    }
    .logo-acumar {
        padding-top: 2em;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .img-acumar {
        width: 60%;
        border-radius: 6em;
    }
    .acumar-titulo {
        margin: 2em;
        font-size: 1.8em;
    }
    .texto-acumar {
        margin: 1em 5em;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 1em;
    }
    .equipo-titulo {
        padding: .5em;
        font-size: 1.8em;
    }
    .div-titulo-equipo {
        padding: 2em;
    }
    .div-equipo {
        display: flex;
        justify-content: space-around;
    }
    .imagen-perfiles {
        width: 15em;
        flex-direction: column;
        align-items: flex-start;
    }
    .nombre-perfiles {
        padding: .8em;
        flex-direction: row;
        align-items: flex-end;
        font-size: 1.8em;
    }
    .texto-perfiles {
        font-size: 1.5em;
        flex-direction: row;
        align-items: flex-end;
    }
    .div-rotulo {
        padding: .1em 1em;
        line-height: 3em;
        border-radius: 3em;
        flex-direction: row;
        align-items: flex-end;
    }
    .a-rotulo {
        font-size: 1.5em;
    }
    .academicos-titulo {
        margin: 2em;
        padding: .5em;
        font-size: 1.8em;
    }
    .academico-subtitulo {
        font-size: 1.5em;
    }
    h4 {
        font-size: 1.3em;
    }
    .texto-datos {
        font-size: 1.2em;
    }
    .img-uba200 {
        width: 9em;
        height: auto;
    }
    .img-uba {
        width: 20em;
        height: auto;
    }
    .img-dgpc {
        width: 9em;
        margin: 1em;
        padding: .6em;
    }
    .footer {
        font-size: .7em;
    }
    .objetivo-titulo {
        margin: 2em;
        font-size: 1.8em;
    }
    .texto-proposito {
        margin: 1em 5em;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 1em;
    }
    .proposito-titulo {
        font-size: 2.5em;
    }
    .mvp {
        font-size: 1.5em;
    }
    .mapa-titulo {
        margin: 2em;
        font-size: 1.8em;
    }
    .texto-mapa {
        margin: 1em 5em;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 1em;
        text-align: justify;    
    }
    .mapa {
        margin: .6em;
        padding: .29em;
        font-size: 1.5em;
    }
}