@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(3), #menulateral > nav > a:nth-of-type(3) {
    font-weight: 600;
    text-decoration: underline;
}
#navegadorsuperior a:nth-of-type(3):hover, #menulateral > nav > a:nth-of-type(3):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%);
}
#cuerpo div.verenpequeno {
    display: none;
}
#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);
}
section h2 {
    margin-bottom: 0px;
}
#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 {
    display: block;
    width: 100%;
    height: 100%;
}

.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;
}
#contenedor3 {
    flex-direction: row-reverse;
}
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 h2 + p + p{
    font-size: 1.25em;
    font-weight: 500;
    margin-bottom: 0px;
}
.conilustracion h2 + p {
    margin-bottom: 1em;;
}
.conilustracion  h3 {
    cursor: pointer;
    font-weight: 600;
    font-size: 1.5em;
    margin-bottom: 0px;
    transition: color .4s ease-in 0s;
}
.conilustracion  h3.abierto {
    color: var(--morado300);
}
.conilustracion  >div > div {
    margin-left: var(--margen);
}
.conilustracion  h3 {
    padding-left: 1em;
    border-bottom: solid 1px white;
}
.conilustracion >div:first-of-type  p:last-of-type:not(:only-child) {
    margin-bottom: 0px;
}
.conilustracion >div:first-of-type  p:first-of-type:not(:only-child) + p {
    margin-top: 0px;
}
#xtapador1, #xtapador2 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
}
#contenedor4 > p {
    width: 80%;
}
#contenedor4 > div {
    margin-left: var(--margen);
    margin-right: var(--margen);
    display: flex;
    justify-content: space-between;
}
#contenedor4 img {
    width: 22%;
    height: auto;
    border-radius: 50%;    
}
#contenedor4 img:nth-of-type(2n) {
    margin-top: 10vw;
}
        
#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;
}
#contenedorsolicitarinformacion {
    position: absolute;
    z-index: 20;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0px;
    left: 0px;
    width: 100%;
    min-height: 100%;
    transform: scale(1,0);
    transition: transform .3s ease-out 0s;
    
    
}
#contenedorsolicitarinformacion.abierto {
    transition: transform .3s ease-in 0s;
    transform: scale(1,1);
}
#contenedorformulario {
    max-width: 1000px;
    min-width: 340px;
    position: relative;
    z-index: 20;
    margin-left: 2em;
    margin-right: 2em;
}
#solicitarinformacion {
    background: var(--blanco);
    border-radius: 6px;
    padding: 3em 4em 2em 4em;
    margin-top: .5em;
   
}
#solicitarinformacion h2 {
    margin-top: 0px;
    font-size: 1.5em;
    font-weight: 600;
    color:black;
}
#contenedorcamposformulario {
    padding-left: 6em;
    padding-right: 6em;
}
#solicitarinformacion > p:last-of-type {
    text-align: right;
}

/*#solicitarinformacion input:not([type="submit"]), #solicitarinformacion textarea  {
    border-color: var(--morado200);
    box-shadow: none;
    border-image: none;
    border-style:solid;
    border-radius: 4px;
    border-width: 1px;
    padding: .25em;
    color: var(--morado600);
}*/
#solicitarinformacion a {
    color: var(--morado500);
}
#solicitarinformacion p:not(:last-of-type) input[type="text"]:not(.estrecho), #solicitarinformacion p:not(:last-of-type) input[type="email"]:not(.estrecho), #solicitarinformacion p:not(:last-of-type) textarea {
    width: 100%;
    
}

#solicitar {
    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);;
}
#solicitar:hover {
    background-color: var(--rojo600al80);
    border-color: var(--rojo600al80);
}
.contenedoraperturavertical {
    transition-duration: .4s;
}
.contenedoraperturavertical p, #contenedor4 p {
    font-size: 1.25em;
}
@media (max-width: 1100px) {
    .conilustracion, #contenedor4,#contenedor5 {
        min-height: 50vh;
    }
    #contenedor4 {
        margin-top: 4em;
    }
}
@media (max-width: 1000px) {
    #contenedor4 img {
        width: 27%;
    }
    #contenedor4 img:not(:first-of-type) {
        margin-left: -6%;
    }
}
@media (max-width: 700px) {
    #contenedorcamposformulario {
        padding-left: 1em;
        padding-right: 1em;
    }
    #solicitarinformacion {    
        padding: 2em 1em;
        margin-top: .5em;
    }
    #cuerpo div.verenpequeno {
        display: flex;
    }
    #cuerpo div.verengrande {
        display: none;
    }
    #contenedor1 > .texto > h2 {
        font-size: 2em;
    }
    .conilustracion.anchomaximo {
        min-height: 70vh;
        position: relative;
    }
    #cuerpo .conilustracion .contenedoranimacion {
        position: absolute;
        top: 5%;
        left: 0%;
        width: 100%;
        opacity: .4;
        z-index: 1;
        
    }
    .conilustracion.anchomaximo > div:first-of-type {
        position: relative;
        width: 100%;
        z-index: 2;
        
    }
    #contenedor4 {
        min-height: 0px;
    }
    #contenedor4 > p {
        width: 100%;
    }
    #contenedor4 > div {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
    #contenedor4 img {
        width: 60%;
        min-width: 250px;
    }
    #contenedor4 img:nth-of-type(2n) {
        margin-top: 0px;
        align-self: flex-end;
        margin-left: 0%;
    }
    #contenedor4 img:nth-of-type(2n+1) {
        align-self: flex-start;
        margin-top: 0px;
        margin-left: 0%;
    }
    #contenedor4 img:not(:first-of-type) {
        margin-top: -6em;
    }
    #contenedor5 > p:first-of-type {
        margin-left: var(--margen);
        margin-right: var(--margen);
    }
    #solicitar.alfinal {
        right: 50%;
        transform: translateX(50%);
    }
}
@media (max-width: 480px) {
    #contenedor4 img:not(:first-of-type) {
        margin-top: -4em;
    }
}