@charset "utf-8";
/* CSS Document */
h1 {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: -1;
    transform:translateY(-110%);
    margin: 0px;
}
#navegadorsuperior a:nth-of-type(2), #menulateral > nav > a:nth-of-type(2) {
    font-weight: 600;
    text-decoration: underline;
}
#navegadorsuperior a:nth-of-type(2):hover, #menulateral > nav > a:nth-of-type(2):hover {
    background-size: 0% 0%;
}

header.pequeno {
    background-color: var(--colorblanco);
}
header.pequeno #navegadorsuperior a{
    color: var(--morado500);
}
header:not(.pequeno)  > nav > a {
    background-image:url("../imagenes/puntoblanco.png"); 
}
header:not(.pequeno) #logo {
    filter: grayscale(100%) invert(100%) brightness(300%);
}


#navegadorsuperior a {
    color: var(--blanco);
}
#iconoabrirmenu {
    color: white;
}
main {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: var(--margen);
    padding-right: var(--margen);
    background-color: transparent;
    color: white;
    background: linear-gradient(192.38deg, rgba(209, 208, 217, 0.4) 48.17%, rgba(130, 122, 184, 0.4) 70.13%), linear-gradient(206.03deg, #7C73BF 16.45%, #CAC6E5 39.47%);
}
section h2 {
    margin-bottom: 0px;
}

#contenedor1 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    min-height: 90vh;
}
#contenedor1 > .texto {
    margin-left: var(--margen);
    margin-right: var(--margen);
    text-align: center;
}
#contenedor1 > .texto > h2, section h2 {
    font-weight: 700;
    font-size: 2.75em;
    color: var(--morado500);
}
#contenedor1 > .texto > h2 span {
    font-weight: 450;
}
#contenedor1 > .texto > h2 {
    position: relative;
    z-index: 3;
    display: block;
    margin: 0px auto;    
    max-width: 1100px;
    color: var(--blanco);
}

#fondocontenedor1 {
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: .6;
}
#fondocontenedor1 > img, .seccionconadorno > div:first-of-type img, #misionymetodo .adorno > img {
    display: block;
    width: 100%;
    height: auto;
}
#fondocontenedor1 > img {
    height: 100%;
}
#botonsolicitarinformacion {
    position: fixed;
    right: var(--margen);
    bottom: 10vh;
    opacity: .8;
    z-index: 3;
    font-weight: 500;
    font-size: 1.25em;
    background-color: var(--naranjabotonal80);
    border-color: var(--naranjabotonal80);;
}
.conilustracion {
    display: flex;
}
.conilustracion > div:first-of-type {
    flex-grow: 1;
}
.conilustracion > div:last-of-type {
    flex-grow: 0;
    flex-shrink: 0;
    width: 36%;
    position: relative;
    align-self: center;
}
.conilustracion > div:last-of-type > img {
    display: block;
    width: 100%;
    height: auto;
}
.conilustracion h3 {
    margin-bottom: 0px;
}
.conilustracion  h3.abierto {
    color: var(--morado300);
}
.conilustracion h3 + p {
    margin-top: .5em;
}
main p {
    font-size: 1.25em;    
}
.conilustracion  h3 {
    cursor: pointer;
    font-weight: 600;
    font-size: 1.5em;
    margin-bottom: 0px;
}
#contenedor3 {
    flex-direction: row-reverse;
}
#contenedor3 p {
    font-size: 1.5em;
}
h2 {
    font-size: 2.5em;
    font-weight: bold;
    color: var(--morado500);
}
.conilustracion, #contenedor4,#contenedor5 {
    min-height: 90vh;
    margin-top: 5vh;
    margin-bottom: 5vh;
}
.conilustracion h2 + p, .conilustracion  h3 {
    cursor: pointer;
    font-weight: 600;
    font-size: 1.5em;
    margin-bottom: 0px;
}


.conilustracion  h3 {
    padding-left: 1em;
    border-bottom: solid 1px white;
}
.conilustracion   p:first-of-type:not(:only-child) {
    margin-bottom: 0px;
}
.conilustracion   p:first-of-type:not(:only-child) + p {
    margin-top: 0px;
}

#xtapador {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
}
#contenedor5 {
    padding-left: var(--margen);
    padding: var(--margen);
    text-align: center;
    min-height: 0px;
    padding-bottom: 5em;
}
#contenedor5 > p:first-of-type {
    margin-left: 6em;
    margin-right:6em;
    font-size: 1.5em;
    font-weight: 500;
}
@media (max-width: 1100px) {
     .conilustracion, #contenedor4,#contenedor5 {
        min-height: 50vh;
    }
}
@media (max-width: 700px) {
   
    #contenedor1 > .texto > h2 {
        font-size: 2em;
    }
     .conilustracion {
        position: relative;
    }
    #cuerpo .conilustracion .contenedoranimacion {
        position: absolute;
        top: 5%;
        left: 0%;
        width: 100%;
        opacity: .4;
        z-index: 1;
        
    }
    .conilustracion > div:first-of-type {
        position: relative;
        width: 100%;
        z-index: 2;
        
    }
    #contenedor5 {
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    #contenedor5 > p:first-of-type {
        margin-left: var(--margen);
        margin-right: var(--margen);
    }
    #botonsolicitarinformacion.alfinal {
        right: 50%;
        transform: translateX(50%);
    }
}
@media (max-width: 420px) {
    #botonsolicitarinformacion, #contenedor5 .boton2 {
        font-size: 1.15rem;
    }
}