/* =====================================================================================
   JB Perfumes · rediseño premium (nov-2026) · HEADER Y MENÚS
   Dueño: agente de header. La carga el mu-plugin jb-diseno.php (orden: tokens → sistema → header → …).

   Lo ESTRUCTURAL no está aquí: vive en el header nuevo del constructor de Woodmart, `header_202611`
   («JB Premium (nov-2026)»: buscador · logo centrado · iconos; menú en la fila inferior; alturas
   34/104/50 y móvil 28/62/48; fijas al bajar 66 + 44) y en los menús «Principal premium» (1241) y
   «Móvil premium» (1242), con «Diseño: Full width» en Perfumes y Marcas y clases jb-mm*.
   Esta hoja solo da el aspecto.

   Ámbito: todo cuelga de `.whb-header_202611` (la clase que Woodmart pone al <header> de ESE header),
   así que, si se vuelve al header anterior, nada de esto le afecta. El panel del menú móvil y la tira de
   categorías se pintan fuera del <header>: van bajo `body.jb-diseno`.
   Variables: tokens.css (con valores de respaldo por si se carga sola). Nuevas y solo del header: --jbh-*.
   ===================================================================================== */
:root {
  --jbh-negro: var(--jb-negro, #0f0e0c);
  --jbh-marfil: var(--jb-marfil, #f7f3ec);
  --jbh-dorado: var(--jb-dorado, #bf9f62);
  --jbh-sans: var(--jb-sans, 'Jost', 'Helvetica Neue', Arial, sans-serif);
  --jbh-serif: var(--jb-serif, 'Cormorant Garamond', Georgia, serif);
  --jbh-marfil-70: rgba(247, 243, 236, .72);
  --jbh-marfil-45: rgba(247, 243, 236, .45);
  --jbh-filete: rgba(247, 243, 236, .09);
  --jbh-ico-cuenta: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8.2' r='3.7'/%3E%3Cpath d='M4.6 20.3c1.2-3.7 4.1-5.6 7.4-5.6s6.2 1.9 7.4 5.6'/%3E%3C/svg%3E");
  --jbh-ico-deseos: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19.6s-7.4-4.5-7.4-9.9a4.1 4.1 0 0 1 7.4-2.5 4.1 4.1 0 0 1 7.4 2.5c0 5.4-7.4 9.9-7.4 9.9z'/%3E%3C/svg%3E");
  --jbh-ico-bolsa: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.2 8.4h13.6l-1.1 11.9H6.3z'/%3E%3Cpath d='M9 8.4V7.1a3 3 0 0 1 6 0v1.3'/%3E%3C/svg%3E");
  --jbh-ico-lupa: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.25' stroke-linecap='round'%3E%3Ccircle cx='10.6' cy='10.6' r='6.1'/%3E%3Cpath d='M15.2 15.2l4.6 4.6'/%3E%3C/svg%3E");
  --jbh-ico-menu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.25' stroke-linecap='round'%3E%3Cpath d='M3.5 7.5h17M3.5 12h17M3.5 16.5h10'/%3E%3C/svg%3E");
  --jbh-ico-flecha: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 9.5l5 5 5-5'/%3E%3C/svg%3E");
}

/* ---------- Base: las tres filas en negro tinta ---------- */
.whb-header_202611 .whb-top-bar,
.whb-header_202611 .whb-general-header,
.whb-header_202611 .whb-header-bottom { background-color: var(--jbh-negro) !important; }

/* =====================================================================================
   1 · BARRA SUPERIOR (aviso + redes pequeñas)
   ===================================================================================== */
.whb-header_202611 .jb-aviso-top {
  font-family: var(--jbh-sans) !important; font-size: 10.5px !important; font-weight: 400 !important;
  letter-spacing: var(--jb-tracking, .14em); text-transform: uppercase; color: var(--jbh-marfil-70) !important; white-space: nowrap;
}
.whb-header_202611 .jb-aviso-top i { font-style: normal; color: var(--jbh-dorado); padding: 0 .9em; }
/* El CSS adicional mete padding-top:15 % a las redes. */
.whb-header_202611 .whb-top-bar .wd-social-icons { padding-top: 0 !important; }
.whb-header_202611 .whb-top-bar .wd-social-icon { color: var(--jbh-marfil-45) !important; }
.whb-header_202611 .whb-top-bar .wd-social-icon:hover { color: var(--jbh-dorado) !important; }
.whb-header_202611 .whb-top-bar .wd-social-icon .wd-icon:before { font-size: 13px !important; }

/* =====================================================================================
   2 · FILA PRINCIPAL (escritorio): buscador · logo · cuenta, deseos y bolsa
   ===================================================================================== */
@media (min-width: 1025px) {
  /* Logo: el PNG 19845 tiene 254 px vacíos a la derecha (lienzo 1536, dibujo 34–1282): se recorta con
     object-fit para que quede centrado de verdad. Se anulan dos parches del CSS adicional:
     margin-top:-50px (lo sube) y padding-bottom:9 % (img.attachment-full.size-full). */
  .whb-header_202611 .whb-general-header .wd-logo img {
    margin: 0 !important; padding: 0 !important;
    height: 80px !important; width: auto !important; max-width: none !important;
    aspect-ratio: 1248 / 925; object-fit: cover; object-position: 13% 0;
  }
  .whb-header_202611.whb-sticked .whb-general-header .wd-logo img,
  .whb-header_202611 .whb-sticked .whb-general-header .wd-logo img { height: 50px !important; }

  /* Buscador: línea fina, lupa fina a la izquierda. */
  .whb-header_202611 .whb-general-header .wd-search-form { width: 100%; max-width: 300px; }
  .whb-header_202611 .whb-general-header .searchform { display: block !important; position: relative; }
  .whb-header_202611 .whb-general-header .searchform input.s {
    height: 40px !important; width: 100% !important; max-width: none !important;
    padding: 0 8px 0 30px !important; background: transparent !important;
    border: 0 !important; border-bottom: 1px solid rgba(247, 243, 236, .28) !important; border-radius: 0 !important;
    color: var(--jbh-marfil) !important; caret-color: var(--jbh-dorado);
    font-family: var(--jbh-sans) !important; font-size: 13px !important; font-weight: 300 !important; letter-spacing: .04em;
    transition: border-color .25s;
  }
  .whb-header_202611 .whb-general-header .searchform input.s:focus { border-bottom-color: var(--jbh-dorado) !important; }
  .whb-header_202611 .whb-general-header .searchform .searchsubmit {
    position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%);
    width: 22px !important; height: 22px !important; padding: 0 !important; margin: 0 !important;
    background: none !important; color: var(--jbh-marfil-70) !important;
  }

  /* Iconos de la derecha. */
  .whb-header_202611 .whb-general-header .whb-col-right { gap: 6px; }
  .whb-header_202611 .whb-general-header .wd-tools-element > a { padding: 0 9px !important; height: 44px; color: var(--jbh-marfil) !important; }
  .whb-header_202611 .whb-general-header .wd-tools-element > a:hover { color: var(--jbh-dorado) !important; }
}

/* Comunes a escritorio y móvil: placeholder del buscador y lupa fina. */
.whb-header_202611 .searchform input.s::placeholder { color: var(--jbh-marfil-45) !important; opacity: 1; }
.whb-header_202611 .searchform .searchsubmit:after {
  content: '' !important; display: block; width: 19px !important; height: 19px !important; margin: 0 !important;
  font-size: 0 !important; background: currentColor;
  -webkit-mask: var(--jbh-ico-lupa) center / contain no-repeat; mask: var(--jbh-ico-lupa) center / contain no-repeat;
}
.whb-header_202611 .searchform .searchsubmit:before { display: none !important; }

/* Iconos de línea fina: cuenta (sin texto), deseos, bolsa (sin subtotal), menú móvil. */
.whb-header_202611 .wd-header-my-account .wd-tools-text,
.whb-header_202611 .wd-header-cart .wd-tools-text,
.whb-header_202611 .wd-header-mobile-nav .wd-tools-text { display: none !important; }
.whb-header_202611 .wd-header-my-account .wd-tools-icon,
.whb-header_202611 .wd-header-wishlist .wd-tools-icon,
.whb-header_202611 .wd-header-cart .wd-tools-icon,
.whb-header_202611 .wd-header-mobile-nav .wd-tools-icon {
  display: flex !important; width: 24px !important; height: 24px !important; position: relative !important;
  background: none !important; border-radius: 0 !important; color: inherit !important;
}
.whb-header_202611 .wd-header-my-account .wd-tools-icon:before,
.whb-header_202611 .wd-header-wishlist .wd-tools-icon:before,
.whb-header_202611 .wd-header-cart .wd-tools-icon:before,
.whb-header_202611 .wd-header-mobile-nav .wd-tools-icon:before {
  content: '' !important; width: 24px; height: 24px; font-size: 0 !important; background: currentColor !important;
  -webkit-mask: var(--jbh-ico-cuenta) center / contain no-repeat; mask: var(--jbh-ico-cuenta) center / contain no-repeat;
}
.whb-header_202611 .wd-header-wishlist .wd-tools-icon:before { -webkit-mask-image: var(--jbh-ico-deseos); mask-image: var(--jbh-ico-deseos); }
.whb-header_202611 .wd-header-cart .wd-tools-icon:before { -webkit-mask-image: var(--jbh-ico-bolsa); mask-image: var(--jbh-ico-bolsa); }
.whb-header_202611 .wd-header-mobile-nav .wd-tools-icon { width: 26px !important; height: 26px !important; }
.whb-header_202611 .wd-header-mobile-nav .wd-tools-icon:before { width: 26px; height: 26px; -webkit-mask-image: var(--jbh-ico-menu); mask-image: var(--jbh-ico-menu); }
.whb-header_202611 .wd-header-cart .wd-tools-icon:after,
.whb-header_202611 .wd-header-mobile-nav .wd-tools-icon:after { display: none !important; }
.whb-header_202611 .wd-header-cart .wd-cart-number {
  position: absolute !important; top: -3px !important; right: -8px !important; left: auto !important;
  min-width: 16px; width: auto !important; height: 16px !important; padding: 0 4px; border-radius: 8px;
  background: var(--jbh-dorado) !important; color: var(--jbh-negro) !important;
  font: 500 10px/16px var(--jbh-sans) !important; text-align: center; letter-spacing: 0;
}
.whb-header_202611 .wd-header-cart .wd-cart-number > span { display: none; }

/* =====================================================================================
   3 · MENÚ (fila inferior): Perfumes ▾ · Marcas ▾ · Novedades · Ofertas · Blog
   ===================================================================================== */
@media (min-width: 1025px) {
  .whb-header_202611 .wd-nav-main { gap: 0 !important; }
  .whb-header_202611 .wd-nav-main > li { margin: 0 !important; }
  .whb-header_202611 .wd-nav-main > li > a {
    height: 50px; padding: 0 24px !important; background: none !important;
    font-family: var(--jbh-sans) !important; font-size: 12px !important; font-weight: 400 !important;
    letter-spacing: .2em !important; text-transform: uppercase; color: var(--jbh-marfil) !important;
  }
  .whb-header_202611.whb-sticked .wd-nav-main > li > a,
  .whb-header_202611 .whb-sticked .wd-nav-main > li > a { height: 44px; }
  /* El CSS adicional fuerza span.nav-link-text {color:white !important}. */
  .whb-header_202611 .wd-nav-main > li > a .nav-link-text { color: inherit !important; position: relative; }
  .whb-header_202611 .wd-nav-main > li > a:before { display: none !important; }
  .whb-header_202611 .wd-nav-main > li > a .nav-link-text:after {
    content: ''; position: absolute; left: 0; right: 0; bottom: -7px; height: 1px; background: var(--jbh-dorado);
    transform: scaleX(0); transition: transform .3s ease;
  }
  .whb-header_202611 .wd-nav-main > li:hover > a .nav-link-text:after,
  .whb-header_202611 .wd-nav-main > li.wd-opened > a .nav-link-text:after,
  .whb-header_202611 .wd-nav-main > li.current-menu-item > a .nav-link-text:after { transform: scaleX(1); }
  .whb-header_202611 .wd-nav-main > li:hover > a,
  .whb-header_202611 .wd-nav-main > li.wd-opened > a { color: var(--jbh-dorado) !important; }
  .whb-header_202611 .wd-nav-main > li.menu-item-has-children > a:after {
    content: '' !important; display: inline-block !important; width: 11px !important; height: 11px !important;
    margin-left: 7px !important; font-size: 0 !important; color: inherit !important; background: currentColor !important; opacity: .75;
    -webkit-mask: var(--jbh-ico-flecha) center / contain no-repeat; mask: var(--jbh-ico-flecha) center / contain no-repeat;
  }

  /* =====================================================================================
     4 · MEGA-MENÚS (ítems de nivel 0 con clase jb-mm y Diseño «Full width»)
     El panel ocupa el ancho de la fila; el contenido, el contenedor de 1222 px del tema.
     ===================================================================================== */
  .whb-header_202611 .whb-header-bottom,
  .whb-header_202611 .whb-header-bottom .container,
  .whb-header_202611 .whb-header-bottom .whb-column,
  .whb-header_202611 .wd-header-main-nav,
  .whb-header_202611 .wd-nav-main > li.jb-mm { position: static !important; }
  .whb-header_202611 .whb-header-bottom { position: relative !important; }
  .whb-header_202611 .wd-nav-main > li.jb-mm > .wd-dropdown {
    position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important;
    width: auto !important; margin: 0 !important; padding: 44px 0 46px !important; inset-inline-start: 0 !important;
    background: var(--jbh-marfil) !important; border-top: 1px solid var(--jb-linea, rgba(191, 159, 98, .4)); border-radius: 0 !important;
    box-shadow: 0 28px 50px -20px rgba(0, 0, 0, .35) !important;
  }
  .whb-header_202611 .wd-nav-main > li.jb-mm > .wd-dropdown:after,
  .whb-header_202611 .wd-nav-main > li.jb-mm > .wd-dropdown:before { display: none !important; }
  .whb-header_202611 .wd-nav-main > li.jb-mm > .wd-dropdown > .container { max-width: 1222px; margin: 0 auto; padding: 0 15px; }
  .whb-header_202611 .jb-mm .wd-sub-menu {
    display: flex !important; flex-wrap: nowrap !important; align-items: flex-start; column-gap: 40px;
    margin: 0 !important; padding: 0 !important; list-style: none;
  }
  .whb-header_202611 .jb-mm .wd-sub-menu > li { flex: 1 1 0; width: auto !important; max-width: none !important; min-width: 0; padding: 0 !important; margin: 0 !important; }
  .whb-header_202611 .jb-mm .wd-sub-menu > li > a {
    display: block !important; padding: 0 0 12px !important; margin-bottom: 14px !important; border-bottom: 1px solid var(--jb-linea, rgba(191, 159, 98, .4));
    font-family: var(--jbh-serif) !important; font-size: 23px !important; font-weight: 600 !important; line-height: 1.1 !important;
    letter-spacing: 0 !important; text-transform: none !important; color: var(--jb-texto, #1c1a17) !important;
  }
  .whb-header_202611 .jb-mm .wd-sub-menu > li > a:hover { color: var(--jb-dorado-oscuro, #85662b) !important; }
  .whb-header_202611 .jb-mm .sub-sub-menu {
    position: static !important; margin: 0 !important; padding: 0 !important; list-style: none; width: auto !important;
    box-shadow: none !important; background: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important;
  }
  .whb-header_202611 .jb-mm .sub-sub-menu > li > a {
    display: block; padding: 5px 0 !important;
    font-family: var(--jbh-sans) !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.45 !important;
    letter-spacing: .01em !important; text-transform: none !important; color: var(--jb-texto-suave, #5f5a52) !important;
    transition: color .2s, transform .2s;
  }
  .whb-header_202611 .jb-mm .sub-sub-menu > li > a:hover { color: var(--jb-texto, #1c1a17) !important; transform: translateX(3px); }
  .whb-header_202611 .jb-mm .sub-sub-menu > li.jb-mm-vertodo > a {
    margin-top: 12px; white-space: nowrap; font-size: 11px !important; font-weight: 500 !important;
    letter-spacing: var(--jb-tracking, .14em) !important; text-transform: uppercase !important; color: var(--jb-dorado-oscuro, #85662b) !important;
  }
  .whb-header_202611 .jb-mm .sub-sub-menu > li.jb-mm-vertodo > a:after { content: ' →'; letter-spacing: 0; }
  .whb-header_202611 .jb-mm .wd-sub-menu > li.jb-mm-destacadas { padding-left: 40px !important; border-left: 1px solid var(--jb-linea, rgba(191, 159, 98, .4)); }
  .whb-header_202611 .jb-mm .wd-sub-menu > li.jb-mm-2col { flex-grow: 2.2; }
  .whb-header_202611 .jb-mm li.jb-mm-2col > .sub-sub-menu { column-count: 2; column-gap: 40px; }
  .whb-header_202611 .jb-mm li.jb-mm-2col > .sub-sub-menu > li { break-inside: avoid; }
  /* Tarjetas: estuches con la foto de la categoría (adjunto 886); índice A–Z en negro. */
  .whb-header_202611 .jb-mm .wd-sub-menu > li.jb-mm-card {
    flex-grow: 1.3; position: relative; min-height: 300px; padding: 26px 24px !important; align-self: stretch; overflow: hidden;
    display: flex !important; flex-direction: column; justify-content: flex-end; background: var(--jbh-negro) center / cover no-repeat;
  }
  .whb-header_202611 .jb-mm .wd-sub-menu > li.jb-mm-card-estuches {
    background-image: linear-gradient(180deg, rgba(15, 14, 12, 0) 18%, rgba(15, 14, 12, .6) 52%, rgba(15, 14, 12, .94) 100%), url('/wp-content/uploads/2025/04/Estuches-768x768.png');
  }
  .whb-header_202611 .jb-mm .wd-sub-menu > li.jb-mm-card-az { background-image: radial-gradient(120% 90% at 100% 0%, rgba(191, 159, 98, .22), rgba(15, 14, 12, 0) 60%); }
  .whb-header_202611 .jb-mm .wd-sub-menu > li.jb-mm-card-az:before {
    content: 'A — Z'; position: absolute; top: 20px; left: 24px; font: 500 58px/1 var(--jbh-serif); color: var(--jbh-dorado); letter-spacing: .02em;
  }
  .whb-header_202611 .jb-mm .wd-sub-menu > li.jb-mm-card > a { border: 0 !important; margin: 0 0 6px !important; padding: 0 !important; color: var(--jbh-marfil) !important; font-size: 26px !important; }
  .whb-header_202611 .jb-mm li.jb-mm-card .sub-sub-menu > li > a { color: var(--jbh-marfil-70) !important; font-size: 13px !important; padding: 2px 0 !important; }
  .whb-header_202611 .jb-mm li.jb-mm-card .sub-sub-menu > li.jb-mm-vertodo > a { color: var(--jbh-dorado) !important; margin-top: 14px; }
}

/* =====================================================================================
   5 · MÓVIL Y TABLETA (≤1024 px): aviso · [menú | logo | bolsa] · buscador
   ===================================================================================== */
@media (max-width: 1024px) {
  .whb-header_202611 .jb-aviso-top { font-size: 10px !important; letter-spacing: .1em; }
  /* Sin filete visible entre logo y buscador, pero el px se conserva: el tema reserva el alto del header
     sumando los bordes de las filas y, si se quita, asoma 1 px blanco debajo. */
  .whb-header_202611 .whb-general-header { border-bottom-color: var(--jbh-negro) !important; }
  .whb-header_202611 .whb-general-header .wd-logo img {
    height: 50px !important; width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important;
    aspect-ratio: 1248 / 925; object-fit: cover; object-position: 13% 0;
  }
  .whb-header_202611 .wd-header-mobile-nav > a { padding: 0 8px 0 4px !important; color: var(--jbh-marfil) !important; }
  .whb-header_202611 .wd-header-cart > a { padding: 0 6px !important; color: var(--jbh-marfil) !important; }
  .whb-header_202611 .wd-header-cart .wd-tools-icon { width: 26px !important; height: 26px !important; }
  .whb-header_202611 .wd-header-cart .wd-tools-icon:before { width: 26px; height: 26px; }
  .whb-header_202611 .wd-header-cart .wd-cart-number { top: -2px !important; right: -7px !important; }
  .whb-header_202611 .whb-header-bottom .wd-search-form { width: 100%; }
  .whb-header_202611 .whb-header-bottom .searchform { position: relative; display: block !important; }
  .whb-header_202611 .whb-header-bottom .searchform input.s {
    height: 38px !important; width: 100% !important; max-width: none !important; padding: 0 14px 0 42px !important;
    border-radius: var(--jb-radio, 2px) !important; background: var(--jb-grafito, #1c1a17) !important; border: 1px solid rgba(247, 243, 236, .14) !important;
    color: var(--jbh-marfil) !important; font-family: var(--jbh-sans) !important; font-size: 14px !important; font-weight: 300 !important; letter-spacing: .02em;
  }
  .whb-header_202611 .whb-header-bottom .searchform input.s:focus { border-color: var(--jbh-dorado) !important; }
  .whb-header_202611 .whb-header-bottom .searchform .searchsubmit {
    position: absolute !important; left: 12px !important; top: 50% !important; transform: translateY(-50%);
    width: 20px !important; height: 20px !important; padding: 0 !important; margin: 0 !important; background: none !important; color: var(--jbh-marfil-70) !important;
  }

  /* Tira de categorías (mu-plugin jb-tira-categorias.php, fuera del <header>). */
  body.jb-diseno .jb-tira { height: 36px !important; gap: 22px !important; padding: 0 16px !important; background: var(--jbh-negro) !important; border-top: 1px solid var(--jbh-filete) !important; border-bottom: 1px solid var(--jb-linea, rgba(191, 159, 98, .4)); }
  body.jb-diseno .jb-tira-cat {
    font-family: var(--jbh-sans) !important; font-size: 11px !important; font-weight: 400 !important;
    letter-spacing: var(--jb-tracking, .14em) !important; text-transform: uppercase; color: var(--jbh-marfil-70) !important;
  }
  body.jb-diseno .jb-tira-cat.jb-tira-marcas,
  body.jb-diseno .jb-tira-cat.is-actual { color: var(--jbh-dorado) !important; }

  /* =====================================================================================
     6 · PANEL DEL MENÚ MÓVIL (menú «Móvil premium», 1242; se pinta fuera del <header>)
     ===================================================================================== */
  body.jb-diseno .mobile-nav.wd-side-hidden { background: var(--jbh-negro) !important; width: 320px !important; }
  /* close_btn=1 pinta .wd-heading; el CSS adicional oculta TODOS los .wd-heading (se acota al activar). */
  body.jb-diseno .mobile-nav > .wd-heading {
    display: flex !important; align-items: center; justify-content: flex-end; height: 56px; padding: 0 20px; margin: 0;
    border-bottom: 1px solid var(--jb-linea, rgba(191, 159, 98, .4)); background: transparent;
  }
  body.jb-diseno .mobile-nav > .wd-heading .close-side-widget a {
    font: 400 10.5px var(--jbh-sans) !important; letter-spacing: var(--jb-tracking, .14em) !important; text-transform: uppercase; color: var(--jbh-marfil-70) !important;
  }
  body.jb-diseno .mobile-nav .wd-nav-mobile { padding-top: 8px !important; background: transparent !important; }
  body.jb-diseno .mobile-nav .wd-nav-mobile > li { border-bottom: 1px solid var(--jbh-filete) !important; }
  body.jb-diseno .mobile-nav .wd-nav-mobile > li > a {
    min-height: 58px !important; padding: 0 20px !important;
    font-family: var(--jbh-serif) !important; font-size: 23px !important; font-weight: 500 !important;
    letter-spacing: 0 !important; text-transform: none !important; color: var(--jbh-marfil) !important;
  }
  /* El CSS adicional pone span.nav-link-text en negro por debajo de 500 px. */
  body.jb-diseno .mobile-nav .wd-nav-mobile .nav-link-text { color: inherit !important; }
  body.jb-diseno .mobile-nav .wd-nav-mobile > li.current-menu-item > a,
  body.jb-diseno .mobile-nav .wd-nav-mobile > li.wd-opened > a { color: var(--jbh-dorado) !important; }
  body.jb-diseno .mobile-nav .wd-nav-mobile .wd-nav-opener {
    width: 58px !important; height: 58px !important; background: transparent !important;
    border-left: 1px solid var(--jbh-filete) !important; color: var(--jbh-dorado) !important;
  }
  body.jb-diseno .mobile-nav .wd-nav-mobile .wd-nav-opener:after {
    content: '' !important; width: 14px; height: 14px; font-size: 0 !important; background: currentColor;
    -webkit-mask: var(--jbh-ico-flecha) center / contain no-repeat; mask: var(--jbh-ico-flecha) center / contain no-repeat; transition: transform .25s;
  }
  body.jb-diseno .mobile-nav .wd-nav-mobile .wd-nav-opener.wd-active:after { transform: rotate(180deg); }
  body.jb-diseno .mobile-nav .wd-nav-mobile .wd-sub-menu { background: var(--jb-grafito, #1c1a17) !important; padding: 6px 0 12px !important; }
  body.jb-diseno .mobile-nav .wd-nav-mobile .wd-sub-menu > li { border: 0 !important; }
  body.jb-diseno .mobile-nav .wd-nav-mobile .wd-sub-menu > li > a {
    min-height: 40px !important; padding: 0 20px 0 32px !important;
    font-family: var(--jbh-sans) !important; font-size: 14px !important; font-weight: 300 !important;
    letter-spacing: .02em !important; text-transform: none !important; color: var(--jbh-marfil-70) !important;
  }
  body.jb-diseno .mobile-nav .wd-nav-mobile .wd-sub-menu > li.jb-mm-vertodo > a {
    font-size: 11px !important; font-weight: 500 !important; letter-spacing: var(--jb-tracking, .14em) !important;
    text-transform: uppercase !important; color: var(--jbh-dorado) !important;
  }
  /* Ítems de servicio que añade el tema (deseos, cuenta): pequeños, en versalitas. */
  body.jb-diseno .mobile-nav .wd-nav-mobile > li.menu-item-account > a,
  body.jb-diseno .mobile-nav .wd-nav-mobile > li.menu-item-wishlist > a {
    min-height: 50px !important; font-family: var(--jbh-sans) !important; font-size: 11px !important; font-weight: 400 !important;
    letter-spacing: var(--jb-tracking, .14em) !important; text-transform: uppercase !important; color: var(--jbh-marfil-70) !important;
  }
  body.jb-diseno .mobile-nav .wd-nav-mobile > li.menu-item-account > a:before,
  body.jb-diseno .mobile-nav .wd-nav-mobile > li.menu-item-wishlist > a:before { color: var(--jbh-dorado) !important; }
}