/* header-desktop-fix.css */
body::before{
  content: "header-fix-loaded";
  position: fixed;
  left: -9999px;
}

/* =========================================================
   FURMATES – Header desktop fix / Paso 1
   menú principal + search
   ========================================================= */

@media (min-width: 992px) {

  /* fila logo + menú */
  #header .header-top {
    padding-top: 4px !important;
    padding-bottom: 10px !important;
    position: relative !important;
  }

  #header .header-top .row {
    display: flex !important;
    align-items: flex-start !important;
  }

  /* columna derecha */
  #header .header-top .header-top-right {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
    position: relative !important;
  }

  /* menú principal */
  #header .header-top .menu {
    margin-left: auto !important;
    padding-top: 22px !important;
    padding-right: 38px !important; /* aire para lupa */
  }

  #header .header-top #_desktop_top_menu .top-menu {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 0px !important;
  }

  #header .header-top #_desktop_top_menu .top-menu > li > a,
  #header .header-top #_desktop_top_menu .top-menu a {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }

  /* search: solo lupa */
  #header .header-top #search_widget {
    position: absolute !important;
    top: 24px !important;
    right: 0 !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    z-index: 20 !important;
  }

  #header .header-top #search_widget form {
    position: relative !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
  }

  #header .header-top #search_widget input[type="text"],
  #header .header-top #search_widget input[type="search"],
  #header .header-top #search_widget .ui-autocomplete-input,
  #header .header-top #search_widget .clear {
    display: none !important;
  }

  #header .header-top #search_widget .material-icons.search {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    font-size: 22px !important;
    line-height: 1 !important;
    color: #fff !important;
    margin: 0 !important;
  }
}

/* =========================================================
   FURMATES – Header desktop fix / Paso 1
   menú principal limpio, sin lupa abajo
   ========================================================= */

@media (min-width: 992px) {

  /* fila logo + menú */
  #header .header-top {
    padding-top: 8px !important;
    padding-bottom: 12px !important;
    position: relative !important;
  }

  #header .header-top .row {
    display: flex !important;
    align-items: flex-start !important;
  }

  /* columna derecha */
  #header .header-top .header-top-right {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
    position: relative !important;
  }

  /* menú principal */
  #header .header-top .menu {
    margin-left: auto !important;
    padding-top: 26px !important;
    padding-right: 0 !important;
  }

  #header .header-top #_desktop_top_menu .top-menu {
    display: flex !important;
    justify-content: flex-end !important;
  }

  #header .header-top #_desktop_top_menu .top-menu > li > a,
  #header .header-top #_desktop_top_menu .top-menu a {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }

  /* search: oculto en fila inferior */
  #header .header-top #search_widget {
    display: none !important;
  }
}

