*{
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    }
    
    :root{
        --color-textos: #575757;
        --color-fondo: #f2f2f2;
        --color-1: #59AD77;
        --color-2: #FE5D26;
        --color-3: #FAE4AA;
        --color-5: #A8DB8E;
        --color-6: #9283be;
        --textos-cuerpo: serif;
        --textos-titulos: sans-serif;
}
img {
        max-width: 100%;
}
a {
        text-decoration: none;
        color: var(--color-6);
        font-family: var(--tipo-titulos);
        font-weight: bold;
}
ul,
ol {
        list-style: none;
        padding: 0px;
}
header .contenedora{
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1em;
}
header img{
        width: 20%;
        height: auto;
        margin: 1em;
}
header, footer {
        background-color: var(--color-1);
        margin-inline: 0%;
}
header .nav{
        background-color: var(--color-1);
}
header nav a {
        color: var(--color-fondo);
        background-color: var(--color-4);
        display: block;
        width: max-content;
        margin: .125rem;
        padding-block: .25em;
        padding-inline: 1em;
        border-radius: 0.25em;
}
header nav a:hover {
        background-color: var(--color-1);
        color: var(--color-5);
}
.plan img{
        text-align: center;
}
body {
        width: min( 100rem, 100%);
        margin-inline: auto;
        background-color: var(--color-fondo);
}
p {
        margin-block-end: 0%;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;;
        color: var(--color-textos);
}
.acumar p {
        margin-block-end: 0%;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;;
        color: var(--color-textos);
        text-align: center;
}
h1{
        font-family: var(--textos-titulos);
        color: var(--color-fondo);
        text-align: center;
        font-size: xx-large;
}

h3{
        font-family: var(--textos-titulos);
        color: var(--color-2)
}
.acumar h3{
        text-align: center;
}
h2{
        width: 100%;
        padding-inline-start: 1em;
        text-align: center;
        font-size: x-large;
        font-family: var(--textos-titulos);
        color: var(--color-6)
}

.equipo, .academicos, .acumar, .logos {
        margin-inline: auto; 
        display: flex;
        flex-direction: column;
        margin-block: .5em;
        padding: 1em;
}
.comitente{
        margin-inline: auto; 
        display: block;
        flex-direction: column;
        margin-block: .5em;
        padding: 1em;
}
.equipo article{ 
        background-color: var(--color-5);
        margin-block: .5em;
        padding: 1em;
        border-radius: .25em;
        flex-wrap: wrap;
}
.comitente{ 
        background-color: var(--color-5);
        margin-block: .5em;
        padding: 1em;
        border-radius: .25em;
        flex-wrap: wrap;
}
.academicos{ 
        background-color: var(--color-5);
        margin-block: .5em;
        padding: 1em;
        border-radius: .25em;
        flex-wrap: wrap;
}  
.academicos ul{
        flex-wrap: wrap;
        margin-block: .5em;
        padding: 1em;
        border-radius: .25em;
}
.academicos h3{
        text-align: center;
}

.logos{
        display: flex;
}
.logos ul {
        margin: 0 0 0 1em;
        border-color: solid 1em var(--color-5);
        background-color: var(--color-fondo);
    }
    
    .logos img {
        text-align: center;
        height: 4em;
        margin: 1em 0;
    }
    
    .logos ul li {
        margin: 1em 1em 3em 0em;
        padding: 0 0 0 1em;
    }
    
    .textos {
        font-size: 0.8em;
    }
    
    .logos ul {
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 0,0,0, 1em;
        gap: 1em;

}
.equipo img {
        background: var(--color-2);
        border: solid .4em var(--color-fondo);
        border-radius: 50%;
        width: 8em;
        aspect-ratio: 1;
}
.equipo-textos{
        padding: 1em;
        margin: 1em;
        background-color: var(--color-fondo);
}
.equipo_textos a {
        background-color: var(--color-1);
        border-radius: .25rem;
        color: var(--color-3);
        padding-block: .25em;
        padding-inline: 1em;
}
.equipo_textos a:hover {
        color: var(--color-fondos);
        background-color: var(--color-3);
}
#foto_casiana{
        width: 12em;
        height: auto;
}
header .lista{
        display: flex;
        justify-content: space-between;
        align-items: center;
        
}
nav ol li a:hover {
        border-bottom: solid var(--color-fondo);
      }

.adjuntos{
        display: block;
        padding: 1em;
        margin: 1em;
        background-color: var(--color-fondo);        
}
.adjuntos h3{
        margin-block-start: 0%;
}

.header nav ul {
        display: contents;
        background-color: var(--color-1);

}




@media screen and (min-width:768px) {
.equipo{
        flex-direction: row;
}

.equipo article{
    margin-inline: .5em;
}
body {
        background-color: var(--color-fondo);
}
.header nav,
.header nav ul {
        display: contents;
        background-color: var(--color-1);
}
.header nav ul li:first-of-type{
        margin-inline-start: auto;
}
.plan .imagenplan{
        max-width: 100%;
        text-align: center;
}
}

.logos ul {
        margin: 0 0 0 1em;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    
    .logos img {
        text-align: center;
        height: 4em;
        margin: 1em 0;
    }
    
    .logos ul li {
        margin: 1em 1em 3em 0em;
        padding: 0 0 0 1em;
    }
    
    .textos {
        font-size: 0.8em;
    }