@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(4) {
    font-weight: 600;
    background-size: 100% 1px;
}
#menulateral > nav > a:nth-of-type(4) {
    font-weight: 600;
    text-decoration: underline;
}


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%);
}
#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%;
}
.seccionconadorno > .anchomaximo {
    min-height: 100vh;
    display: flex;
    align-items: center;
    position: relative;
}
.seccionconadorno  .contenedoranimacion {
}
#contenedor3 .anchomaximo {
    flex-direction: row-reverse
}
#contenedor3 .contenedoraperturavertical {
    font-size: 1.375em;
}
.seccionconadorno > .anchomaximo > div:first-of-type {
    width: 40%;
    flex-grow: 0;
    flex-shrink: 0;
}
.seccionconadorno > .anchomaximo > div:last-of-type {
    flex-grow: 1;
    margin-left: var(--margen);
    position: relative;
}
#xtapador {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
}

#contenedor2 p {
    font-weight: 500;
    font-size: 2.15em;
    margin-top: 0px;
}
section h2 {
    margin-bottom: .25em;
}
#contenedor3 {
    font-weight: 500;
}
#contenedor3 .tituloapartado {
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid white;
    padding-left: .5em;
    font-size: 3.5em;
    font-weight: 700;
    cursor: pointer;
    transition: color .2s linear 0s;
}
#contenedor3 .tituloapartado.abierto {
    color: var(--morado300);
}
#contenedor3 .contenedoraperturavertical > div {
    margin-right: 3em;
}
#misionymetodo {
    position: relative;
}
#misionymetodo .disco {
    position: absolute;
    top: 20%;
    height: 62%;
    border-radius: 50%;
    z-index: 3;
    background-size: 100% 100%;
}
#misionymetodo .disco img, #textocentral img {
    height: 100%;
    width: auto;
    display: block;
}
#disco1 {
    right: 47%;
    background-image:url("../imagenes/elproyecto/social.svg");
}
#disco2 {
    left: 47%;
    justify-content: flex-end;
    background-image:url("../imagenes/elproyecto/ambiental.svg");
}
#textocentral {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    height: 13%;
    z-index: 3;
}
#misionymetodo .adorno {
    width: 37%;
    position: absolute;
    z-index: 2;
}
#adorno1 {
    bottom: 0px;
    left: 0px;
}
#adorno2 {
    top: 0px;
    right: 0px;
}
#contenedor5 {
    font-size: 1.75em;
    font-weight: 600;
    text-align: center;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    max-width: 920px;
    margin-top: 2em;
    margin-bottom: 4em;
    
}
#contenedor5> span {
    color: var(--morado400);
}
#contenedor6 {
    margin-top: 4em;
    margin-bottom: 4em;
    width: 80%;
}
#contenedor6 h3 {
    margin-bottom: 0px;
}
#contenedor6 h3 + p {
    margin-top: .5em;
}
#contenedor6 p {
    font-size: 1.25em;    
}
@media (max-width: 1100px) { 
    .seccionconadorno > .anchomaximo {
        min-height: 70vh;
        position: relative;
    }
}
@media (max-width: 700px) {    
    #contenedor3 {
        min-height: 80vh;
    }
    #contenedor1 > .texto > h2, section h2 {
        font-size: 2em;
    }
    #cuerpo .seccionconadorno .contenedoranimacion {
        position: absolute;
        top: 5%;
        left: 0%;
        width: 100%;
        opacity: .4;
        z-index: 1;
        
    }
    .seccionconadorno > .anchomaximo > div:last-of-type {
        position: relative;
        width: 100%;
        z-index: 2;
        
    }
    #misionymetodo #disco1 {
        right: 50%;
        transform: translateX(50%);
        background-image:url("../imagenes/elproyecto/social-movil.svg");
    }
    #disco2 {
        left: 50%;
        transform: translateX(-50%);
        background-image:url("../imagenes/elproyecto/ambientalmovil.svg");
    }
    #misionymetodo .disco {
        top: 12%;
        height: 45%;
    }
     #misionymetodo #disco2 {
        top:inherit;
        bottom: 12%
    }
    #textocentral {
        height: 16%;
        padding-bottom: .25em;
    }
    #contenedor6 {
        width: 100%;
    }
    #contenedor2 p {
        font-size: 1.875em;
    }
    #contenedor3 .contenedoraperturavertical > div {
        margin-right: 0px;
    }
    #contenedor3 .contenedoraperturavertical {
        font-size: 1.25em;
    }
    #contenedor5 {
        font-size: 1.25em;
        width: 90%;
    }
}

.contenedoraperturavertical {
    transition-duration: .4s;
}