@media (min-width: 992px) {

  /* fila inferior: menú limpio */
  #header .header-top {
    padding-top: 8px !important;
    padding-bottom: 12px !important;
    position: relative !important;
  }

  #header .header-top .row {
    display: flex !important;
    align-items: flex-start !important;
  }

  #header .header-top .header-top-right {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
    position: relative !important;
  }

  #header .header-top .menu {
    margin-left: auto !important;
    padding-top: 26px !important;
    padding-right: 0 !important;
  }

  #header .header-top #_desktop_top_menu .top-menu {
    display: flex !important;
    justify-content: flex-end !important;
  }

  #header .header-top #_desktop_top_menu .top-menu > li > a,
  #header .header-top #_desktop_top_menu .top-menu a {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }

  /* search real: sigue viviendo en header-top, pero lo subimos visualmente */
  #header .header-top #search_widget {
    display: block !important;
    position: absolute !important;
    top: -28px !important;   /* lo sube hacia la franja superior */
    right: 0 !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    z-index: 50 !important;
  }

  #header .header-top #search_widget form {
    position: relative !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
  }

  /* solo lupa */
  #header .header-top #search_widget input[type="text"],
  #header .header-top #search_widget input[type="search"],
  #header .header-top #search_widget .ui-autocomplete-input,
  #header .header-top #search_widget .clear {
    display: none !important;
  }

  #header .header-top #search_widget .material-icons.search {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    font-size: 22px !important;
    line-height: 1 !important;
    color: #fff !important;
    margin: 0 !important;
  }
}
@media (min-width: 992px) {

  /* top nav: fila superior limpia */
  #header .header-nav{
    padding-top: 8px !important;
    padding-bottom: 0 !important;
  }

  #header .header-nav .hidden-sm-down.d-flex.w-100.align-items-center.justify-content-end,
  #header .header-nav .fm-topbar,
  #header .header-nav .fm-topbar__nav1{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
  }

  #header .header-nav .fm-topbar{
    gap: 16px !important;
    min-height: 28px !important;
    width: 100% !important;
  }

  #header .header-nav .fm-topbar__nav1{
    gap: 16px !important;
    min-height: 28px !important;
  }

  /* hacer visibles los módulos del top nav */
  #header .header-nav #_desktop_contact_link,
  #header .header-nav #_desktop_language_selector,
  #header .header-nav #_desktop_user_info,
  #header .header-nav #_desktop_cart{
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 28px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* contacto */
  #header .header-nav #contact-link,
  #header .header-nav #contact-link a{
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  /* idioma */
  #header .header-nav #language-selector-label{
    display: none !important;
  }

  #header .header-nav #_desktop_language_selector .language-selector-wrapper,
  #header .header-nav #_desktop_language_selector .language-selector,
  #header .header-nav #_desktop_language_selector .btn-unstyle{
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    line-height: 1 !important;
  }

  #header .header-nav #_desktop_language_selector .btn-unstyle{
    gap: 4px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
  }

  /* usuario */
  #header .header-nav #_desktop_user_info,
  #header .header-nav #_desktop_user_info .user-info,
  #header .header-nav #_desktop_user_info a{
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    background: transparent !important;
    text-decoration: none !important;
    line-height: 1 !important;
  }

  #header .header-nav #_desktop_user_info a{
    font-size: 14px !important;
    font-weight: 400 !important;
  }

  /* carrito */
  #header .header-nav #_desktop_cart,
  #header .header-nav #_desktop_cart .blockcart,
  #header .header-nav #_desktop_cart .header{
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    line-height: 1 !important;
  }

  #header .header-nav #_desktop_cart .header > span.hidden-sm-down{
    display: none !important;
  }

  /* redes */
  #header .header-nav .fm-header-social{
    display: inline-flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin-left: 2px !important;
  }

  #header .header-nav .fm-social{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    color: #fff !important;
  }

  #header .header-nav .fm-social svg{
    width: 22px !important;
    height: 22px !important;
    fill: currentColor !important;
  }

  .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #fff !important;
    text-align: left;
    list-style: none;
    background-color: none !important;
    background-clip: none !important;
    border: none !important;
    border-radius: 0;
}

.dropdown .expand-more {
    color: #fff !important;
}

