*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root{
    --colorTextos: #576574;
    --colorBotones: #CC9933;
    --colorFondo:#2456a5;
    --colorPiepagina:#274679;
    --paddingSecciones: 60px 0;
    --marginElementos: 40px;
}

/* Nav */
@media (max-width: 1060px) {
    .menu__container .menu{
        position: fixed;
        display: block;
        background: var(--colorFondo);
        min-width: 350px;
        height: 100vh;
        top: 0;
        right: -100%;
        padding: 90px 50px;
        visibility: hidden;
        overflow-y: auto;
        transition: 0.5s;
        transition-property: right, visibility;
    }

    .menu__container .menu.active{
        right: 0;
        visibility: visible;
    }

    .menu__item{
        position: relative;
    }

    .menu__item .sub__menu{
        opacity: 1;
        position: relative;
        top: 0;
        transform: translateX(10px);
        background: rgba(255, 255, 255, 0.1);
        border-radius: 5px;
        overflow: hidden;
        display: none;
    }

    /* header.sticky .menu__item .sub__menu{
        top: 0;
    } */

    .menu__item:hover .sub__menu{
        transform: translateX(10px);
    }

    .menu__item .sub__menu .sub__item{
        box-shadow: none;
    }

    .menu__item .sub__menu .sub__item:hover{
        background: none;
    }

    .menu__item a{
        color: white;
    }

    .menu__item .sub__menu .sub__item a{
        color: white;
    }

    .menu__item .sub__menu .sub__item a:hover{
        color: var(--colorBotones);
        transition: 0.3s;
    }

    .more .more__menu{
        opacity: 1;
        position: relative;
        left: 0;
        transform: translateY(0);
        background: rgba(255, 255, 255, 0.1);
        border-radius: 5px;
        display: none;
    }

    .more .more__menu .more__item{
        box-shadow: none;
    }

    .more .more__menu .more__item:hover{
        background: none;
    }

    .more .more__menu .more__item a{
        margin-left: 20px;
    }

    .close{
        position: absolute;
        background: url(../img/close.svg)no-repeat;
        width: 40px;
        height: 40px;
        background-size: 25px;
        background-position: center;
        top: 0;
        left: 0;
        margin: 25px;
        cursor: pointer;
    }

    .menu__hamburguer{
        background: url(../img/menu.svg)no-repeat;
        width: 40px;
        height: 40px;
        background-size: 30px;
        background-position: center;
        cursor: pointer;
        display: block;
    }

    .nav__container{
        padding: 15px 20px;
    }
}

/* contactanos */
@media screen and (max-width:750px) {
    .contenedor-contactanos{
        width: 150%;
    }

    .maps{
        width: 80%;
        margin-bottom: 40px;
    }

    .informacion-contacto{
        height: auto;
    }

    .contactanos{
        width: 66%;
    }

}


/* Footer */

@media screen and (max-width:800px){
    .footer .footer__container{
        width: 90%;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 30px;
        padding: 35px 0px;
    }
}