/* Las tipografias Muller del menu de escritorio
 *
 * Estaba EN LINEA dentro de templates/desktop-menu.php, o sea que viajaba entero
 * en el HTML de todas las paginas y en todas las visitas. Aqui el navegador
 * lo guarda una vez: la regla de cache de .htaccess da un ano a los .css y .js.
 *
 * Se movio tal cual, sin tocar una linea. Si hay que cambiarlo, se cambia aqui.
 */
@font-face{
  font-family: "Muller";
  src: url("https://www.8888home.com/MullerNextExpandedTrial-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

    /* ===================== OSGO HOME – NAV CSS COMPLETO ===================== */
    /* Vars */
    /* :root {
        --nx-bg: #fff;
        --nx-fg: #111;
        --nx-muted: #6b7280;
        --nx-border: #e5e7eb;
        --nx-shadow: 0 20px 40px rgba(0, 0, 0, .12);
        --nx-radius: 10px;
    } */

    /* ================= Header ================= */
    .header-wrap {
        position: sticky;
        top: 0;
        z-index: 1200;
        width: 100%;
        /* background: #fff !important; */
        background-color: rgba(255, 255, 255, 0.1) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        transition: background .2s ease, box-shadow .2s ease, backdrop-filter .2s ease;
    }

    .not_sticky {
        backdrop-filter:inherit  !important;
    }

    .header-wrap.is-scrolled {
        background: rgba(255, 255, 255, .55) !important;
        backdrop-filter: blur(12px) saturate(130%) !important;
        -webkit-backdrop-filter: blur(12px) saturate(130%);
        box-shadow: 0 10px 30px rgba(0, 0, 0, .08) !important;
    }

    @supports not (backdrop-filter: blur(1px)) {
        .header-wrap.is-scrolled {
            /* background: rgba(255, 255, 255, .9) !important; */
        }
    }

    /* ================= Nav bar ================= */
    .nx-nav {
        position: relative;
        z-index: 1000;
        width: 100%;
        background: transparent;
        /* font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; */
    }

    .nx-bar {
        display: flex;
        align-items: center;
        gap: .5rem;
        /* margin: 1px; */
    }

    .nx-bar .nx-right {
        margin-left: auto;
        display: flex;
        align-items: center;
        gap: .5rem;
    }

    .nx-right .iconheader,
    .nx-right a {
        display: inline-flex;
        align-items: center;
    }

    /* ================= Botones top ================= */
    .nx-btn,
    .mm-toggle {
        position: relative;
        appearance: none;
        background: transparent;
        border: 0;
        color: var(--nx-fg);
        letter-spacing: .02em;
        text-transform: none;
        padding: 12px 8px 14px;
        cursor: pointer;
        text-decoration: none !important;
        font-weight: 600 !important;
        /* sin negritas */
    }

    /* Flecha por defecto */
    .nx-btn::after,
    .mm-toggle::after {
        /* content: ""; */
        display: inline-block;
        margin-left: 8px;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 6px solid currentColor;
        transform: translateY(2px);
        transition: transform .18s ease;
    }

    .nx-btn[aria-expanded="true"]::after,
    .mm-toggle[aria-expanded="true"]::after {
        transform: rotate(180deg) translateY(-2px);
    }

    /* Subrayado animado en botones top */
    .nx-btn::before {
        content: "";
        position: absolute;
        left: 8px;
        right: 8px;
        bottom: 6px;
        height: 2px;
        background: currentColor;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform .18s ease;
    }

    .nx-btn:hover::before,
    .nx-btn:focus::before,
    .nx-btn[aria-expanded="true"]::before {
        transform: scaleX(1);
    }

    /* Quitar triángulo en botones específicos */
    .nx-btn[data-menu="homes"]::after {
        content: none !important;
        display: none !important;
    }

    .nx-btn[data-menu="homes"] {
        padding-right: 8px;
    }

    /* (si también quieres quitarlo en Living Room, descomenta)
.nx-btn[data-menu="Living Room"]::after{ content:none !important; display:none !important; }
.nx-btn[data-menu="Living Room"]{ padding-right:8px; }
*/

    /* ================= Dropdowns base ================= */
    .nx-panels {
        position: relative;
        z-index: 1100;
    }

    [data-container] {
        position: absolute;
        top: 100%;
        left: 0;
        width: fit-content;
        /* se achica al contenido */
        min-width: 220px;
        max-width: 90vw;
        height: auto;
        max-height: calc(100vh - 120px);
        overflow: auto;
        overscroll-behavior: contain;
        -webkit-backdrop-filter: blur(12px) saturate(120%);
        border: 0;
        border-radius: var(--nx-radius);
        /* box-shadow: var(--nx-shadow); */
        padding: 8px 0;
        display: none;
        opacity: 0;
        transform: translateY(6px);
        transition: opacity .16s ease, transform .16s ease;
        


    }
[data-container]{
  background: rgb(255, 255, 255) !important; 
  backdrop-filter: blur(12px) saturate(120%);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
}

    @supports not (backdrop-filter: blur(1px)) {
        [data-container] {
            background: rgba(255, 255, 255, .92);
        }
    }

    [data-container][aria-hidden="false"] {
        display: block;
        opacity: 1;
        transform: translateY(0);
    }

    [data-container][data-align="right"] {
        right: 0;
        left: auto;
    }

    /* ================= Mega-menú (izquierda/derecha) ================= */
    .mm-nav[aria-hidden="true"] {
        display: none;
    }

    .mm-nav[aria-hidden="false"] {
        display: block;
    }

    .mm-layout {
        display: flex;
        align-items: flex-start;
        gap: 16px;
    }

    .mm-left {
        flex: 0 0 auto;
        width: max-content;
        min-width: 220px;
    }

    .mm-right {
        flex: 0 0 auto;
        max-width: 60vw;
    }

    .mm-right[hidden] {
        display: none !important;
    }

    #mm-nav-furniture .mm-right:not([hidden]) {
        display: block !important;
    }

    .mm-wrapper {
        position: relative;
        display: inline-block;
    }

    .desktop-menu-title {
        display: block;
        margin: 8px 0 12px;
    }

    /* ================= #mm-rooms (columna izquierda) ================= */
    #mm-rooms {
        display: block;
        width: max-content;
        min-width: 220px;
        max-width: 40vw;
        max-height: calc(100vh - 160px);
        overflow: auto;
        padding: 4px 8px;
        overscroll-behavior: contain;
    }

    .mm-room-trigger {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: .5rem;
        width: 100%;
        text-align: left;
        text-transform: none;
        padding: 8px 12px 12px;
        color: var(--nx-fg);
        background: transparent;
        border: 0;
        cursor: pointer;
        text-decoration: none !important;
        font-weight: 400 !important;
    }

    .desktop-menu-link {
        justify-content: flex-start !important;
        text-align: left !important;
    }

    #mm-rooms .mm-room-trigger+.mm-room-trigger {
        border-top: 1px solid rgba(229, 231, 235, .35);
    }

    /* subrayado animado */
    .mm-room-trigger::after {
        content: "";
        position: absolute;
        left: 12px;
        right: 12px;
        bottom: 6px;
        height: 2px;
        background: currentColor;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform .18s ease;
    }

    .mm-room-trigger:hover::after,
    .mm-room-trigger:focus::after,
    .mm-room-trigger[aria-expanded="true"]::after {
        transform: scaleX(1);
    }

    /* ================= #mm-sections (columna derecha) ================= */
    #mm-sections {
        display: block;
        width: max-content;
        max-width: 60vw;
        max-height: calc(100vh - 160px);
        overflow: auto;
        padding: 4px 6px;
        overscroll-behavior: contain;
    }

    /* Romper herencias que lo estiran a 100% */
    #mm-sections .desktop-menu-sections.slide-furniture {
        display: block !important;
        width: max-content;
    }

    #mm-sections .desktop-menu-sections-item {
        display: block;
        width: max-content;
        min-width: 240px;
        padding: 0 4px;
    }

    #mm-sections .desktop-menu-sections-item a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        text-align: left;
        position: relative;
        padding: 8px 12px 12px;
        color: var(--nx-fg);
        background: transparent;
        text-decoration: none !important;
        text-transform: none;
        font-weight: 400 !important;
    }

    #mm-sections .desktop-menu-sections-item a+a {
        border-top: 1px solid rgba(229, 231, 235, .35);
    }

    /* subrayado animado enlaces derecha */
    #mm-sections .desktop-menu-sections-item a::after {
        content: "";
        position: absolute;
        left: 12px;
        right: 12px;
        bottom: 6px;
        height: 2px;
        background: currentColor;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform .18s ease;
    }

    #mm-sections .desktop-menu-sections-item a:hover::after,
    #mm-sections .desktop-menu-sections-item a:focus::after {
        transform: scaleX(1);
    }

    /* ================= Listas simples (Living/Bedroom/etc.) ================= */
    .nx-list {
        list-style: none;
        margin: 0;
        padding: 2px 0;
    }

    

    /* .nx-item {
        position: relative;
        display: block;
        padding: 8px 16px 12px;
        line-height: 1.35;
        color: var(--nx-fg);
        background: transparent;
        text-decoration: none !important;
        font-weight: 500 !important;
        text-transform: none;
        letter-spacing: normal;
        font-style: normal;

        font-family: inherit;

        white-space: normal;
    } */

    .nx-item::after {
        content: "";
        position: absolute;
        left: 16px;
        right: 16px;
        bottom: 6px;
        height: 2px;
        background: currentColor;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform .18s ease;
    }

    .nx-item:hover::after,
    .nx-item:focus::after {
        transform: scaleX(1);
    }

    /* ================= Estados hover neutros ================= */
    .nx-btn:hover,
    .nx-btn:focus,
    .mm-toggle:hover,
    .mm-toggle:focus,
    .nx-item:hover,
    .nx-item:focus,
    .desktop-menu-link:hover,
    .desktop-menu-link:focus,
    .mm-right .desktop-menu-sections-item a:hover,
    .mm-right .desktop-menu-sections-item a:focus {
        color: var(--nx-fg) !important;
        background: transparent !important;
        outline: none;
    }

    /* ============ Alternativa: subrayado nativo (desactiva animación)
.nx-btn{ text-decoration:underline; text-underline-offset:6px; text-decoration-thickness:2px; }
.nx-btn::before{ display:none; }
.nx-item{ text-decoration:underline; text-underline-offset:6px; text-decoration-thickness:2px; }
.nx-item::after{ display:none; }
.mm-right .desktop-menu-sections-item a{ text-decoration:underline; text-underline-offset:6px; text-decoration-thickness:2px; }
.mm-right .desktop-menu-sections-item a::after{ display:none; }
*/





    /* ====== Cada columna es su propio contenedor (card) ====== */
    #mm-nav-furniture .mm-left,
    #mm-nav-furniture .mm-right {
        background: rgba(255, 255, 255, 0.01) !important;
        backdrop-filter: blur(8px) saturate(120%)!important;
        -webkit-backdrop-filter: blur(8px) saturate(120%);
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
        padding: 8px;






        
    }

    /* Izquierda: alto/scroll independientes */
    #mm-nav-furniture .mm-left {
        flex: 0 0 auto;
        min-width: 240px;
        width: max-content;
        max-height: calc(100vh - 200px);
        overflow: auto;
    }

  
    /* Romper herencias que estiran a 100% */
    #mm-sections .desktop-menu-sections {
        display: block !important;
        width: max-content;
    }

    #mm-sections .desktop-menu-sections-item {
        display: block;
        width: max-content;
        min-width: 260px;
        /* cómodo para los links */
        padding: 0 4px;
    }

    /* Asegurar que las secciones ocultas realmente no se vean */
    .desktop-menu-sections-item[hidden] {
        display: none !important;
        visibility: hidden !important;
    }

    /* Botones de la izquierda: estado activo visual opcional */
    #mm-rooms .mm-room-trigger {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: .5rem;
        width: 100%;
        text-align: left;
        padding: 10px 12px 12px;
        background: transparent;
        border: 0;
        cursor: pointer;
        font-weight: 400 !important;
        text-transform: none;
    }

    #mm-rooms .mm-room-trigger+.mm-room-trigger {
        border-top: 1px solid rgba(0, 0, 0, .08);
    }

    #mm-rooms .mm-room-trigger[aria-expanded="true"] {
        background: rgba(0, 0, 0, .04);
        border-radius: 8px;
    }

    /* Links derecha: subrayado animado y sin bold */
    #mm-sections .desktop-menu-sections-item a {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        padding: 10px 12px 14px;
        color: #111;
        text-decoration: none! important;
        font-weight: 400 !important;
    }

 
    #mm-sections .desktop-menu-sections-item a::after {
        content: "";
        position: absolute;
        left: 12px;
        right: 12px;
        bottom: 6px;
        height: 2px;
        background: currentColor;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform .18s ease;
    }

    #mm-sections .desktop-menu-sections-item a:hover::after {
        transform: scaleX(1);
    }

    /* SOLO furniture: quita el fondo/blur del contenedor grande */
    #mm-nav-furniture {
        background: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        border: 0 !important;
        padding: 0 !important;
    }

    


    /* Registrar Medium correctamente como 500 */
    @font-face {
        font-family: "GalanoGrotesqueLight";
        src: url("https://www.8888home.com/GalanoGrotesqueLight.otf") format("opentype");
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }

    /* Variables globales */
    :root {
        /* --nx-font: "Galano Grotesque", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; */
        --nx-font-size: 15px;
        --nx-font-weight: 500;
        /* Medium */
    }

    /* Aplica fuente, tamaño y peso base al nav */
    .nx-nav {
        /* font-family: var(--nx-font); */
        font-size: var(--nx-font-size);
        font-weight: var(--nx-font-weight);
    }

    /* Asegura consistencia en todos los elementos del menú */
    .nx-btn,
    .mm-toggle,
    .mm-room-trigger,
    .desktop-menu-link,
    #mm-sections .desktop-menu-sections-item a,
    .nx-item,
    .desktop-menu-title {
        font-family: var(--nx-font) !important;
        font-size: var(--nx-font-size) !important;
        font-weight: var(--nx-font-weight) !important;
    }

    /* (Opcional) elimina forzados previos que bloqueen Medium */
    .nx-btn,
    .mm-toggle,
    .mm-room-trigger,
    .nx-item,
    #mm-sections .desktop-menu-sections-item a {
        /* Si tenías font-weight: 400 !important; bórralo o sobrescríbelo así: */
        font-weight: var(--nx-font-weight) !important;
    }
   #imgLang img[is-icon] {
  width: 55px !important;
  /* width: 42px !important; */
  /* height: 42px !important; */
  display: inline-block !important;
  object-fit: contain !important;
  max-width: none !important;
  max-height: none !important;
}
.buscador-box2{
  display: flex;
  align-items: center;
  gap: 8px;              /* espacio entre el ícono y el input */
  padding: 6px 12px;     /* padding interno del contenedor */
  border-radius: 9999px; /* para el pill */
  background: #fff;      /* opcional, según tu diseño */
}

