@charset "utf-8";
/* CSS Document */
h1 {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: -1;
    transform:translateY(-110%);
    margin: 0px;
}
main {
    background: linear-gradient(192.38deg, rgba(189, 185, 215, 0.4) 48.17%, rgba(174, 170, 206, 0.4) 70.13%), linear-gradient(206.03deg, rgba(124, 115, 191, 0.4) 16.45%, rgba(202, 198, 229, 0.4) 39.47%), #FFFFFF;
}
#menulateral > nav > a:nth-of-type(7) {
    font-weight: 600;
    text-decoration: underline;
}
#navegadorsuperior a:nth-of-type(7) {
    font-weight: 600;
    background-size: 100% 1px;
}

.contenedorfuera  {
    font-weight: 500;
}
.contenedorfuera:first-of-type {
    margin-bottom: 3em;
}
#contenedor1 {
    padding-top: 6em;
}
#contenedor1 p {
    font-size: 1.125em;
}
#contenedortodo {
    border-radius: 1em;
    border-top-right-radius: 1em;
    background-color: var(--u-i0);
    position: relative;
    z-index: 4;
    padding-top: 3em;
    padding-bottom: 3em;
}
#contenedortodo > div , .contenedorfuera {
     padding-left: 12em;
    padding-right: 12em;
}
h2 {
    color: var(--morado500);
    font-size: 1.5em;
}
#contenedortodo h3 {
    font-size: 1.18em;
    margin-left: 3em;
}
#contenedor2 {
    margin-bottom: 3em;
}
#contenedor2 > div > span {
    display: block;
    background-color: var(--blanco);
    padding: 1em;
    width: 40%;
    margin-bottom: 1em;
    margin-left: 20%;
    text-align: center;
    border-radius: 8px;
    font-size: 1.375em;
    transition: background-color .3s ease-in-out 0s,opacity 1s ease-in-out, transform 1s ease-in-out; ;

}
#contenedor2 > div > span:nth-of-type(2n) {
    margin-left: 40%;
}
#contenedor2 > div img {
    width: 2.5em;
    height: auto;
    vertical-align: middle;
    transition: transform .3s ease-in-out 0s;
}
#contenedor2 > div > span:hover {
    background-color: var(--morado100);
}
#contenedor2 > div >span:hover img {
    transform: scale(1.2);
}
#contenedorformulario {
    background-color: var(--blanco);
}
#contenedorformulario {
    padding-top: var(--margen);
    padding-bottom: var(--margen);
