/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */




/* ============================================ close: VARIABLES ============================================ */

/* ============================================ open: ESTILOS GENERALES ============================================ */




/* ··················· header ··········· */

.header-light .idioma-separador {
    color:var(--main);
    filter:none !important;
  }

.header-light #et-secondary-nav li a:hover {
    transition: var(--transition);
  }
.header-light #main-header .et_menu_container {
    background-color: var(--Bg);
    backdrop-filter: none;
    border-bottom: 1px solid var(--neutral-10);

}
.header-light #main-header  {
    box-shadow: 0 0px 0 rgba(0,0,0,.0) !important;
}

.header-light #main-header .idioma-item a,
.header-light #main-header #et-secondary-nav li a {
    color: var(--main);
}

.header-light #main-header .burger-line {
    background-color: var(--main) !important;
}

.header-light #main-header .logo_container .logo-franco {
    filter: invert(1);
}


.header-dark #main-header .et_menu_container {
    background-color: rgba(var(--Black-rgb), 0.2);
    backdrop-filter: blur(4px);
}

.header-dark #main-header:not(.et-fixed-header) .idioma-item a,
.header-dark #main-header:not(.et-fixed-header) #et-secondary-nav li a {
    color: var(--text-light);
}

.header-dark #main-header:not(.et-fixed-header) .burger-line {
    background-color: var(--text-light);
}

.et_fixed_nav #main-header {
    padding: 0px;
    background: none;
    height: 100px !important;
}
#main-header{
    box-shadow: 0 0px 0 rgba(0,0,0,.0) ;
}

#main-header .et_menu_container {
    /*background-color: rgba(var(--Black-rgb), 0.2);
    
    backdrop-filter: blur(4px);*/
    border-radius: 0px;
    padding: 40px !important;
    height: 100px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    transition: 
        background-color 0.4s ease,
        backdrop-filter 0.4s ease,
        box-shadow 0.4s ease;
}

body.admin-bar.et_fixed_nav #main-header{
    box-shadow: 0px !important;
}

/* Cuando haces scroll */
#main-header.et-fixed-header .et_menu_container {
   /* background-color: rgba(224, 222, 217, 0.9);*/
}
#main-header.et-fixed-header .idioma-item a,
#main-header.et-fixed-header #et-secondary-nav li a {
    /*color: var(--main);*/
}

#main-header.et-fixed-header .burger-line {
   /* background-color: var(--main);*/
}

#main-header .et_menu_container::after {
    content: none !important;
}

#main-header .et_menu_container::before {
    content: none !important;
}


#main-header.et-fixed-header .logo_container .logo-franco{
   /* filter: invert(1);*/
}

#main-header.et-fixed-header .idioma-separador{
   /* filter: invert(1);*/
}

#main-header.et-fixed-header #et-top-navigation .mobile_menu_bar .burger-icon .burger-line {
   /* background-color: var(--main) !important;*/
}

/* logos */
#main-header .logo_container {
    height: 56px !important;
    display: flex;
    align-items: center;
    position: relative;
    width: auto;
    gap: 56px;
}

#main-header .logo_container a {
    display: flex;
    align-items: center;
    height: 100%;
}

#main-header .logo_container a.logo-franco img {
    height: 46px;
    max-height: 46px;
}

/* fin logos */
.content-header-right {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: end;
    width: 30%;
}

.idiomas-lista { width: 30%; }

/* menu secundario */
#et-secondary-nav {
    display: flex;
    flex-wrap: wrap;
}
#et-secondary-nav li {
    padding: 0px 14px;
    margin-right: 0px !important;
}
#et-secondary-nav li a {
    color: var(--text-light);
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px 0px;
    transition: var(--transition);
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
#et-secondary-nav li a:hover {
    transition: var(--transition);
}
/* fin menu secundario */


/* burger icon */
#main-header #et-top-navigation {
    padding: 4px !important;
    height: 72px;
    width: 72px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}

#main-header #et-top-navigation:hover {
    border-color: var(--black);
    transition: var(--transition);
}