#header .header-nav .cart-preview .shopping-cart {
    color: #fff !important;
    vertical-align: middle;
}
  #header .header-nav #_desktop_contact_link {
    display: none !important;
  }

  /* Reacomodar la lupa donde estaba Contactanos */
  #header .header-top #search_widget {
    right: 420px !important; /* ajuste inicial, luego lo afinamos */
  }


  /* estado base del widget en top nav */
  #header .header-top #search_widget{
    overflow: visible !important;
  }

  #header .header-top #search_widget form{
    position: relative !important;
    overflow: visible !important;
  }

  /* input oculto por defecto */
  #header .header-top #search_widget input[type="text"],
  #header .header-top #search_widget input[type="search"],
  #header .header-top #search_widget .ui-autocomplete-input{
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    right: 30px !important;          /* se despliega hacia la izquierda de la lupa */
    transform: translateY(-50%) !important;
    width: 0 !important;
    min-width: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.16) !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.14) !important;
    transition:
      width .22s ease,
      opacity .18s ease,
      padding .18s ease !important;
    z-index: 60 !important;
  }

  #header .header-top #search_widget input[type="text"]::placeholder,
  #header .header-top #search_widget input[type="search"]::placeholder,
  #header .header-top #search_widget .ui-autocomplete-input::placeholder{
    color: rgba(255,255,255,.82) !important;
  }

  /* abierto por JS */
  #header .header-top #search_widget.is-open input[type="text"],
  #header .header-top #search_widget.is-open input[type="search"],
  #header .header-top #search_widget.is-open .ui-autocomplete-input{
    width: 240px !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    padding: 10px 14px !important;
  }

  /* ocultamos la X por ahora */
  #header .header-top #search_widget .material-icons.clear{
    display: none !important;
  }


  /* el contenedor del search no debe tapar otros links */
  #header .header-top #search_widget{
    pointer-events: none !important;
  }

  /* solo la lupa y el input abierto reciben click */
  #header .header-top #search_widget .material-icons.search,
  #header .header-top #search_widget input[type="text"],
  #header .header-top #search_widget input[type="search"],
  #header .header-top #search_widget .ui-autocomplete-input{
    pointer-events: auto !important;
  }

  /* =========================================
     Idioma – trigger
  ========================================= */
  #header .header-nav #_desktop_language_selector .btn-unstyle{
    position: relative !important;
    z-index: 80 !important;
  }

  #header .header-nav #_desktop_language_selector .btn-unstyle,
  #header .header-nav #_desktop_language_selector .btn-unstyle .expand-more,
  #header .header-nav #_desktop_language_selector .btn-unstyle .material-icons{
    color: #fff !important;
  }

  /* =========================================
     Idioma – dropdown mismo look&feel que search
  ========================================= */
  #header .header-nav #_desktop_language_selector .dropdown-menu{
    background: rgba(255,255,255,.16) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.14) !important;
    padding: 8px !important;
    margin-top: 8px !important;
    min-width: 160px !important;
    z-index: 90 !important;
  }

  #header .header-nav #_desktop_language_selector .dropdown-menu li{
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  #header .header-nav #_desktop_language_selector .dropdown-item{
    display: block !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
    color: #fff !important;
    background: transparent !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    transition: background .18s ease, opacity .18s ease !important;
  }

  #header .header-nav #_desktop_language_selector .dropdown-item:hover,
  #header .header-nav #_desktop_language_selector li.current .dropdown-item{
    background: rgba(255,255,255,.14) !important;
    color: #fff !important;
  }
}

/* =========================================================
   FURMATES – TABLET FIX / Paso 1
   768–991 px
   ========================================================= */
@media (min-width: 768px) and (max-width: 991.98px) {

  /* ---------- top nav superior ---------- */
  #header .header-nav{
    padding: 6px 0 0 !important;
  }

  #header .header-nav .hidden-sm-down{
    display: flex !important;
    width: 100% !important;
    justify-content: flex-end !important;
  }

  #header .header-nav .fm-topbar,
  #header .header-nav .fm-topbar__nav1{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
  }

  #header .header-nav #_desktop_contact_link,
  #header .header-nav #_desktop_language_selector,
  #header .header-nav #_desktop_user_info,
  #header .header-nav #_desktop_cart,
  #header .header-nav .fm-header-social{
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 24px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    line-height: 1 !important;
  }

  #header .header-nav a,
  #header .header-nav span,
  #header .header-nav i,
  #header .header-nav .btn-unstyle{
    color: #fff !important;
    font-size: 12px !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }

  /* dejamos tablet más limpio */
  #header .header-nav #_desktop_contact_link{
    display: none !important;
  }

  #header .header-nav #_desktop_cart .header > span.hidden-sm-down{
    display: none !important;
  }

  #header .header-nav #_desktop_user_info .account{
    display: none !important;
  }

  /* ---------- fila logo + hamburger ---------- */
  #header .header-top{
    padding-top: 4px !important;
    padding-bottom: 10px !important;
  }

  #header .header-top .row{
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
  }

  #header #_desktop_logo{
    display: flex !important;
    flex: 0 0 auto !important;
    max-width: none !important;
    width: auto !important;
  }

  #header #_desktop_logo svg,
  #header #_desktop_logo img,
  #header #_desktop_logo img.logo{
    height: 78px !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    display: block !important;
  }

  /* ocultar menú desktop en tablet */
  #header .header-top #_desktop_top_menu,
  #header .header-top .menu.js-top-menu.hidden-sm-down{
    display: none !important;
  }

  /* ocultar search desktop en tablet */
  #header .header-top #search_widget{
    display: none !important;
  }

  /* mostrar columna derecha solo como área del hamburger */
  #header .header-top .header-top-right{
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    flex: 1 1 auto !important;
    min-height: 78px !important;
    position: relative !important;
  }

  /* mostrar hamburger tablet */
  #header .mobile{
    display: block !important;
    width: auto !important;
    margin-left: auto !important;
    text-align: right !important;
  }

  #header .mobile #menu-icon{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    margin-top: 10px !important;
    float: none !important;
  }

  #header .mobile #menu-icon .material-icons{
    font-size: 34px !important;
    line-height: 1 !important;
    color: #fff !important;
  }

  /* ocultamos logo mobile duplicado */
  #header .mobile #_mobile_logo{
    display: none !important;
  }

  #header .header-nav .blockcart {
    background: none !important;
}