/*    padding-left: 12em;
    padding-right: 12em;*/
    border-radius: 14px;
    display: flex;
    justify-content: center;
}
#solicitarinformacion {
    width: 100%;
    max-width: 600px;
 
}
#solicitarinformacion *::placeholder {
    color: var(--morado300);
}
/*#solicitarinformacion input:not([type="submit"]), #solicitarinformacion textarea  {
    box-shadow: none;
    border-image: none;
}*/
#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%;
}
#solicitarinformacion > p:last-of-type {
    text-align: right;
}
#contenedortodo #contenedor4 {
    padding-right: 0px;
    margin-top: 3em;
}
#contenedormapa {
    display: flex;    
    border-radius: 14px;
}
#contenedormapa > div:first-of-type {
    padding: 2em 3em;
    background-color: var(--blanco);
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
}
#contenedormapa > div:first-of-type p {
    line-height: 1.5em;
    font-size: 1.125em;
}
#contenedormapa > div:last-of-type {
    position: relative;
    flex-grow: 1;
    background-color: var(--blanco);
}
#contenedormapa > div:last-of-type img {
    width: 100%;
    height: auto;
}
#contenedormapa > div:last-of-type iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
}
#contenedormapa h3 {
    margin-left: 0px;
    margin-bottom: 0px;
}
#contenedormapa h3:last-of-type {
    margin-top: 1.5em;
}
#contenedormapa p {
    color: var(--morado500);
}
#contenedor5 {
    margin-top: 3em;
}
#contenedorredes {
    padding: 3em var(--margen);
    border-radius: 14px;
    background-color: var(--blanco);
}
#contenedorredes h3 {
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 1.5em;
}
#contenedorredes > div {
    display: flex;
    justify-content: space-between;
}
#contenedorredes span {
    font-size: 1.25em;
    padding: 1.175em 2em 1.2em 2em;
    background-color: var(--u-i0);
    border-radius: 8px;
   white-space: nowrap;
    display: flex;
    align-items: center;
    transition: background-color .3s ease-in 0s;
    cursor: pointer;
}
#contenedorredes span:hover {
    background-color: var(--morado100);
}
#contenedorredes img {
    height: 1.2em;
    margin-right: .5em;
    width: auto;
    vertical-align: middle;
}
#contenedorredes a {
 color: var(--morado500);
    text-decoration: none;
}
#contenedor6 {
    margin-top: 6em;
    margin-bottom: 4em;
}
#contenedor6 h2, #contenedor6 p {
     font-size: 1.75em;
    font-family: 'Syne', sans-serif;
    font-weight: 700;
}
#contenedor6 h2 {
    color: var(--negro);
}
#contenedor6 p {
    text-align: right;
    color: var(--morado500);
}
@media (max-width: 1150px) {
   #contenedortodo > div , .contenedorfuera { 
       padding-left: var(--margen);
       padding-right: var(--margen);
    }
}
@media (max-width: 1050px) {
    #contenedorredes > div {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #contenedorredes > div > span {
        min-width: 0px;
        text-align: center;
        margin-bottom: 1em;
        width: 49%;
        justify-content: center;
    }
}
@media (max-width: 950px) {
    #contenedortodo h3 {
        margin-left: 0em;
    }
    #contenedorformulario, #contenedortodo #contenedor4 { 
       padding-left: var(--margen);
       padding-right: var(--margen);
    }
    #contenedor2 > div > span {
        width: 60%;
        margin-left: 10%;
    }
    #contenedor2 > div > span:nth-of-type(2n) {
        margin-left: 30%;
    }
    #contenedortodo #contenedor4 {
        margin-top: 0px;
    }
    #contenedormapa {
        flex-direction: column;
    }
    #contenedormapa > div:last-of-type {
        background-color: transparent;
    }
    #contenedormapa > div:last-of-type iframe {
        border-radius: 1em;
    }
    #contenedormapa > div:first-of-type {
        background-color: transparent;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    #contenedormapa > div:first-of-type > div:last-of-type{
        align-self: flex-end;
        text-align: right;
    }
    #contenedor6 {
        margin-top: 4em;
    }
@media (max-width: 820px) {
    #contenedortodo h3 {
        font-size: 1.675em;
    }
    
    .boton2, .boton6 {
        font-size: 1.15em;
    }
    #contenedor1 p {
        font-size: 1.375em;
        margin-top: .375em;
    }
    #contenedor1 h2 {
        font-size: 2em;
        margin-bottom: 0px;
    }
    #contenedormapa  div:first-of-type p {
        font-size: 1.375em;
    }
}
@media (max-width: 600px) {
    #contenedor2 > div > span {  
        width: 90%;
        margin-left: 0%;
    }
    #contenedor2 > div > span:nth-of-type(2n) {
        margin-left: 10%;
    }
}
@media (max-width: 500px) {
    #contenedor2 > div > span {  
        width: 100%;
    }
    #contenedor2 > div > span:nth-of-type(2n) {
        margin-left: 0%;
    }
    #contenedor2 > div > span img { 
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
        
    #contenedorredes > div {
        min-width: none;
        align-items: stretch;
    }
    #contenedorredes > div {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    #contenedorredes > div > span {
        min-width: 0px;
        text-align: center;
        margin-bottom: 1em;
        width: 100%;
        justify-content: center;
    }
    #contenedor6 .asterisco {
        display: none;
    }
    
    #contenedormapa > div:first-of-type {
        padding-left: 0px;
        padding-right: 0px;
    }

}
@media (max-width: 400px) {
    #contenedor6 h2, #contenedor6 p {
         font-size: 1.5em;
    }
}