.buscador-box2 img{
  width: 20px;
  height: 20px;
  flex: 0 0 auto;        /* evita que se deforme */
}

.buscador-box2 input{
  border: none;
  outline: none;
  background: transparent;
  width: 100%;
  font: inherit;
  
}
.input:not([ignore]):valid, input:not([ignore]):valid:not([type]), input[type=date]:not([ignore]):valid, input[type=email]:not([ignore]):valid, input[type=number]:not([ignore]):valid, input[type=password]:not([ignore]):valid, input[type=tel]:not([ignore]):valid, input[type=text]:not([ignore]):valid, select:not([ignore]):valid, textarea:not([ignore]):valid {
    border-color: #ffffff00;
}

.input:not([ignore]), input:not([ignore]):not([type]), input[type=date]:not([ignore]), input[type=email]:not([ignore]), input[type=number]:not([ignore]), input[type=password]:not([ignore]), input[type=tel]:not([ignore]), input[type=text]:not([ignore]), select:not([ignore]), textarea:not([ignore]) {
    display: flex
;
    width: 100%;
    align-items: center;
    align-content: center;
    padding: 0.65rem 1rem;
    outline: 0;
    border: 1px solid #ffffff00;
    border-radius: 10px;
    background-color: transparent;
    transition: all 0.2s 
ease;
    font-size: 16px;
}
.sselected {
    background-color: #ffffff00;
}
/* ===================== SOLO 1 LÍNEA (SUBRAYADO) ===================== */
/* Quita todos los separadores que generan la línea 2 */
#mm-sections .desktop-menu-sections-item a + a {
  border-top: 0 !important;
}