/* =========================================================
   FURMATES – TABLET FIX / Paso 2
   ajuste fino top nav + hamburger
   ========================================================= */


  /* idioma y login mejor alineados */
  #header .header-nav .fm-topbar,
  #header .header-nav .fm-topbar__nav1{
    gap: 10px !important;
  }

  #header .header-nav #_desktop_language_selector,
  #header .header-nav #_desktop_user_info,
  #header .header-nav #_desktop_cart,
  #header .header-nav .fm-header-social{
    min-height: 22px !important;
  }

  #header .header-nav #_desktop_language_selector .language-selector-wrapper,
  #header .header-nav #_desktop_language_selector .language-selector,
  #header .header-nav #_desktop_language_selector .btn-unstyle,
  #header .header-nav #_desktop_user_info .user-info,
  #header .header-nav #_desktop_user_info a,
  #header .header-nav #_desktop_cart .blockcart,
  #header .header-nav #_desktop_cart .header{
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    min-height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* ocultar dropdown gris del idioma en tablet */
  #header .header-nav #_desktop_language_selector .dropdown-menu{
    background: rgba(255,255,255,.16) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 0 !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 20px rgba(0,0,0,.14) !important;
    padding: 6px !important;
    margin-top: 6px !important;
    min-width: 140px !important;
  }

  #header .header-nav #_desktop_language_selector .dropdown-item{
    color: #fff !important;
    font-size: 12px !important;
    border-radius: 8px !important;
    padding: 8px 10px !important;
    background: transparent !important;
  }

  #header .header-nav #_desktop_language_selector .dropdown-item:hover,
  #header .header-nav #_desktop_language_selector li.current .dropdown-item{
    background: rgba(255,255,255,.14) !important;
  }

  /* unificar tamaño de iconos top nav */
  #header .header-nav #_desktop_user_info .material-icons,
  #header .header-nav #_desktop_cart .shopping-cart,
  #header .header-nav .fm-social svg{
    width: 18px !important;
    height: 18px !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  /* contador carrito más prolijo */
  #header .header-nav #_desktop_cart .cart-products-count{
    font-size: 12px !important;
    line-height: 1 !important;
    margin-left: 2px !important;
  }

  /* hamburger un poco más abajo para centrar con el logo */
  #header .mobile #menu-icon{
    margin-top: 18px !important;
  }

  #header .mobile #menu-icon .material-icons{
    font-size: 34px !important;
  }

  /* =========================================================
   FURMATES – TABLET FIX / Paso 3
   idioma solo visible al abrirse
   ========================================================= */

  /* por defecto el dropdown debe quedar oculto */
  #header .header-nav #_desktop_language_selector .dropdown-menu{
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* mostrar solo cuando el dropdown está abierto */
  #header .header-nav #_desktop_language_selector .dropdown.show .dropdown-menu,
  #header .header-nav #_desktop_language_selector .dropdown.open .dropdown-menu,
  #header .header-nav #_desktop_language_selector .dropdown-menu.show{
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }


