@charset "utf-8";

/* Reglas generales */

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

/* Header */

header {
    background-color: hwb(208 23% 32%);
    text-align: center;
    width: auto;
}

#logo {
    padding: 1em 0 0 0;
}

#logo img {
    background-color: white;
    display: block;
    margin: auto;
    width: 5em;
}

.menu_flex{
    max-width: 100%;
}

.menu_flex ul {
    display: flex;
    justify-content: center;
    background-color: #3a78ad;
}

.menu_flex ul li {
    width: auto;
    display: block;
    text-align: center;
    border: solid white;
    margin: 1em 0.5em;
    padding: 0.5em 1em;
}

nav ul li a {
    color: white;
}

/* Acumar */

body {
    background-color: rgb(152, 226, 255);
}

.imagen_plan {
    text-align: center;
    font-size: larger;
    max-width: 100%;
    margin: 1em 2em;

}

.imagen_plan img {
    text-align: center;
    width: 100%;
    margin: 1em 0 1em 0;
}

#acumar img {
    width: 10em;
}

.titulo_acumar{
    background-color: rgb(62, 62, 62);
    text-align: center;
    margin: 1.5em 1.5em 0 1.5em;
    padding: 2em;
}

.texto_acumar {
    text-align: center;
    margin: 0 1.5em 1.5em 1.5em;
    padding: 2em;
    background-color: beige;
}

/* Equipo */

.titulo {
    background-color: rgb(62, 62, 62);
    text-align: center;
    margin: 1.5em 1.5em 0 1.5em;
    padding: 2em;
    color: white;
}

.texto_equipo {
    display: block;
    background-color: beige;
    text-align: center;
    margin: 0 1.5em;
    padding: 1em 0.5em;
    object-fit: cover;
}

.texto_equipo img {
    max-width: 100%;
    max-height: 100%;
}

.texto_equipo h3 {
    color: black;
}

/*datos academicos*/

#datosAcademicos {
    background-color: beige;
    margin: 1.5em;
}

.titulo_academico {
    background-color: rgb(62, 62, 62);
    text-align: center;
    padding: 2em;
    color: white;
}

.imagen_uba{
    padding: 2em 0 0 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    text-align: center;
    margin: auto;
}

.imagen_uba img {
    width: 30%;
}

.imagen_fadu {
    max-width: 100%;
    max-height: 100%;
    display: block;
    text-align: center;
    margin: auto;
}

.imagen_fadu img {
    width: 50%;
}

.imagen_dgpc {
    max-width: 100%;
    max-height: 100%;
    display: block;
    text-align: center;
    margin: auto;
}

.imagen_dgpc img {
    width: 30%;
}

.texto_uba {
    font-size: smaller;
    padding: 2em;
    text-align: center;
}

/* Footer */

footer {
    text-align: center;
    padding: 1em;
    font-size: x-small;
    background-color: rgba(54, 54, 54, 0.76);
    width: auto;
    }