#main-header #et-top-navigation .mobile_menu_bar {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    border-radius: 4px;
    padding: 0;
}

#main-header #et-top-navigation .mobile_menu_bar::before {
    content: none;
}

#main-header #et-top-navigation .mobile_menu_bar .burger-icon {
    height: 40px;
    width: 40px;
    position: relative;
    align-items: center;
    display: flex;
    gap: 11px;
    flex-wrap: wrap;
    justify-content: center;
}

#main-header #et-top-navigation .mobile_menu_bar .burger-icon .burger-line {
    height: 2px;
    width: 38px;
    background-color: var(--text-light);
    transition: var(--transition);
}

#main-header #et-top-navigation:hover .mobile_menu_bar .burger-icon .burger-line {
    background-color: var(--White);
}

#main-header #et-top-navigation:hover .mobile_menu_bar .burger-icon .burger-line-1 {
    width: 20px;
}

#main-header #et-top-navigation .mobile_menu_bar .burger-icon .burger-line-2 {
    width: 20px;
}

#main-header #et-top-navigation:hover .mobile_menu_bar .burger-icon .burger-line-2 {
    width: 38px;
}

#main-header #et-top-navigation:hover .mobile_menu_bar .burger-icon .burger-line-3 {
    width: 20px;
}

/* fin burger icon */

/* ············································································responsive 1080px ······································ */
@media (max-width: 1080px) {
    #main-header .logo_container {
        gap: 32px;
    }

    .content-header-right {
        gap: 32px;
    }
}

/* ············································································responsive 810px ······································ */
@media (max-width: 810px) {
    .et_fixed_nav #main-header {
        padding: 0px;
        height: 96px !important;
    }

    #main-header .et_menu_container {
        padding: 8px 8px 8px 24px !important;
        height: 64px !important;
    }

    #main-header .logo_container {
        gap: 16px;
        height: 40px !important;
    }

    #main-header .logo_container a.logo-franco img {
        height: 32px;
        max-height: 32px;
        max-width: 100%;
    }

    #main-header .logo_container a.logo-hub img {
        height: 28px;
        max-height: 28px;
    }

    .link-wng {
        height: 24px;
    }

    .link-wng .btn-outline .content-btn .cont-svg {
        height: 24px;
        padding-right: 12px;
    }

    .link-wng .btn-outline .content-btn .cont-svg svg {
        width: 18px;
    }

    #main-header #et-top-navigation {
        height: 48px;
        width: 48px;
    }

    #main-header #et-top-navigation .mobile_menu_bar .burger-icon {
        height: 18px;
        width: 24px;
        gap: 4px;
    }

    #main-header #et-top-navigation .mobile_menu_bar .burger-icon .burger-line {
        height: 2px;
        width: 24px;
    }

    #main-header #et-top-navigation .mobile_menu_bar .burger-icon .burger-line-2 {
        width: 16px;
    }

    #main-header #et-top-navigation:hover .mobile_menu_bar .burger-icon .burger-line-1,
    #main-header #et-top-navigation:hover .mobile_menu_bar .burger-icon .burger-line-3 {
        width: 16px;
    }

    #main-header #et-top-navigation:hover .mobile_menu_bar .burger-icon .burger-line-2 {
        width: 24px;
    }
}

/* ············································································responsive 767px ······································ */
@media (max-width: 767px) {
    .et_fixed_nav #main-header {
        padding: 0px;
    }

    #main-header .et_menu_container {
        padding: 8px 8px 8px 20px !important;
    }

    #main-header .logo_container a.logo-franco img {
        height: 28px;
        max-height: 28px;
    }

    #main-header .logo_container a.logo-hub img {
        height: 24px;
        max-height: 24px;
    }

    #main-header .link-wng {
        display: none;
    }
}

/* ── Idiomas en el burger (mobile) ── */
.idiomas-burger {
    display: none; /* oculto por defecto, visible solo en responsive */
}

.idiomas-burger .idioma-item a {
    color: var(--text-light);
    padding: 0 4px;
    font-size: 12px;
    font-weight: 400;
}

.idiomas-burger .idioma-item.active a {
    font-weight: 600;
}