/* =========================================================
   FURMATES – TABLET FIX / Paso 4
   panel hamburger premium
   ========================================================= */


  /* contenedor interno */
  #mobile_top_menu_wrapper .js-top-menu.mobile{
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* ul */
  #mobile_top_menu_wrapper .top-menu{
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* items */
  #mobile_top_menu_wrapper .top-menu > li{
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  /* links */
  #mobile_top_menu_wrapper .top-menu > li > a,
  #mobile_top_menu_wrapper .top-menu a{
    display: block !important;
    width: 100% !important;
    padding: 14px 16px !important;
    margin: 0 !important;
    border-radius: 12px !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
    text-align: left !important;
    text-decoration: none !important;
    background: transparent !important;
    transition: background .18s ease, transform .16s ease, opacity .18s ease !important;
  }

  #mobile_top_menu_wrapper .top-menu > li > a:hover,
  #mobile_top_menu_wrapper .top-menu > li > a:focus,
  #mobile_top_menu_wrapper .top-menu > li > a:active{
    background: rgba(255,255,255,.12) !important;
    transform: translateX(2px);
    color: #fff !important;
    outline: none !important;
  }

  /* sacar líneas feas heredadas */
  #mobile_top_menu_wrapper .top-menu > li + li{
    margin-top: 4px !important;
  }

  #mobile_top_menu_wrapper .top-menu > li::after,
  #mobile_top_menu_wrapper .top-menu > li::before,
  #mobile_top_menu_wrapper .top-menu a::after,
  #mobile_top_menu_wrapper .top-menu a::before{
    display: none !important;
    content: none !important;
  }

  /* ocultar bottom bar vacía */
  #mobile_top_menu_wrapper .js-top-menu-bottom{
    display: none !important;
  }


  #header .header-top{
    position: relative !important;
    z-index: 20 !important;
  }

  #mobile_top_menu_wrapper{
  position: fixed !important;
  top: 120px !important;
  right: 18px !important;
  left: auto !important;
  width: 280px !important;
  max-width: calc(100vw - 36px) !important;
  margin: 0 !important;
  padding: 14px !important;
  z-index: 9999 !important;

  display: block !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(10px) scale(.98) !important;
  transform-origin: top right !important;
  transition:
    opacity .18s ease,
    transform .18s ease,
    visibility .18s ease !important;

  background: rgba(255,255,255,.14) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.18) !important;
}

#mobile_top_menu_wrapper.is-open{
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
}
}
#header {
    color: #fff !important;

}

/* =========================================================
   FURMATES – MOBILE FIX / Paso 1 bis
   ajustar solo search, sin mover logo
   ========================================================= */
@media (max-width: 767.98px) {

  /* no tocar layout del logo */
  #header .header-top #search_widget{
    position: absolute !important;
    top: 10px !important;
    right: 14px !important;
    left: auto !important;
    width: 170px !important;
    max-width: 170px !important;
    margin: 0 !important;
    z-index: 30 !important;
  }

  #header .header-top #search_widget form{
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
  }

  #header .header-top #search_widget input[type="text"],
  #header .header-top #search_widget input[type="search"],
  #header .header-top #search_widget .ui-autocomplete-input{
    width: 100% !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 12px 0 34px !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: rgba(255,255,255,.14) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.10) !important;
    color: #fff !important;
    font-size: 12px !important;
    line-height: 34px !important;
  }

  #header .header-top #search_widget input[type="text"]::placeholder,
  #header .header-top #search_widget input[type="search"]::placeholder,
  #header .header-top #search_widget .ui-autocomplete-input::placeholder{
    color: rgba(255,255,255,.78) !important;
  }

  #header .header-top #search_widget .material-icons.search{
    position: absolute !important;
    top: 50% !important;
    left: 10px !important;
    transform: translateY(-50%) !important;
    width: 16px !important;
    height: 16px !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: rgba(255,255,255,.88) !important;
    margin: 0 !important;
    pointer-events: none !important;
  }

  #header .header-top #search_widget .material-icons.clear{
    display: none !important;
  }
}

/* =========================================================
 COMENTAR ESTA CLASE SI QUEREMOS ACTIVAR EL FILTRO SEARCH
 ADEMÁS HAY QUE PROGRAMAR PARA QUE SOLO SE VEA SI ESTÁ LOGUEADO
   ========================================================= */

#header .header-top #search_widget {
   pointer-events: none !important;
   visibility: hidden;
}

/* =========================================================
   FIN BLOQUE SEARCH
   ========================================================= */
/* =========================================================
   FURMATES – HOVER + ACTIVE STATES
   Desktop / Tablet / Mobile
   pegar al final del archivo
   ========================================================= */

/* ---------- Variables suaves para interacción ---------- */
:root{
  --fm-hover-glass: rgba(255,255,255,.12);
  --fm-hover-glass-strong: rgba(255,255,255,.18);
  --fm-active-glow: rgba(160,235,255,.42);
  --fm-active-line: #a0ebff;
  --fm-hover-text: #ffffff;
  --fm-transition-fast: 180ms cubic-bezier(.2,.8,.2,1);
}

/* =========================================================
   DESKTOP
   ========================================================= */
