*{
  box-sizing:border-box;
}

body{
  margin: 0;
font-family: Arial, Helvetica, sans-serif;
margin: 1rem;
padding: 1rem;
color: hsl(0, 71%, 96%);
background: rgb(251,33,204);
background: linear-gradient(180deg, rgba(251,33,204,1) 0%, rgba(199,46,127,1) 35%, rgba(147,16,119,1) 100%);
}

p {
  line-height: 1.4;
  font-weight: lighter;
  padding:1rem
}


p,
li,
figcaption {
  text-wrap: pretty;
}


p:first-child,
li:first-child {
  margin-block-start: 0;
}

p:last-child,
li:last-child {
  margin-block-end: 0;
}

p:last-child,
li:last-child {
  margin-block-end: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: hsl(0, 0%, 100%);
  font-weight: bold;
  line-height: 1.1;
  text-wrap: balance;
  padding: 1rem
}

img {
  max-width: 100%;
}

figure {
  margin: 0;
}

figure img {
  display: block;
}

a {
  text-decoration: none;
  color: hsl(313, 80%, 32%);
  font-weight: bold;
}

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

.contenedora {
  width:100%;
  margin-inline: auto;
}

.con-sombra-grande {
  border: 2px solid hsl(313, 80%, 32%);
  box-shadow: .5rem .5rem #931077;
  background-color: #e670c2;
  border-radius: 1vw;
}
.con-sombra-chica {
  border: 0.5px solid hsl(313, 80%, 32%);
  box-shadow: .5rem .5rem hsl(313, 80%, 32%);
  background-color: hsl(318, 70%, 67%);
  border-radius: 1vw;
}

header,
footer {
  background-color: hsl(318, 70%, 67%);
  color: hsl(0 0% 95%);
  padding: 1rem;
  margin: 1rem;
  border-radius: 1vw;
}

#logo {
  width: min(100%, 7.5rem);
  background-color: hsl(318, 70%, 67%);
  margin-inline: auto;
}

#logo img {
    display: block;
    padding: .5rem .75rem;
    width: 100%;
  }

  header nav ul {
    margin-block-end: 1rem;
  }

  header nav li {
    margin-block-start: .5rem;
  }

  header nav a {
    background-color: hsl(0 0% 95%);
    color: hsl(313, 80%, 32%);
    display: block;
    padding-block: 0.25em .35em;
    text-align: center;
    border-radius: 100vw;
  }

  header nav a:hover,
  header nav a:focus-visible,
  .index nav li:first-of-type a,
  .inicio nav li:nth-of-type(2) a,
  .nav li:nth-of-type(3) a {
   
    background-color: hsl(313, 61%, 78%);
    color: hsl(306, 75%, 20%);
    border-color: hsl(306, 75%, 20%);
    box-shadow: .25rem .25rem hsl(306, 75%, 20%);
    outline: none;
  }

  section {
    padding-block: 1rem 1rem;
  }

  section > h1,
  section > h2,
  section > h3 {
    margin-block-end: 2em;
    padding: 0em 1em;
  }

  article {
    padding-block: 2rem 2rem;
  }

  .imagen-redondeada {
    padding: 0.5rem;
    border-radius: 25px;
    width: auto; 
    height: auto;
    justify-content: center;
}

  #alumno {
    width: min(80%, 5rem);
    background-color: hsl(318, 70%, 67%);
    margin-inline: centrer;
  }
  
  #alumno {
      display: flex;
      padding: 1rem .1rem;
      width: 100%;
    }  


.para-imagen-alumno {
  border: 3px solid hsl(313, 80%, 32%);
  box-shadow: .5rem .5rem hsl(313, 80%, 32%);
  background-color: hsl(318, 70%, 67%);
  border-radius: 3vw;
  justify-content: center;
  margin-block-end: 3em;
}

.materias {
  background: hsl(313, 61%, 78%);
  border-radius: 1vw;
  padding: 1rem;
  margin-block-end: 3em;
}

.materias-titulo {
  border: 2px solid hsl(313, 80%, 32%);
  box-shadow: .5rem .5rem hsl(313, 80%, 32%);
  background-color: hsl(318, 70%, 67%);
  justify-content: center;
  border-radius: 1vw;
  margin-block-end: 3em;
}

.para-materias {
  border: 3px solid hsl(313, 80%, 32%);
  box-shadow: .5rem .5rem hsl(313, 80%, 32%);
  background-color: hsl(0, 0%, 99%);
  border-radius: 3vw;
  justify-content: center;
  margin-block-end: 3em;
}

h4 {
  color: hsl(313, 80%, 32%);
}

.fondo-datos-academicos {
  background: hsl(0, 0%, 100%);
  border-radius: 1vw;
  padding: 1rem
}

.para-datos {
  border: 3px solid hsl(313, 80%, 32%);
  box-shadow: .5rem .5rem hsl(313, 80%, 32%);
  background-color: hsl(318, 59%, 72%);
  border-radius: 3vw;
  display:grid;
  justify-content: center;
  margin-block-end: 3em;
}


.academicos figure {
  aspect-ratio: 2;
  padding: .5rem;
}

.academicos img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

body { 
  min-height: 100dvh;
  display: grid;
  grid-template-rows: auto 1fr;
}

header {
  display: grid;
  grid-template-columns: 8rem 1fr;
  gap: 1rem;
  align-items: center;
}

header,
header nav ul li {
  margin: 0;
}

header nav ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr));
  gap: .5rem;
  width: min(100%, 30rem);
  margin-inline-start: auto;
}

.equipo article > div {
  display: grid;
  grid-template-rows: auto auto 1fr;
}

.equipo article > div {
  display: grid;
  grid-template-rows: auto auto 1fr;
}

.equipo article > div a,
.academicos > ul > li a {
  margin-inline-start: auto;
}

.academicos > ul > li {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 1rem;
}

.lista-materias{
  color: hsl(313, 80%, 32%);
  padding: 1.5rem
}

footer p {
  font-weight: lighter;
  margin-block-end: 0;
  max-width: 70rem;
  padding: 1rem;
  margin: 1rem;
}