*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


:root{
    --color-fondo:#00012c;
    --color-contenedor:#141516;
    --color-card:#eeff00;
    --color-texto:#ffffff;

    --borde-contenedor:#eeff00;
    --borde-perfil:#e5ff00;
}

.menu li a{
    color: #00012c;
    font-weight: bold;

}


body{
    background-color:var(--color-fondo);
    color:var(--color-texto);
    font-family:Arial, Helvetica, sans-serif;
}

a{
    color:var(--color-texto);
    text-decoration:none;
}

img{
    max-width:100%;
    display:block;
}


header{
    width:100%;
    max-width:60rem;
    margin:1rem auto;
}

nav{
    background-color: #eeff00;
    border:6px solid var(--borde-contenedor);
    border-radius:1rem;
    padding:1rem 1.5rem;

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:2rem;
    flex-wrap:wrap;
}

nav img{
    height:4rem;
    width:auto;
}

nav ul{
    display:flex;
    list-style:none;
    gap:1rem;
    flex-wrap:wrap;
}



.contenedor{
    width:100%;
    max-width:60rem;
    margin:0 auto;
    background-color:var(--color-contenedor);
    padding:2rem;
    border-radius:1rem;
    border:6px solid var(--borde-contenedor);
}



.perfil{
    text-align:center;
    margin-top:2rem;
}

.perfil h1{
    font-size:clamp(2rem, 5vw, 3rem);
    margin-bottom:1rem;
}

.foto-perfil{
    width:12rem;
    margin:0 auto;
    border-radius:0.75rem;
    border:2px solid var(--borde-perfil);
}

.descripcion{
    max-width:35rem;
    margin:1rem auto 0 auto;
    line-height:1.5;
}



.materias{
    display:flex;
    gap:2rem;
    justify-content:center;
    margin-top:2rem;
    flex-wrap:wrap;
}

.card{
    flex:1 1 18rem;
    max-width:22rem;

    background-color:var(--color-card);

    padding:1.5rem;
    border-radius:0.75rem;

    color: #000000;
}

.card:first-child{
    border:2px solid var(--borde-aprobadas);
}

.card:last-child{
    border:2px solid var(--borde-cursando);
}

.card h2{
    margin-bottom:1rem;
    font-size:1.3rem;
}

.card ul{
    margin-top:1rem;
    margin-left:1.5rem;
    text-align:left;
}

.card li{
    margin-bottom:0.75rem;
}



footer{
    width:100%;
    margin-top:2rem;
    padding:1.5rem 2rem;
    background-color:#00012c;
    color:#ffffff;
    text-align:center;
    font-size:0.9rem;
    line-height:1.5;
}

footer p{
    max-width:70rem;
    margin:0 auto;
}


.datos-academicos{
    width:100%;
    max-width:60rem;
    margin:2rem auto;
}

.datos-academicos h2{
    margin-bottom:1.5rem;
    font-size:2rem;
}

.academico-box{
    background-color:var(--color-contenedor);
    border:2px solid var(--borde-contenedor);
    border-radius:0.75rem;
    padding:1.5rem;
    margin-bottom:1.5rem;
}

.academico-box h3{
    margin-bottom:1rem;
}

.academico-box p{
    margin-bottom:1rem;
}

.academico-box ul{
    list-style-type:none
}

.academico-box li{
    margin-bottom:0.5rem;
}


.equipo {
  display: flex;
  justify-content: center;
  gap: 60px;
  margin-top: 2rem;
  margin-bottom: 2rem;
  color: #ffffff;
}

.equipo img{
    width: 100px;
    height: 100px;

    border-radius: 50%;

    margin-bottom: 15px;
}

.equipo a{
    font-weight: bold;

}

.titulo-equipo{
    text-align: center;
    color: #ffffff;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.equipo article h3{
    margin-bottom: 0.2rem;
}

.equipo article p{
    margin-bottom: 1rem;
}