/* En el otro bloque donde también definías separador */
#mm-sections .desktop-menu-sections-item a + a {
  border-top: 0 !important; /* forzamos por si hay duplicados */
}

/* Evita que aparezca el separador cuando el link anterior está en hover/focus */
#mm-sections .desktop-menu-sections-item a:hover + a,
#mm-sections .desktop-menu-sections-item a:focus + a {
  border-top: 0 !important;
}

/* Si no quieres separadores entre los botones de la columna izquierda */
#mm-rooms .mm-room-trigger + .mm-room-trigger {
  border-top: 0 !important;
}

/* Mantén el subrayado animado (línea 1) funcionando */
#mm-sections .desktop-menu-sections-item a::after,
.mm-room-trigger::after,
.nx-item::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 6px;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .18s ease;
}

/* Mostrar subrayado en hover/focus/activo */
#mm-sections .desktop-menu-sections-item a:hover::after,
#mm-sections .desktop-menu-sections-item a:focus::after,
.mm-room-trigger:hover::after,
.mm-room-trigger:focus::after,
.mm-room-trigger[aria-expanded="true"]::after,
.nx-item:hover::after,
.nx-item:focus::after {
  transform: scaleX(1);
}

/* (Opcional) Asegura color neutro en hover sin fondos que parezcan línea extra */
#mm-sections .desktop-menu-sections-item a:hover,
#mm-sections .desktop-menu-sections-item a:focus,
.mm-room-trigger:hover,
.mm-room-trigger:focus,
.nx-item:hover,
.nx-item:focus {
 
  box-shadow: none !important;
}

/* .effect-menu{
    background: rgba(255, 255, 255, 0.01) !important;
     backdrop-filter: blur(12px) saturate(120%);
} */


/* #navmenu-desktop:not(.sticky) {
    backdrop-filter: none !important;
    background-color: none !important;
} */

/* #navmenu-desktop.mi-clase-personalizada:not(.sticky) {
    backdrop-filter: none !important;
    background-color: none !important;
} */