header > .social {
    display: none;
}

header .social {
    max-height: initial;
    padding: initial;
    background-color: transparent;
    overflow: hidden;
    opacity: 1;
    text-align: right;
}

header .top {
    padding: 15px !important;
}

    header .top .grid {
        grid-template-columns: 100px 1fr 100px;
    }

    header #menu .social ul li {
        margin: 0;
        padding: 0;
    }

        header #menu .social ul li a {
            padding: 0;
            padding-left: 10px;
            font-size: 1.9em;
        }

header #menu .toggle-menu {
    display: block;
    text-align: left;
    font-size: 2em;
}

    header #menu .toggle-menu i {
        vertical-align: middle;
        color: var(--blanco);
    }

header #menu #menu__list {
    width: 100vw;
    padding: 15px;
    background: var(--gris-v1-rgba);
    display: none;
    box-sizing: border-box;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 11;
}

    header #menu #menu__list li {
        display: block;
        text-align: center;
    }

        header #menu #menu__list li a {
            padding: 15px;
            display: block;
        }

    header #menu .has-submenu i {
        display: none;
    }

        header #menu .has-submenu .submenu {
            display: none;
        }

#menu__mobile {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 25px;
}

    #menu__mobile .social .fa-fw {
        width: initial;
    }

/* Elementos mobile */

.mobile {
    display: initial;
}

/*** SECCIONES ***/

    section {
        margin: 194px auto 35px;
    }