@media (min-width: 992px){

  /* ---------- base interactiva compartida ---------- */
  #header .header-nav #contact-link a,
  #header .header-nav #_desktop_language_selector .btn-unstyle,
  #header .header-nav #_desktop_user_info a,
  #header .header-nav #_desktop_cart .blockcart,
  #header .header-nav #_desktop_cart .header,
  #header .header-nav .fm-social,
  #header .header-top #_desktop_top_menu .top-menu > li > a{
    position: relative !important;
    transition:
      color var(--fm-transition-fast),
      opacity var(--fm-transition-fast),
      transform var(--fm-transition-fast),
      background-color var(--fm-transition-fast),
      box-shadow var(--fm-transition-fast) !important;
  }

  /* ---------- TOP NAV: hover tipo cápsula premium ---------- */
  #header .header-nav #contact-link a,
  #header .header-nav #_desktop_language_selector .btn-unstyle,
  #header .header-nav #_desktop_user_info a,
  #header .header-nav #_desktop_cart .blockcart,
  #header .header-nav .fm-social{
    border-radius: 999px !important;
  }

  #header .header-nav #contact-link a:hover,
  #header .header-nav #_desktop_language_selector .btn-unstyle:hover,
  #header .header-nav #_desktop_user_info a:hover,
  #header .header-nav #_desktop_cart .blockcart:hover,
  #header .header-nav .fm-social:hover{
    background: var(--fm-hover-glass) !important;
    color: var(--fm-hover-text) !important;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(0,0,0,.10) !important;
  }

  #header .header-nav #contact-link a:active,
  #header .header-nav #_desktop_language_selector .btn-unstyle:active,
  #header .header-nav #_desktop_user_info a:active,
  #header .header-nav #_desktop_cart .blockcart:active,
  #header .header-nav .fm-social:active{
    background: var(--fm-hover-glass-strong) !important;
    transform: translateY(0);
  }

  /* padding interno solo para top nav, sin romper layout */
  #header .header-nav #contact-link a,
  #header .header-nav #_desktop_language_selector .btn-unstyle,
  #header .header-nav #_desktop_user_info a,
  #header .header-nav #_desktop_cart .blockcart{
    padding: 6px 10px !important;
  }

  /*#header .header-nav .fm-social{
    padding: 5px !important;
  }*/

  /* carrito: hover sobre icono + contador */
  #header .header-nav #_desktop_cart .blockcart:hover .shopping-cart,
  #header .header-nav #_desktop_cart .blockcart:hover .cart-products-count{
    color: #fff !important;
  }

  /* idioma activo / abierto */
  #header .header-nav #_desktop_language_selector .btn-unstyle[aria-expanded="true"]{
    background: var(--fm-hover-glass-strong) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.12) !important;
  }

  /* búsqueda abierta: misma familia visual */
  #header .header-top #search_widget .material-icons.search{
    border-radius: 999px !important;
    transition:
      background-color var(--fm-transition-fast),
      transform var(--fm-transition-fast),
      box-shadow var(--fm-transition-fast) !important;
  }

  #header .header-top #search_widget .material-icons.search:hover{
    background: var(--fm-hover-glass) !important;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(0,0,0,.10) !important;
  }

  #header .header-top #search_widget.is-open .material-icons.search{
    background: var(--fm-hover-glass-strong) !important;
  }

  /* ---------- MENÚ PRINCIPAL: hover editorial ---------- */
  #header .header-top #_desktop_top_menu .top-menu > li > a{
    padding: 4px 0 !important;
  }

  #header .header-top #_desktop_top_menu .top-menu > li > a::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent 0%, var(--fm-active-line) 18%, var(--fm-active-line) 82%, transparent 100%);
    opacity: 0;
    transform: scaleX(.65);
    transition:
      opacity var(--fm-transition-fast),
      transform var(--fm-transition-fast),
      box-shadow var(--fm-transition-fast);
    box-shadow: 0 0 0 rgba(160,235,255,0);
    pointer-events: none;
  }

  #header .header-top #_desktop_top_menu .top-menu > li > a:hover{
    color: #fff !important;
    transform: translateY(-1px);
  }

  #header .header-top #_desktop_top_menu .top-menu > li > a:hover::after{
    opacity: 1;
    transform: scaleX(1);
    box-shadow: 0 0 16px var(--fm-active-glow);
  }

  #header .header-top #_desktop_top_menu .top-menu > li > a:active{
    transform: translateY(0);
  }

  /* active real de menú principal */
  #header .header-top #_desktop_top_menu .top-menu > li.current > a,
  #header .header-top #_desktop_top_menu .top-menu > li.active > a,
  #header .header-top #_desktop_top_menu .top-menu > li > a[aria-current="page"]{
    color: #fff !important;
  }

  #header .header-top #_desktop_top_menu .top-menu > li.current > a::after,
  #header .header-top #_desktop_top_menu .top-menu > li.active > a::after,
  #header .header-top #_desktop_top_menu .top-menu > li > a[aria-current="page"]::after{
    opacity: 1;
    transform: scaleX(1);
    box-shadow: 0 0 18px var(--fm-active-glow);
  }

  /* active sutil para cuenta si está logueada */
  #header .header-nav #_desktop_user_info .account{
    opacity: .92 !important;
  }

  #header .header-nav #_desktop_user_info .account:hover{
    opacity: 1 !important;
  }

  /* foco accesible */
  #header .header-nav #contact-link a:focus-visible,
  #header .header-nav #_desktop_language_selector .btn-unstyle:focus-visible,
  #header .header-nav #_desktop_user_info a:focus-visible,
  #header .header-nav #_desktop_cart .blockcart:focus-visible,
  #header .header-nav .fm-social:focus-visible,
  #header .header-top #_desktop_top_menu .top-menu > li > a:focus-visible,
  #header .header-top #search_widget .material-icons.search:focus-visible{
    outline: 2px solid rgba(255,255,255,.75) !important;
    outline-offset: 2px !important;
    border-radius: 10px !important;
  }
}