.idiomas-burger .idioma-separador {
    color: #999066;
    font-size: 12px;
    font-weight: 300;
}

.idiomas-burger .idioma-item:last-child .idioma-separador {
    display: none;
}

/* responsive ≤810px: solo logo + burger en el header */
@media (max-width: 810px) {
    /* Ocultar idiomas del header principal */
    #main-header .idiomas-lista {
        display: none !important;
    }

    /* Ocultar menú secundario del header */
    .content-header-right #et-secondary-nav {
        display: none !important;
    }

    /* Mostrar idiomas dentro del extra-menu del burger */
    .idiomas-burger {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    /* El extra-menu se adapta a pantallas pequeñas */
    .extra-menu {
        flex-wrap: wrap;
        gap: 12px;
        padding: 20px 0 32px 0;
        margin-bottom: 40px;
    }

    .extra-submenu {
        flex-wrap: wrap;
        gap: 12px;
    }
}

/* ··················· fin header ··········· */

/* ··················· menú abierto ··········· */
body #page-container .et_slide_in_menu_container {
    opacity: 1;
    background: rgba(var(--Black-rgb), 0.4) !important;
    padding: 0 !important;
    display: flex !important;
    align-items: flex-start;
    justify-content: flex-end;
    transition: var(--transition);
    visibility: visible;
    margin-right: -100vw;
}

body #page-container .et_slide_in_menu_container.et_pb_fullscreen_menu_opened {
    margin-right: 0;
}

/* botón cerrar burger */
.content-close-burger {
    padding: 4px !important;
    height: 72px;
    width: 72px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 36px;
    right: -72px;
    transition: var(--transition);
    transition-delay: 0.5s;
    z-index: 100; /* Asegurar que el botón esté por encima */
}

.et_pb_fullscreen_menu_opened .content-close-burger {
    right: 36px;
}

.content-close-burger .mobile_menu_bar {
    position: initial !important;
    width: 100%;
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    border-radius: 4px;
}

.content-close-burger .mobile_menu_bar::before {
    content: none !important;
}

.sub-menu.et_pb_slide_dropdown_opened {
    display: flex !important;
}

.sub-menu.et_pb_slide_dropdown_opened li {
    width: auto !important;
}

/* Forzar que los submenús sean visibles en el menú lateral/fullscreen */
.et_slide_in_menu_container .et_mobile_menu .menu-item-has-children > ul.sub-menu {
    visibility: visible !important;
    opacity: 1 !important;
    padding: 16px 0px 0px;
    margin-left: -10px;
}

.et_slide_in_menu_container .et_mobile_menu .menu-item-has-children > ul.sub-menu li a {
    font-family: var(--typo-secondary) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: var(--text-light) !important;
    opacity: 0.7 !important;
}

.et_slide_in_menu_container .et_mobile_menu .menu-item-has-children > ul.sub-menu li {
    border: 0px !important;
    padding: 0px 10px !important;
    border-right: 0.5px solid #999066 !important;
}

.et_slide_in_menu_container .et_mobile_menu .menu-item-has-children > ul.sub-menu li:last-child {
    border: 0px !important;
    padding: 0px 10px !important;
    border-right: 0px solid var(--neutral-50) !important;
}

/* Ocultar la flecha de despliegue */
.et_slide_in_menu_container .et_mobile_menu .menu-item-has-children > a:after {
    display: none !important;
}

.content-close-burger .mobile_menu_bar .burger-icon {
    height: 32px;
    width: 32px;
    position: relative;
    align-items: center;
    display: flex;
    gap: 0;
    flex-wrap: wrap;
    justify-content: center;
}

.content-close-burger .mobile_menu_bar .burger-icon .burger-line {
    height: 2px;
    width: 32px;
    background-color: var(--text-light);
    transition: var(--transition);
    transform: rotate(45deg);
    position: absolute;
}

.content-close-burger:hover .mobile_menu_bar .burger-icon .burger-line {
    background: var(--text-light) !important;
    width: 24px;
}

.content-close-burger .mobile_menu_bar .burger-icon .burger-line-1 {
    transform: rotate(135deg);
}

