@charset "utf-8";

*{
    box-sizing: border-box;

}

body{
    min-height: 100%;
    margin:0;
    background-color:rgb(236, 222, 183);
    padding: 0.5rem; 
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

    /* cambiar el padding a los elementos, no a el body en general */
}

ul {
    list-style-type: none;
}

.contenedora.header {
    display: grid;
    margin-left: 2rem;
   
}


.menu ul {
      /* agrega espacio vertical entre la lista del menu*/
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
      list-style: none;
      margin-left: 1rem;
  }
  
  header img {
    margin-left: 40%;
    margin-top: 1rem;
    background-color: antiquewhite;

  }

  /* vinculos, pero SOLO los del menu superior */
  header nav a {
    /* color del texto */
    color: hsl(0, 67%, 90%);
  
    /* color de fondo */
   padding: 10px;
    background-color: #ce497c;
    text-align: center;
    text-wrap: wrap;

  
    /* para darle propiedades de caja (ancho, por ejemplo) */
    display: block;  
    /* borde redondeado */
    border-radius: 100vw;
    transition: transform 0.3s;
    margin-bottom: 1rem;

  }

 /* vinculos, pero SOLO los del menu superior */
 header nav a:hover {
    /* color del texto */
    color: hsl(180, 86%, 36%);
    background-color: #ccce49;
    transform: scale(1.1);

  }



.estudiante {
    background-color: rgb(205, 244, 138);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center center;
    margin: 2rem;
    margin-bottom: auto;
    border-radius: 15px; /* Radio de los bordes */
    padding: 10px; /* Espacio interno alrededor del texto */
    box-shadow:
    0   /* desplazamiento horizontal */
    4px /* desplazamiento vertical */
    6px /* desenfoque */
    hsl(0 0% 0% / 20%) /* color */
    
}

.acatevoy {
    background-color:#FD6F80;
    display: flex;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 2rem;
    border-radius: 15px; /* Radio de los bordes */
    padding: 15px; /* Espacio interno alrededor del texto */
    flex-wrap: wrap;
    
}

.redes a {
    background-color: antiquewhite;
    max-width:max-content;
    display: grid;
    color:#FD6f90;
    font-size: large;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    margin-bottom: 0.5rem;
    border-radius: 15px; /* Radio de los bordes */
    padding: 15px; /* Espacio interno alrededor del texto */
    flex-wrap: wrap;
    transition: transform 0.3s;
    transform: scale(1.1);
    
}

.redes a:hover{
    background-color:#FD6f90;
    color: antiquewhite;
    
}



#Logo {
    max-width: 150px;
    height: 100px;
    border-radius: 10px;
}


.avatar {
    border-radius: 50%;
    margin-top: 20px;
    border: 4px solid #82a947
}

.contenido {
    text-align: center;
}


.sobre_mi {
    
    background-color: #AACB80;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
margin-right: 2rem;
margin: 2rem;
border-radius: 15px; /* Radio de los bordes */
padding: 20px; /* Espacio interno alrededor del texto */
flex-wrap: wrap;

}


h1 {
    background-color: #FD6F80;
    color: white;
    border-radius: 30px; /* Radio de los bordes */
    padding: 20px; /* Espacio interno alrededor del texto */
    margin-top: none;
    margin-bottom: 2rem;
    box-shadow:
    0   /* desplazamiento horizontal */
    4px /* desplazamiento vertical */
    4px /* desenfoque */
    hsl(0 0% 0% / 20%) /* color */

}

h2 {
   
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
margin: 2rem;

}

/*parte de las secciones academicas*/

.academico.contenedora {
    display: grid;
    column-gap: 2rem;
    row-gap: 2rem;
    justify-items: center center;
    align-items: flex-start; /* Alinea las columnas en la parte superior */
    margin: 2rem;
    margin-left: 2rem;
    margin-right: 2rem;
    flex-wrap: wrap;
    text-decoration: none;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.uba {
    background-color: antiquewhite; /* Color de fondo */
    border: 20px solid antiquewhite; /* Borde de 2px sólido con color gris claro */
    border-radius: 10px; /* Radio de 10px para redondear los bordes */
    padding: 20px; /* Espacio interno */
    align-items: stretch;
    flex-wrap: wrap;

}

.uba img {max-width: 160px;
    margin: 2rem;
}

.fadu {
    background-color: antiquewhite; /* Color de fondo */
    border: 20px solid antiquewhite; /* Borde de 2px sólido con color gris claro */
    border-radius: 10px; /* Radio de 10px para redondear los bordes */
    padding: 20px; /* Espacio interno */
    flex-wrap: wrap;
}

.fadu img {max-width:  200px;
}

.dgpc {
    background-color: antiquewhite; /* Color de fondo */
    border: 20px solid antiquewhite; /* Borde de 2px sólido con color gris claro */
    border-radius: 10px; /* Radio de 10px para redondear los bordes */
    padding: 20px; /* Espacio interno */
    flex-wrap: wrap;
}

.dgpc img {width: 150px;
}

.footer, header {
    background-color:#FD6F80;
    margin-block-end: 1rem;
    margin: 0;
    border: 0;
}

footer {
    color: beige;
    font-size: small;
    flex-wrap: wrap;
    

}

a {
    text-decoration: none;
    list-style: none;
    color:beige

  }



/*comitente contenedora*/

.elequipo {

    font-style: oblique;
    font-weight: lighter;
    margin: 2rem;

}
.contenedora.comitente {
    background-color: #82a947; /* Color de fondo */
    border: 20px solid #82a947; /* Borde de 2px sólido con color gris claro */
    border-radius: 10px; /* Radio de 10px para redondear los bordes */
    padding: 20px; /* Espacio interno */
    align-items: stretch;
    flex-wrap: wrap;
    margin: 1rem;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: larger;
    margin: 2rem;


}
 
  
  /*equipo contenedora*/


.equipocontenedora div{
    display: grid;
    column-gap: 3rem;
    margin: 1rem;
    max-height: max-content;
    flex-wrap: wrap;
    font-size: large;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  border-radius: 20px;
    
}

 .grupobelen , .grupocamila {
    
    border-radius: 20px;
    padding: 50px;
    background-color:antiquewhite;
    
    
    
    
}

#cami, #belu{
    border-radius: 20px;
    background-color:#FD6F80;
    color: aliceblue;
    font-size: small;
    padding: 10px;
    transition: transform 0.3s;
}

#cami:hover, #belu:hover {
    transform: scale(1.1);
    color: hsl(180, 86%, 36%);
    background-color: #ccce49;
}


#imagendebelu, #imagendecami {
    border-radius: 50%;
    width: 150px;
    border: 0.30rem solid #82a947;
}

#introducción {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    margin-left: 3rem;
    font-size: larger;
    color: black;
}