/* =========================================================
   TABLET
   Mantiene la misma lógica pero un poco más compacta
   ========================================================= */
@media (min-width: 768px) and (max-width: 991.98px){

  #header .header-nav #_desktop_language_selector .btn-unstyle,
  #header .header-nav #_desktop_user_info a,
  #header .header-nav #_desktop_cart .blockcart,
  #header .header-nav .fm-social{
    border-radius: 999px !important;
    transition:
      background-color var(--fm-transition-fast),
      transform var(--fm-transition-fast),
      box-shadow var(--fm-transition-fast) !important;
  }

  #header .header-nav #_desktop_language_selector .btn-unstyle:hover,
  #header .header-nav #_desktop_user_info a:hover,
  #header .header-nav #_desktop_cart .blockcart:hover,
  #header .header-nav .fm-social:hover{
    background: var(--fm-hover-glass) !important;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(0,0,0,.10) !important;
  }

  #header .header-nav #_desktop_language_selector .btn-unstyle:active,
  #header .header-nav #_desktop_user_info a:active,
  #header .header-nav #_desktop_cart .blockcart:active,
  #header .header-nav .fm-social:active{
    background: var(--fm-hover-glass-strong) !important;
    transform: translateY(0);
  }
}

/* =========================================================
   MOBILE PANEL
   Hover / active táctil en menú hamburguesa
   ========================================================= */
@media (max-width: 991.98px){

  #mobile_top_menu_wrapper .top-menu > li > a{
    transition:
      background-color var(--fm-transition-fast),
      transform var(--fm-transition-fast),
      box-shadow var(--fm-transition-fast) !important;
  }

  #mobile_top_menu_wrapper .top-menu > li > a:hover,
  #mobile_top_menu_wrapper .top-menu > li > a:focus,
  #mobile_top_menu_wrapper .top-menu > li > a:active{
    background: rgba(255,255,255,.12) !important;
    transform: translateX(2px);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.08) !important;
  }

  #mobile_top_menu_wrapper .top-menu > li.current > a,
  #mobile_top_menu_wrapper .top-menu > li.active > a{
    background: rgba(255,255,255,.16) !important;
  }
}

/* =========================================================
   FURMATES – Desktop spacing refinement
   ajustar como referencia 2
   ========================================================= */