/* fin botón cerrar burger */

.content-menu-pcpal {
    display: flex;
    width: 60%;
    height: 100vh;
    background-color: var(--main);
    flex-flow: row nowrap;
    align-items: flex-start;
    margin-right: -60%;
    transition: var(--transition-1);
    transition-delay: 0.1s;
    background-image: url(/wp-content/uploads/2025/02/textura-puntos.svg);
    background-position: bottom center;
    background-repeat: no-repeat;
    overflow: hidden; /* IMPORTANTE: No permitir scroll aquí */
}

.et_pb_fullscreen_menu_opened .content-menu-pcpal {
    margin-right: 0px;
}

/* ── Contenedor nav: AJUSTE PARA PIE FIJO ── */
.content-menu-pcpal .et_pb_fullscreen_nav_container {
    display: flex !important;
    width: 100%;
    height: 100vh !important;
    padding: 100px 100px 0 !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    overflow: hidden !important; /* Evita scroll en el padre */
}

/* ── Lista de menú: AJUSTE PARA SCROLL INTERNO ── */
.content-menu-pcpal #mobile_menu_slide.et_mobile_menu {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px;
    flex-wrap: nowrap !important; /* No permitir wrap para mantener el flujo vertical */
    align-content: flex-start;
    width: 100%;
    padding: 0px 0px 40px 0px !important;
    margin-bottom: 0 !important;
    overflow-y: auto !important; /* El scroll ocurre aquí */
    flex: 1 !important;          /* Ocupa el espacio que queda libre */
    -webkit-overflow-scrolling: touch;
}

.et_mobile_menu ul {
    width: 100%;
}

.content-menu-pcpal #mobile_menu_slide.et_mobile_menu li {
    display: flex;
    width: 100%;
    margin: 0;
    border-bottom: 0.5px solid rgba(var(--Bg-rgb), 0.3);
    flex-direction: column;
    padding: 20px 0px 20px 0px;
    justify-content: space-between;
}

.content-logo {
    width: 75%;
    margin: 0 auto;
    padding-top: 100px;
}

.content-logo-img {
    height: 100%;
    background: url(https://bodegafrancoespanolas.jig.es/wp-content/uploads/2026/03/Bodegas_Franco-Espanolas.jpg);
    background-repeat: no-repeat;
    width: 40%;
    object-fit: cover;
    display: flex;
    background-size: cover;
    background-position: center;
    margin: 0 auto;
}

.content-img {
    height: 100%;
}
.content-img img {
    height: 100%;
    object-fit: cover;
}

.content-menu-pcpal #mobile_menu_slide.et_mobile_menu li a {
    font-size: 28px;
    font-weight: 900;
    letter-spacing: 0.5px;
    padding: 0 !important;
    color: var(--text-light);
    text-align: left;
    line-height: 100%;
    position: relative;
    transition: var(--transition);
    font-family: var(--typo-primary);
    text-transform: uppercase;
    letter-spacing: 2%;
}

.content-menu-pcpal #mobile_menu_slide.et_mobile_menu li a .menu-subtitle {
    font-style: italic !important;
    font-size: 16px !important;
    text-transform: none;
    font-weight: 500;
}

.content-menu-pcpal #mobile_menu_slide.et_mobile_menu li:nth-child(1):after,
.content-menu-pcpal #mobile_menu_slide.et_mobile_menu li:nth-child(2):after {
    background: none;
}

.et_slide_in_menu_container #mobile_menu_slide ul.sub-menu li:nth-child(3):after,
.et_slide_in_menu_container #mobile_menu_slide ul.sub-menu li:nth-child(4):after {
    background: none !important;
}

.content-menu-pcpal #mobile_menu_slide.et_mobile_menu li:hover::after {
    filter: brightness(0) invert(1);
    transform: rotate(45deg);
    translate: 10px;
    transition: var(--transition-suave);
    opacity: 1;
}

.content-menu-pcpal #mobile_menu_slide.et_mobile_menu li a:hover::after {
    width: 100%;
}

