* {
    box-sizing: border-box;
}

body{
  margin: 0;
  font-family: helvetica, sans-serif;
  background-color: #ffffff;
  color: hsl(0 0% 15%);
}

h1,
h2,
h3,
h4{
    margin-bottom: 1em;
    color: hsl(0 0% 15%);
    text-wrap: balance;
}


p,
li{
    margin-bottom: 0.15em;
    text-wrap: pretty;
}

h1{
    color: #F2761B;
}

img{
    max-width: 100%;
    height: auto;
    align-content: center;
}

a{
    text-decoration: none;
    text-align: center;
    color: #ffffff;
}

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

header,
footer{
    background-color: #1F474A;
    color: white;
}

.contenedora{
    max-width: 65rem;
    margin: 0 auto;
    padding: 1rem;
}

/*CAJACONTENEDORA---------------*/
/*MAIN-------*/

header .contenedora{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    text-align: justify;
}

.contenedor {
    display: flex;
    align-items: flex-start; 
}

.contenido {
    margin-left: 20px; /* Espacio entre el contenido y la imagen */
}

.contenido h2,
.contenido p {
    margin: 0; 
}

#logo{
    display: block;
    width: 7em;
}

header nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

header nav ul li {
    min-width: 4em;
    margin: .45em 0 .45em .45em;
}

header nav ul li a {
    background-color: #F2761B;
    border-radius: .25em;
    color: white;
    font-weight: bold;
    padding: .25em .5em;
    text-align: center;
    display: block;
    text-transform: uppercase;
}

header nav ul li a:hover {
    background-color: white;
    color: #1F474A;
}


section {
    padding-bottom: 1em;
}

section:first-of-type {
    font-size: 1em;
    text-align: justify;
}

.titulos{
    border-bottom: .3em solid  #1F474A;
    color:  #1F474A;
}


/*PERFIL Y EQUIPO*/

.imagen{
    max-width: 25%; 
    height: auto; 
    margin-right: 20px;
}

.equipo .contenedor {
    display: flex; 
    align-items: self-start;
}

.texto p {
    color: white;
    text-align: justify;
}

.equipo ol li {
    margin: .5em 0;
    border-radius: .25em;
}

.equipo ol li > *:not(p) {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.equipo{
    display: flex;    
    justify-content: center;
    text-align: justify;
    background-color: #1F474A;
    width: 100%;
    border-radius: .99em;
    flex-direction: column;
}


.equipo h2 {
    width: 100%;
    margin-top: .7em;
    margin-bottom: .5em;
    color: #F2761B;
}

#integrante {
    display: flex;
    background-color: #F2761B;
    border-radius: .25rem;
    color: white;
    font-weight: bold;
    line-height: 1.7em;
    padding: .125em .5em;
    margin: 0 0 .3em;
}

#integrante:hover {
    background-color: white;
    color: #F2761B;
}



/*MATERIAS + GRILLA --------------*/

.contenedora.materias .contenedor {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr));
    grid-template-rows: auto;
    gap: 1em; /* Espacio entre las celdas de la grilla */
    margin: auto; /* Centrar el contenedor horizontalmente */
}

.cursadas, .cursando {
    background-color: #1F474A;
    border-left: solid 8px #F2761B;
    text-align: center;
    margin-block: .5em;
    padding: 1em;
    border-radius: .25em;

}

.cursando {
    padding-bottom: 6.3em;
}

.cursadas ul, .cursando ul {
    color: aliceblue;
    
}

.cursadas h3, .cursando h3 {
    text-align: center;
    color: aliceblue;
}



/*DATOS ACADEMICOS---------------*/

.academicos > ul > li {
    margin: 0em 1em 1em auto;
    padding: 0 0 0 3em;
    border-left: solid 8px #F2761B;
    border-radius: 0.25em;
    font-size: small;
}
  
.academicos img {
    display: block;
    width: 15em;
    aspect-ratio: 1;
    object-fit: contain;
    margin-top: -10%;
    margin-bottom: -10%;
}
  

/*GRILLA------------------------------*/


/* SECCION DATOS ACADEMICOS*/

.academicos > ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr));
    gap: 0em;
}
  

.academicos > ul > li {
    display: flex;
    flex-wrap: wrap;
    gap: 0em;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
}
  
.academicos h4{
    margin-block-start: 0;
}
  
footer p {
    /* elimina el margen inferior que viene predeterminado */
    margin-block-end: 0;

}