@charset "utf-8";

* {
  box-sizing: border-box;
}

body{
  background-color: ghostwhite;
  margin:0px;
  padding:0px;  
  font-family: 'DM Sans', sans-serif;
  font-weight: normal;
}

h1 {
  font-size: 2em;
  font-weight: 600;
  color: #000000;
  text-align: center;
  margin-top: 1em;
  text-decoration: underline;
  text-decoration-color: #604ace;
  text-decoration-thickness: 9px;
}

h3{
  text-align: left;
  color: #000000;
  font-weight: 700;
  font-size: 1em;
  text-decoration: underline;
  text-decoration-color: #604ace;
  text-decoration-thickness: 9px;
}


img {
  max-width: 70%;
  height: auto;
}

a {
  text-decoration: none;
  color: #FFFFFF;
  font-weight: 400;
  font-size: .8em;
  background-color: #FF44A2;
  margin: auto;
  padding: 0.9em;
  display: block;
  text-align: center;
}

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

.contenedoraequipo a {
  margin-top: 0.5em;
}


header nav a:hover {
  background-color: #5134DE;
  color: #FFFFFF;
}

p{
  text-align: center;
  font-size: 1.2em;
  margin: 0em;
}

figure{
 text-align: center; 
}


.infointegrante{
  margin-inline: 2em;
  margin-bottom: 3em;
}


.integrante img{
  border-radius: 50%;
  width: auto;
  aspect-ratio: 1;
  border-color: #604ace;
  border-width: 8px;
  border-style: solid;
}

.contenedora {
  width: min( 100%, 50rem );
  margin-inline: auto;
  padding: .5rem;
}


#datos {
  padding: 1em;
  font-size: .9em;
  margin-top: 1em;
  display: flex;
  flex-direction: column;
  gap: 10px;

}

.logo {
  text-align: center;
  margin: auto;
  max-width: 70%;
}

.logodato {
  width: 12em;
  margin: auto;
  padding-top: 1em;
  padding-bottom: 1em;
}


footer{
  background-color: #FF44A2;
  padding: 1em;
}

footer p {
  text-align: center;
  color: #FFFFFF;
  font-size: .7em;
  margin-block-end: 0;
}



/* --------------------------
   media queries,
   -------------------------- */


/* cambios a partir de los 480px */
@media (min-width: 480px) {


  .materias {
    display: flex;
    flex-direction: column;

  }

  .logodato{
    width: 20em;
    padding-top: 0em;
    padding-bottom: 0em;
    margin: 0em;
  }

  #datos{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
  }

}

/* tableta */
@media (min-width: 768px) {


.materias {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

img{
  max-width: 100%;
}

.miperfil{
  display: flex;
  flex-direction: row;
  align-items: flex-end;

}


}
/* escritorio */
@media (min-width: 1200px) {

}