/* submenú */
.content-menu-pcpal #mobile_menu_slide.et_mobile_menu li.padre-submenu {
    flex-wrap: wrap;
}

.content-menu-pcpal #mobile_menu_slide.et_mobile_menu li a .et_mobile_menu_arrow {
    display: none;
}

.content-menu-pcpal #mobile_menu_slide.et_mobile_menu li.padre-submenu a {
    font-weight: 500;
    color: var(--Grey-Dark);
    cursor: default;
}

.content-menu-pcpal #mobile_menu_slide.et_mobile_menu li.padre-submenu:hover a {
    color: var(--Grey);
}

.content-menu-pcpal #mobile_menu_slide.et_mobile_menu li.padre-submenu a::after {
    content: none;
}

.content-menu-pcpal #mobile_menu_slide.et_mobile_menu li.padre-submenu .sub-menu {
    display: flex !important;
    flex-wrap: wrap;
    padding: 8px 0 8px 16px;
    border-left: 4px solid rgba(var(--Black-rgb), .05);
    margin-left: 32px;
    margin-top: 8px;
    gap: 16px;
    margin-bottom: 8px;
}

.content-menu-pcpal #mobile_menu_slide.et_mobile_menu li.padre-submenu .sub-menu li {
    opacity: 1;
}

.content-menu-pcpal #mobile_menu_slide.et_mobile_menu li.padre-submenu .sub-menu li a {
    opacity: 1;
    color: var(--Grey);
    cursor: pointer;
}

.content-menu-pcpal #mobile_menu_slide.et_mobile_menu li.padre-submenu:hover .sub-menu li a {
    color: var(--Grey-Dark);
}

.content-menu-pcpal #mobile_menu_slide.et_mobile_menu li.padre-submenu .sub-menu li a:hover {
    color: var(--Black);
    opacity: 1;
}

.content-menu-pcpal #mobile_menu_slide.et_mobile_menu li.padre-submenu .sub-menu li a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: var(--Black);
    transition: var(--transition);
}

.content-menu-pcpal #mobile_menu_slide.et_mobile_menu li.padre-submenu .sub-menu li a:hover::after {
    width: 100%;
}

/* fin submenú */

