/* Menú compartido: distribuir el ancho disponible solo en escritorio. */
        @media (min-width: 992px) {
            .header-area .breakpoint-off > .container {
                width: 96%;
                max-width: 1440px;
            }
            .header-area .breakpoint-off .classy-navbar {
                display: flex;
                width: 100%;
                align-items: center;
                gap: clamp(18px, 2.5vw, 40px);
            }
            .header-area .breakpoint-off .classy-navbar .nav-brand {
                flex: 0 0 auto;
                margin-right: 0;
            }
            .header-area .breakpoint-off .classy-navbar .nav-brand img {
                width: auto;
                max-width: 160px;
                max-height: 105px;
                object-fit: contain;
            }
            .header-area .breakpoint-off .classy-navbar .classy-menu {
                flex: 1 1 0%;
                min-width: 0;
                margin-left: auto;
            }
            .header-area .breakpoint-off .classynav {
                display: block;
                width: 100%;
                padding: 0;
            }
            .header-area .breakpoint-off .classynav > ul {
                display: flex;
                width: 100%;
                margin: 0;
                padding: 0;
                flex-wrap: nowrap;
                align-items: center;
                justify-content: space-between;
                gap: 4px;
            }
            .header-area .breakpoint-off .classynav > ul > li {
                display: block !important;
                width: auto !important;
                flex: 0 0 auto;
                position: relative !important;
            }
            .header-area .breakpoint-off .classynav > ul > li > a {
                width: auto !important;
                padding: 12px 5px !important;
                height: auto;
                line-height: 1.4;
                font-size: 14px !important;
                white-space: nowrap;
                color: #ffffff;
                text-decoration: none;
                text-underline-offset: 8px;
                text-decoration-thickness: 1px;
                transition: color .2s ease, background-color .2s ease;
            }
            .header-area .breakpoint-off .classynav > ul > li > a:hover,
            .header-area .breakpoint-off .classynav > ul > li > a:focus {
                color: #e7d1a4;
                text-decoration: underline;
                text-decoration-color: #e7d1a4;
            }
        }
    
@media (min-width: 1200px) {
 .header-area .breakpoint-off .classynav > ul { column-gap: clamp(12px, 1.5vw, 24px); }
 .header-area .breakpoint-off .classynav > ul > li > a { font-size: 16px !important; padding: 12px 7px !important; }
 .header-area .breakpoint-off .classy-navbar .nav-brand img { max-width: 180px; }
}


/* Acabado champagne: sin alterar medidas ni comportamiento móvil. */
@media (min-width: 992px) {
    .header-area .alazea-main-menu {
        background: rgba(10, 12, 10, .65) !important;
        box-shadow: inset 0 -1px 0 rgba(231, 209, 164, .18);
    }
    .header-area .alazea-main-menu .classy-nav-container {
        background: transparent !important;
    }
    .header-area .is-sticky .alazea-main-menu {
        background: rgba(10, 12, 10, .96) !important;
    }
    .header-area .breakpoint-off .classynav > ul > li > a[aria-current="page"] {
        color: #e7d1a4;
        text-decoration: underline;
        text-decoration-color: #e7d1a4;
    }
    .header-area .breakpoint-off .classynav > ul > li > a:focus-visible {
        outline: 2px solid #e7d1a4;
        outline-offset: 4px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .header-area .breakpoint-off .classynav > ul > li > a {
        transition: none;
    }
}