* {
	Box-sizing: border-box;
}

:root {
	--color-textos: rgb(99, 29, 73);
	--color-fondos: rgb(230, 221, 205);

    --color-1: rgb(230, 221, 205);
    --color-2: rgb(226, 90, 127);
    --color-3: rgb(99, 29, 73);
    --color-4: rgb(0, 169, 157);
    --color-5: rgb(255, 135, 0);

	--tipo-titulos: sans-serif;
	--tipo-textos: serif;
}

/*GENERAL*/

body {
	font-family: var(--tipo-textos);
    color: var(--color-3);
	margin: 0rem;
    background-color: var(--color-1);
    min-height: 100vh;
    min-height: -webkit-fill-available;
    display: flex;
    flex-direction: column;
}

html {
    height: -webkit-fill-available;
}
    

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

Img {
	max-width: 100%;
}


a {
    text-decoration: none; 
 }


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

p {
    margin-block-start: .125em;
}


/*HEADER*/

/*logos*/

.contenedor {
    margin-block-end: 0;
}

header {
    background-color: var(--color-4);
    padding: .5em;
} 

header  .logos {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 1em;
    align-items: center;
    margin-block-start: .125em;
}

#acumar {
    width: 110px;
}

/*botones*/

header nav a {
	margin-block: 0;
}  


header nav ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: .5em;

}

header nav a {
    color: var(--color-1);
    background-color: var(--color-5);
    border-radius: .125em;
    display: inline-block;
    width: min( 15rem, 95%);
    width: min( 50rem, 100%);
    padding-block: .125rem;
    padding-inline: 1em;
    border: solid 2px var(--color-5);
}


header  nav  a:hover {
    background: var(--color-1);
    border:   solid 2px var(--color-5);
    color: var(--color-5);
    border-radius: .125em;
}


/*MAIN*/

h1{
    text-align: center;
}


.contenedor {
    display: flex;
    flex-direction: column;
    padding-inline: 1em;
}

#poster {
    max-width: 100%;
}

#poster figure {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

/*enfoque*/

.comitente h2 {
    margin-block-end: 0;
    margin-block-start: 2em;
}

.comitente p {
    margin-block-start: .5em;
}


/*alumnas*/

.equipo {
    margin-block-start: 1rem;

}

.alumnas ul {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 gap: 2em;
}

.alumnas li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.alumnas nav a {
color: var(--color-1);
background-color: var(--color-5);
display: block;
text-align: center;
width: min( 20rem, 100%);
padding-block: .125rem;
padding-inline: 1em;
border-radius: .125em;
}

.alumas  nav  a:hover {
    background: var(--color-1);
    border:   solid 2px var(--color-5);
    color: var(--color-5);
}


/*datos*/

.academicos {
    margin-block-start: 1em;
}

.academicos h3 {
    margin-block-end: 0;
    margin-block-start: 1em;
}

.academicos ul {
    margin-block-start: .5em;
}





/*PLAN*/


.plan h2 {
    margin-block-end: .5em;
    margin-block-start: 1.5em;
}

.plan h3 {
    margin-block-end: 0;
    margin-block-start: 0;
}


.arquetipo {
    background-color: var(--color-1);
    padding: .125rem;
    padding-inline: .125rem;
}

.arquetipo ul {
    color: var(--color-2);
    text-align: center;
    margin-top: 2rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


 .arquetipo  a {
    color: var(--color-1);
    background-color: var(--color-5);
    display: inline-block;
    width: min( 15rem, 95%);
    padding-inline: .125em;
    padding-block: .125rem;
    border-radius: .150em;
    border: solid 2px var(--color-5);
}


.arquetipo a:hover {
    background: var(--color-1);
    color: var(--color-5);
    border-radius: .125em;
}

.arquetipo ul {
    display: flex;
    flex-wrap: nowrap;
}



footer p {
    margin: 1em;
padding-block-start: 1em;
    border-block-start: 2px solid var(--color-5);
font-weight: 50;
letter-spacing: .5px;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
font-size: small;
}





/*TABLETAS*/

@media (min-width: 768px) {

/*HEADER*/



header {
    background-color: var(--color-4);
    padding: .5em;
    padding-inline: 3em;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
} 

#acumar {
    width: 88px;
}

#logo {
    width: 50px;
}

/*botones*/

header nav a {
	margin-block: 0;
}  


header nav ul {
    justify-content: right;
}

header nav a {
    display: inline;
}

/*MAIN*/

.contenedor {
    padding-inline: 3em;
}


/*alumnas*/

.alumnas ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.alumnas nav a {
display: inline;
text-align: center;
width: min( 10rem, 100%);
padding-inline: .125em;
}


footer p {
    margin-inline: 5em;
}



/*MAPA*/

.mapa h4 {
    text-align: center;

}
.mapa figure {
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

.mapa {
    display: flex;
    flex-direction: column;
}

.mapa figure picture {
    width: 1000px;
}

}


/*PANTALLA*/

@media (min-width: 1200px) {




/*HEADER*/

header {
margin-inline: 20em
}

#poster {
    width: 960px;
    margin-inline: 20em;
}

#poster figure {
    margin-block-start: 0;
    margin-block-end: 2em;

    margin-inline-end: 5em;
}
/*MAIN*/

    .contenedor {
        padding-inline: 20em;
    }

.alumnas ul {
    gap: 5em;
}

.academicos h2 {
    margin-block-start: 2em;
}

.academicos h3 {
    margin-block-start: 2em;
}

footer p {
    margin-inline: 15em;
    margin-block-start: 2em;
font-weight: 500;
font-size: medium;
}


}