@charset "utf-8";
* {
  box-sizing: border-box;
}

body {
  font-family: 'Lato', 'DM Sans', sans-serif;
  margin: 0;
  color: none;
  background-color: hsla(0, 0%, 100%, 0.588);
}

p {
  text-wrap: pretty;
}

h1, h2 {
  color: #1c193f;
  line-height: 1.1;
  text-wrap: balance;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
  font-weight: bold;
  color: #000000;
}

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

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

header,
footer {
  background: linear-gradient(86.63deg, #cebfff -14.08%, #bd91ff 44.31%, #ceacff 125.44%);
  color: hsl(0, 0%, 100%);
}

header {
  box-shadow: 0 4px 4px hsl(0 0% 0% / 20%);
}

#logodgpc {
  display: block;
  border-radius: none;
  width: 5rem;
  padding: .1rem .1rem;
  background-color: none;
  border: none;
}

header nav ul {
  margin-block: 0;
}

header nav ul li {
    margin-right: 1px;
}

header nav a {
  color: hsl(0 0% 95%);
  background-color: #8569b2;
  display: block;
  width: 5.1em;
  padding-block: 0.25em .5em;
  border-radius: 100vw;
  text-align: center;  
  border: solid .1em #ffffff;
}

header nav a:hover,
header nav a:focus-visible {
  background-color: hsl(0 0% 95%);
  color: #8699e8;
  outline: #ffffff;
}

.titulo {
  border-block-end: 4px solid #bcb1ff;
  padding-block-end: .27rem;
}

#fotobehance {
  width: 3rem;
  aspect-ratio: 1;
  box-shadow: 0 4px 4px #60606023;
  display: block;
  margin-top: 1em;
  margin-bottom: 2em;
  transition: transform 0.3s ease;
}

#fotolucila {
  width: 20rem;
  aspect-ratio: 1;
  border: solid .2em #d59bfa;
  box-shadow: 0 4px 4px #60606023;
  display: block;
  margin: auto;
  margin-top: 1em;
  margin-bottom: 2em;
  transition: transform 0.3s ease;
}

#fotolucila:hover {
  transform: scale(1.1); 
}

.presentacion-column {
  margin: 10px;
}

.presentacion-column img {
  display: block;
}

.presentacion-column p {
  margin-top: 20px; 
}

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

.equipo_articulos article {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2rem;   
  border: solid 2px #f4f1ff;
  border-radius:20px;
  box-shadow:gray;
  padding: 1rem; 
  background-color: #c7b8ff59;
}

.equipo_img {
  width: 100%;
  height: auto; 
  border: solid 2px #beaaf8; 
  border-radius: 10px; 
}

.equipo_textos {
  display: grid;
  grid-template-rows: auto auto 1wfr;
  gap: 1.25em;
}

.academicos > ul > li {
  display: grid;
  grid-template-columns: auto 1fr; 
  gap: 1em;
  margin-bottom: 1em;
}

.academicos img {
  width: 7em; 
  aspect-ratio: 1;
  object-fit: cover; 
  border-radius: 10px; 
  margin-right: 1em; 
}

.academicos img {
  display: block;
  width: 7em;
  aspect-ratio: 1;
  object-fit: contain;
  background-color: white;
  padding: .5rem;
  border-radius: .25rem;
}

footer p {
  margin-block-end: 1rem;
}

body {
  min-height: 100dvh;
}

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

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

.equipo_articulos {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.equipo_articulos article {
  margin-right: auto;
}


.equipo_textos {
  display: flex;
  flex-direction: column;
  gap: 1.25em;
}

.academicos > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}

.academicos > ul > li {
  margin-right: auto;
  gap: 1em;
}

#fotochicas {
  width: 10rem;
  aspect-ratio: 1;
  border-radius: 80px;
  display: block;
  margin: auto;
  margin-top: 1em;
  margin-bottom: 2em;
 }