/* redes sociales menú */
.content-menu-pcpal .et_slide_menu_top {
    position: initial;
    padding: 32px;
    background: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.content-menu-pcpal .et-social-icons {
    margin: 0 !important;
    display: flex !important;
    gap: 12px;
}

.content-menu-pcpal .et-social-icons .icon {
    color: var(--Black);
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}

.content-menu-pcpal .et-social-icons .icon:hover {
    color: var(--Grey);
    opacity: 1;
}

.et-social-linkedin a.icon::before {
    content: "\e09d";
}

.et-social-youtube a.icon::before {
    content: "\e0a3";
}

.idioma-item a {
    color: var(--text-light);
    padding: 0px 6px;
    font-weight: 400;
    font-size: 12px;
}
.idioma-separador {
    font-weight: 300;
    font-size: 12px;
}
.idioma-item {
    color: var(--text-light);
}

.idioma-item.active a {
    font-weight: 600 !important;
}

/* ············································································responsive 1280px ······································ */
@media (max-width: 1280px) {
    .content-menu-pcpal .et_pb_fullscreen_nav_container {
        padding: 140px 80px 0 !important;
    }
}

/* ············································································responsive 810px ······································ */
@media (max-width: 810px) {
    .content-close-burger {
        height: 48px;
        width: 48px;
        top: 23px;
    }

    .et_pb_fullscreen_menu_opened .content-close-burger {
        right: 24px;
    }

    .content-close-burger .mobile_menu_bar .burger-icon .burger-line {
        height: 2px;
        width: 24px;
    }

    .content-close-burger:hover .mobile_menu_bar .burger-icon .burger-line {
        width: 16px;
    }
}

/* ············································································responsive 767px ······································ */
@media (max-width: 767px) {
    .content-menu-pcpal {
        width: 100vw;
        margin-right: -100vw;
    }

    .et_pb_fullscreen_menu_opened .content-menu-pcpal {
        margin-right: 0;
    }

    /* Ocultar la imagen lateral en mobile */
    .content-logo-img {
        display: none;
    }

    .content-menu-pcpal .et_pb_fullscreen_nav_container {
        padding: 80px 28px 0 28px !important;
        height: 100vh !important;
        width: 100%;
    }

    .content-menu-pcpal #mobile_menu_slide.et_mobile_menu {
        gap: 16px;
    }

    .content-menu-pcpal #mobile_menu_slide.et_mobile_menu li {
        padding: 20px 0;
    }

    .content-menu-pcpal #mobile_menu_slide.et_mobile_menu li a {
        font-size: 22px;
        font-weight: 700;
        letter-spacing: 0.3px;
    }

    .link-wng .btn-outline {
        font-size: 14px !important;
        letter-spacing: 0.3px;
        font-weight: 500;
    }

    .content-menu-pcpal .et_slide_menu_top {
        padding: 0 28px 80px;
    }

    /* Ocultar submenús en mobile */
    .content-menu-pcpal #mobile_menu_slide.et_mobile_menu .sub-menu,
    .et_slide_in_menu_container .et_mobile_menu .menu-item-has-children > ul.sub-menu {
        display: none !important;
    }

    .content-menu-pcpal #mobile_menu_slide.et_mobile_menu .menu-bodega .sub-menu,
    .et_slide_in_menu_container .et_mobile_menu .menu-item-has-children > ul.sub-menu {
        display: flex !important;
    }



    .content-menu-pcpal #mobile_menu_slide.et_mobile_menu li.padre-submenu .sub-menu {
        display: none !important;
    }

    /* extra-menu responsive */
    .extra-menu {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        padding: 16px 0 28px 0 !important;
        gap: 16px;
    }

    .extra-submenu {
        flex-wrap: wrap;
        gap: 16px;
    }

    /* botón cerrar en mobile: dentro del panel */
    .content-close-burger {
        right: -48px;
        top: 16px;
    }

    .et_pb_fullscreen_menu_opened .content-close-burger {
        right: 16px;
    }
}

/* ··················· fin menú abierto ··········· */


/* ============================================ close: ESTILOS GENERALES ============================================ */

.et_slide_in_menu_container #mobile_menu_slide ul.sub-menu li {
    opacity: 1 !important;
    width: auto !important;
}
.et_slide_in_menu_container #mobile_menu_slide ul.sub-menu {
    display: flex !important;
}
.et_pb_fullscreen_menu_opened .et_mobile_menu li:nth-child(4),
.et_pb_fullscreen_menu_opened .et_mobile_menu li:nth-child(5),
.et_pb_fullscreen_menu_opened .et_mobile_menu li:nth-child(6),
.et_pb_fullscreen_menu_opened .et_mobile_menu li:nth-child(7),
.et_pb_fullscreen_menu_opened .et_mobile_menu li:nth-child(8) {
    transition-delay: 0.3s !important;
}

.social-icons img {
    width: 20px;
    filter: brightness(0) saturate(100%) invert(57%) sepia(41%) saturate(297%) hue-rotate(12deg) brightness(92%) contrast(83%);
}

.social-icons {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

/* ── extra-menu: AJUSTE PARA QUE SIEMPRE ESTÉ ABAJO ── */
.extra-menu {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px;
    padding: 24px 0 40px 0 !important;
    width: 100% !important;
    flex-shrink: 0 !important;      /* No permite que se encoja */
    margin-top: auto !important;    /* Empuja magnéticamente al fondo */
    background-color: var(--main);  /* Color sólido para tapar el scroll de los links */
    position: relative;
    z-index: 10;
}

.extra-submenu {
    display: flex;
    gap: 16px;
    color: #999066;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    align-items: center;
}

.extra-submenu a {
    color: var(--Bg-rgb);
    text-decoration: none;
    transition: var(--transition);
    font-size: 14px !important;
}

.extra-submenu a:hover {
    color: var(--text-light);
    opacity: 0.8;
}

.social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
    transition: var(--transition);
}

.social-icons a:hover {
    opacity: 1;
}