* {
    scroll-behavior: smooth;
}

/* HEADER */
 .nav-social__icons {
    display: flex;
    gap: 0.5em;
}

.nav-social__icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.25em;
    height: 1.25em;
    border-radius: 50%;
    border: 1px solid var(--texto);
    color: var(--texto);
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.nav-social__icons a i {
    font-size: .7em;
}

.nav-social__icons a:hover {
    background: var(--texto);
    color: var(--fondo);
}

header#masthead .site-branding img {
    max-height: 5em;
    width: 115px;
    height: 100%;
    max-width: unset;
}

header#masthead .leonera {
	width: 6em !important;
	flex-shrink: 0;
}

header#masthead .menu-ppal li:has(.sub-menu) {
    position: relative;
}

header#masthead .menu-ppal ul.sub-menu {
    position: absolute;
    top: 0;
    left: -.5em;
    translate: 0 1.25em;
    z-index: 9;
    background: var(--fondo);
    padding: 1em .5em .5em;
    display: flex;
    flex-direction: column;
    gap: .25em;
    width: max-content;
    opacity: 0;
    pointer-events: none;
    transition: all ease .25s;
}

@media (hover: hover) {
    header#masthead .menu-ppal li:has(.sub-menu):hover .sub-menu {
        opacity: 1;
        pointer-events: all;
    }
}

/* FOOTER */
#footer .footer-col--menu .sub-menu {
    display: none;
}