@media (min-width: 992px) {

  /* top nav: un poco más aire entre utilitarios */
  #header .header-nav .fm-topbar{
    gap: 18px !important;
  }

  #header .header-nav .fm-topbar__nav1{
    gap: 18px !important;
  }

  /* menú principal: recuperar aire real */
  #header .header-top .menu{
    padding-top: 24px !important;
    padding-right: 0 !important;
  }

  #header .header-top #_desktop_top_menu .top-menu{
    gap: 36px !important;
    align-items: center !important;
  }

  #header .header-top #_desktop_top_menu .top-menu > li{
    display: flex !important;
    align-items: center !important;
  }

  #header .header-top #_desktop_top_menu .top-menu > li > a,
  #header .header-top #_desktop_top_menu .top-menu a{
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  /* underline hover más corto y con más aire abajo */
  #header .header-top #_desktop_top_menu .top-menu > li > a{
    padding: 4px 0 10px !important;
  }

  #header .header-top #_desktop_top_menu .top-menu > li > a::after{
    left: 8% !important;
    right: 8% !important;
    bottom: 0 !important;
    height: 2px !important;
  }

  /* logo levemente más contenido para ganar equilibrio */
  #header #_desktop_logo svg,
  #header #_desktop_logo img,
  #header #_desktop_logo img.logo{
    height: 96px !important;
  }

  /* utilitarios arriba más parejos */
  #header .header-nav #_desktop_language_selector .btn-unstyle,
  #header .header-nav #_desktop_user_info a,
  #header .header-nav #_desktop_cart .blockcart,
  #header .header-nav .fm-social{
    min-height: 28px !important;
  }

  #header .header-nav #_desktop_language_selector .btn-unstyle,
  #header .header-nav #_desktop_user_info a{
    font-size: 14px !important;
  }

  /* íconos top nav */
  #header .header-nav #_desktop_user_info .material-icons,
  #header .header-nav #_desktop_cart .shopping-cart,
  #header .header-nav .fm-social svg{
    width: 18px !important;
    height: 18px !important;
    font-size: 18px !important;
  }
}
/* FURMATES – top nav social icons size restore */
@media (min-width: 992px) {
  #header .header-nav .fm-social{
    width: 22px !important;
    height: 22px !important;
  }

  #header .header-nav .fm-social svg{
    width: 22px !important;
    height: 22px !important;
    margin-bottom: 1rem !important;
  }
}

/* =========================================================
   FURMATES – Active state fix
   Catálogo + Contacto
   ========================================================= */

/* Catálogo: login / cuenta / autenticación */
body#authentication #header .header-top #_desktop_top_menu #lnk-catalogo > a,
body#identity #header .header-top #_desktop_top_menu #lnk-catalogo > a,
body#my-account #header .header-top #_desktop_top_menu #lnk-catalogo > a,
body.page-authentication #header .header-top #_desktop_top_menu #lnk-catalogo > a,
body.page-my-account #header .header-top #_desktop_top_menu #lnk-catalogo > a,

/* Contacto */
body#contact #header .header-top #_desktop_top_menu #lnk-contacto > a,
body.page-contact #header .header-top #_desktop_top_menu #lnk-contacto > a{
  color: #fff !important;
}

body#authentication #header .header-top #_desktop_top_menu #lnk-catalogo > a::after,
body#identity #header .header-top #_desktop_top_menu #lnk-catalogo > a::after,
body#my-account #header .header-top #_desktop_top_menu #lnk-catalogo > a::after,
body.page-authentication #header .header-top #_desktop_top_menu #lnk-catalogo > a::after,
body.page-my-account #header .header-top #_desktop_top_menu #lnk-catalogo > a::after,

body#contact #header .header-top #_desktop_top_menu #lnk-contacto > a::after,
body.page-contact #header .header-top #_desktop_top_menu #lnk-contacto > a::after{
  opacity: 1 !important;
  transform: scaleX(1) !important;
  box-shadow: 0 0 18px rgba(160,235,255,.42) !important;
}

html body #wrapper nav.breadcrumb,
html body #wrapper .breadcrumb,
html body#wrapper #wrapper nav.breadcrumb,
body.page-customer-account #wrapper nav.breadcrumb,
body.page-identity #wrapper nav.breadcrumb,
body#contact #wrapper nav.breadcrumb,
body#authentication #wrapper nav.breadcrumb,
body#password #wrapper nav.breadcrumb,
body#registration #wrapper nav.breadcrumb {
  margin-top: 1rem !important;
  padding-top: 0.3rem !important;
}

html body main #wrapper nav.breadcrumb {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  padding-top: 0.3rem !important;
}

html body main #wrapper nav.breadcrumb,
html body main #wrapper nav.breadcrumb ol {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  padding-top: 0.3rem !important;
}