* {box-sizing: border-box;}

:root {
    --color-textos: #181816;
    --color-textos-secundarios: #ffffff;
    --color-textos-alfa: #181816;
    --color-fondos: #fcd9f9;
    --color-1: #7e2160;
    --color-2: #e7b2d6;
    --color-3: #bb5199;
    --color-3-alfa: #69154e;
    --color-4: #5a1c45;

    --tipo-titulos: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --tipo-textos:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    
    --sombras:
    0
    3px
    2px
    var(--color-textos-alfa);
}




body {font-family: var(--tipo-textos);
    margin:0;
    background-color: var (var(--color-fondos));
    text-align: center;
}

h1,
h2,
h3,
h4 {
    font-family: var(---tipo-titulos);
}

img {max-width: 100%;
}
a {
    text-decoration: none;
color: var(--color-textos-secundarios);
font-family: var(--tipo-titulos);
font-weight: bold;
font-size: .9em;
margin: auto;
border-radius: 0.3em;
}

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

.contenedora {width: min (50rem, 100%);
margin-inline: auto;
padding: .5rem;

}

header,
footer {
  background-color: var(--color-1);
color: var(--color-textos-alfa);
text-align: center;
width: 100%;
margin-inline: auto;
padding: .8em;
}

header {
  box-shadow: var(--sombras);
}


 
   .menu-btn{
    background: var(--color-2);
  }

.menu-btn,
.menu-fondo {
  border-radius: 50%;
  padding: .75rem;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
}

.menu-btn .btn-linea {
  width: 1.5em;
  height: 3px;
  margin-block: 0.25em;
  background: var(--color-fondos);
  transition: all 0.3s ease-out;
}


header nav ul { 
  margin-block: 0;
  display: none;
}


header nav a {color: var(--color-fondos);
  background-color: var(--color-3);
  display: block;
  width: max-content;
  margin: .200em;
  padding-inline: 1em;
  border-radius: 1em;
}


header nav a:hover {
    background-color:var(--color-4);
    color: var(--color-textos-secundarios)

}
.index .btn-index,
.plan .btn-plan,
.mapa .btn-mapa {
    background-color: var(--color-3-alfa);
    color: var(--color-2)
}

section{
    padding-bottom: 2rem;
}

.comitente{
    font-size: 1.25em;

}

.titulo{
    border-block-end: 4px solid var(--color-1);
    padding-bottom: .30em;
}

.equipo{
    text-align: center;
    border-radius: 3em;
    padding: 0.5em;
    margin-top: 0.5em;

}

.equipo_img{
    border: solid .4em var(--color-4);
    border-radius: 50%;
    box-shadow:
    var(--sombras),
    var(--sombras) inset;
    width: 20em;
    aspect-ratio: 0;
}

.equipo_textos a{
    background-color: var(--color-4);
    border-radius: rem;
    color: var(--color-fondos);
    padding-block: .25em;
    padding-inline: 1em;
    text-align: center;
}

.academicos_img {
    width: 8em;
    text-align: center;
}

#datos {
    padding: 1em;
    font-size: 1em;
    margin-top: 1em;
    text-align: center;
}

#datos2 {
    padding: 1em;
    font-size: 1em;
    margin-top: 1em;
    text-align: center;
}

.academicos img { width: 8em;
}

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

@media(min-width: 30em) {
    header nav ul {
        display: block;
    }
    .menu-btn {
        display: none;
    }
}