@charset "utf-8";
*  {
    box-sizing: border-box;
}
body {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    margin: 0;
    color: rgb(37, 37, 37);
    background-color: rgb(255, 251, 247);
}
 p,
 li {
    text-wrap: pretty;
 }

h1,
h2,
h3,
h4 {
    color: black;
    line-height: 1.1;
    text-wrap: balance;
}

img {
    max-width: 100%;
}

a {
text-decoration: none;
color: rgb(0, 0, 0);
font-weight: bold;
}

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

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

header,
footer {
    background-color: rgb(255, 192, 162);
    color: black;
}

header {
    box-shadow: 0 10px 0px lightblue
}

#logo {
    display: block;
    border-radius: .2rem;
    padding: .25rem .5rem;
    background-color: lightblue;
    border: solid 1px rgb(0, 0, 0);
}

header nav ul {
    margin-block: 0;
}

header nav a {
    color: black;
    background-color: lightblue;
    display: block;
    width: 10rem;
    padding-block: .5em;
    border-radius: 50vh;
    text-align: center;
}

header nav a:hover,
header nav a:focus-visible,

.index nav li:first-of-type a,
.plan nav li:nth-of-type(2) a,
.mapa nav li:nth-of-type(3) a {
    background-color: rgb(162, 171, 255);
    color: black;
outline: none;
}

section.contenedora {
padding-block: 2em;
}

.titulo {
    border-block-end: 3px solid lightblue;
    padding-block-end: .25rem;
}

.comitente {
    font-size: 1.25em;
}

.comitente figure {
    margin: 0;
    width: clamp(10rem, 8rem + 25vw,30rem);
    margin-inline-end: 1rem;
}
.comitente img {
    border-radius: .35rem;
}

.equipo article {
    background-color: lightblue;
    margin-block: .5em;
    padding: .5em;
    border-radius: .25em;
}

.equipo img {
background-color: rgb(255, 192, 162);
width: 5em;
aspect-ratio: 1;
border: solid .1em rgb(0, 0, 0);
border-radius: 100%;
}

.equipotextos a {
    background-color: rgb(255, 192, 162);
    border-radius: 100vw;
    color: black;
    font-size: .85em;
    padding-block: .125em .25em;
    padding-inline: 1em .75em;
  }

  .equipotextos a:hover,
.equipotextos a:focus-visible {
  color: hsl(0 0% 95%);
  background-color:rgb(255, 92, 17);
  outline: none;
}

.datosAcademicos > ul > li:not(:last-of-type) {
    border-bottom: solid 2px lightblue;
    padding-block-end: 1.5em;
    margin-block-end: 1.5em;

}

.datosAcademicos > ul > li:not(:last-of-type) {
 
    border-bottom: solid 2px hsla(241, 82%, 28%, 0.297);
    padding-block-end: 1.5em;
    margin-block-end: 1.5em;
  }

  .datosAcademicos img {
    display: block;
    width: 8em;
    object-fit: contain;
    background-color: lightblue;
    padding: .5rem;
    border-radius: .25rem;
    box-shadow: 0 4px 4px transparent;
    transition: box-shadow .6s ease;
  }

  .datosAcademicos a:hover img {
    box-shadow: 0 4px 4px hsla(0, 0%, 0%, 0.608);
    transition: box-shadow .3s ease;
  }

  footer p {
    margin-block-end: 0;
  }

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

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

header nav ul {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
}



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

.equipo_articulos article {
    background-color: lightblue;
 display: grid;
 grid-template-columns: 6rem 1fr ;
}

.equipotextos {
    display: grid;
    grid-template-rows:  auto 1fr;
    gap: 1.25em;
}

.equipotextos > * { 
    margin: 0;
}

.equipotextos a {
    margin-inline-start: auto;
}

.datosAcademicos > ul {
    gap: 1rem;
}

.datosAcademicos > ul > li {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    justify-content: flex-start;
    align-content: flex-start;
}

.datosAcademicos h2 {
    margin-block-start: 0;
  }