@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
* {
    margin: 0em;
    padding: 0em;
    box-sizing: border-box;
}

header {
    background-color: #000000ef;

}

header .contenedora {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    max-width: 90%;
    margin-inline: auto;
    padding: 1em;
    font-family: 'calibri';
}
.contenedora {
    max-width: 60rem;
    margin-inline: 0;
    padding: 2rem;
}
#logo a {
    display: grid;
    justify-items: center;
    align-items: center;
    justify-content: normal;
    align-content: normal;
    place-items: center;
    padding-block: 0 0.125em;
}
#logo a {
    
border-radius: 50%;
    width: 5rem;
    aspect-ratio: 1;
    text-align: center;
    font-size: 1.5rem;
    background-color: #ffffff;
    border: solid 4px #3b22c3cc ;
}
a {
    text-decoration: none;
    color: #000000ef;
}
{
 box-sizing: border-box;
}

header nav a {
    color: #f2f2f2;
    background-color: #3b22c3cc ;
    display: block;
    width: 5em;
    padding-block: 0.5em;
    margin-bottom: 3%;
    border-radius: 0em;
    text-align: center;
}

ul, ul {
    list-style: none;
    padding: 0;
}

main {
    display: block;
    background-color: hsla(0, 0%, 100%, 0.788) ;
    color: #000000ef ;
    padding: 3em 1em;
    justify-content: center;
    font-family: 'Roboto', sans-serif;
    max-width: 90%;
    margin-inline: auto;
    
 }

h1 {
    display: flex;
    color : #000000ef ;
    font-size : 2.5em ;
    margin-bottom: 0.5em;
    align-items: center;
    justify-content: center;
}

/*foto avatar*/

.fotoavatar {
    display: block;
    
   
}

ul li a {
        color: hsl(0, 0%, 100%) ;
}
img {
    display: block;
    max-width: 50%;
    min-width: 25%;
    margin-bottom: 0.5em;
    align-items: center;
    justify-content: center;
}


.academicosul {
    display: block;
    padding-top: 0.5em;
}

.datosacademicos {
    display: flex;
    flex-wrap: wrap
}
.academicos {
    flex-basis: 33.33%; 
    padding: 1em;
    box-sizing: border-box;
    align-items: center;
}
#ubalogo img{
    display: block;
    max-width: 30%;
    padding: 1%;
    place-items: center;
    box-sizing: border-box;
}
#fadulogo img{
    display: block;
    padding: 6.5%;
    min-width: 80%;
    place-items: center;
    box-sizing: border-box;
}
#dgpclogo img {
    display: block;
    padding: 4%;
    min-width: 50%;
    place-items: center;
    box-sizing: border-box;
}
.audiovisuales {
    margin-block-start: 2em;
    margin-block-end: 2em;
}

.audiovisualeslista {
    padding-top: 1em;
    margin-bottom: -1em;

}

.equipobotones {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding-top: 0.4em;
    color: #f2f2f2;
    background-color: #3b22c3cc ;
    text-align: center;
    width: 10em;
    height: 2em;
}

.titulo {
    display: flex;
    align-items: center;
    background-color: #000000ef;
    height: 1.5em;
    padding-inline-start: 0.5em;
    color: #ffffff ;
    font-size: larger;
    font-weight: 500;
}
.analisisweb {
    display: block;
    margin-top: 2em;
}
#analisisweb {
    display: block;
    margin-top: 1em;
}
.contenedoraacumar{
    display: block;
    margin-top: 2em;
}
#acumar {
    display: block;
    margin-top: 1em;
}
nav ul {
    list-style: none;
  }

  footer {
    background-color: #000000ef;
  }
  .footerbox {
    display: block; 
    font-family: 'Roboto', sans-serif;
    color: #f2f2f2 ;
    border-width: 0.2em;
    padding: 2em 1em;
    justify-content: center;
    max-width: 90%;
    margin-inline: auto;
    font-size: 0.7em;
    
}

@media (min-width: 740px) {
        .footerbox {max-width: 60%;}
        header .contenedora {max-width: 60%;}
        main { max-width: 60%;}
}