/* nv-cabecera.css — cabecera de La Novedad (T1): anuncio, top bar, cabecera, desplegables, cajones de menú
   y búsqueda, barra inferior móvil. Valores medidos en lanovedad.com (Nitro 1.1.2) con getComputedStyle el
   2026-09-10/11 a 1440×900 y 390×844 [CAB §3–§10]; solo consume los tokens --nv-* de nv-base.css.
   Mis botones anulan la piel base de <button> (fondo #222, borde, padding 11px 15px) con clase propia. */

.nv-cab{position:relative;font-family:var(--nv-font)}

/* ── Barra de anuncios (§2.2) ─────────────────────────────────────────────────────────────
   35 px = min-height 26 + 5/5 de padding sobre una línea de 24,65 px. El color de respaldo es la media
   de los 192 fotogramas del GIF de Shopify (rgb 190,151,76): la barra nunca queda transparente. */
.nv-anuncio{display:flex;align-items:center;justify-content:center;min-height:26px;padding:5px 15px;box-sizing:border-box;
  /* El dueño pidió el oro quieto (2026-09-16): fuera el WebP animado que copiaba el brillo de Shopify
     (anuncio-oro.webp, 45 KB y una petición más en la primera pantalla). --nv-oro-barra es ese mismo
     oro medido sobre la imagen, en degradado. El color plano sostiene la barra en navegadores viejos. */
  background:rgb(190,151,76);background-image:var(--nv-oro-barra);color:#fff;
  font-size:14.5px;font-weight:400;line-height:24.65px;letter-spacing:0;text-align:center}
.nv-anuncio__txt{margin:0}
.nv-anuncio__txt p{margin:0}
.nv-anuncio strong,.nv-anuncio b{font-size:14px;font-weight:600}
.nv-anuncio a{color:inherit;text-decoration:underline}
.nv-anuncio a:hover{color:inherit;opacity:.8}
.nv-anuncio .nv-cuenta-atras--linea{display:inline-block;margin:0 5px;padding:1px 15px;border-radius:25px;background:#fff;color:var(--nv-price);line-height:inherit}
/* «Terminan en» solo junto a su píldora. La píldora llega con hidden y nv-base.js (diferido) la muestra, o
   retira el conjunto si ya venció; sin esto la frase quedaba sola hasta que corría el JS, en una copia de
   caché vencida y, sin JS, para siempre: justo lo que [DEC] prohíbe («Terminan en . CORRE!!»). */
.nv-anuncio__cuenta:has(> .nv-cuenta-atras[hidden]){display:none}
@media (min-width:1200px){.nv-anuncio{padding-inline:90px}}

/* ── Top bar (§2.3): 46 px = botón de 25 + 10/10 + borde de 1 ─────────────────────────── */
.nv-topbar{padding:10px 15px;border-bottom:1px solid #000;background:var(--nv-soft-bg);color:var(--nv-muted);
  font-size:12.5px;font-weight:400;line-height:21.25px;text-align:center}
.nv-topbar__txt{margin:0}
.nv-topbar__btn{display:inline-block;min-height:24px;margin:0 8px;padding:0 10px;border-bottom:1px solid currentColor;border-radius:4px;
  background:var(--nv-oro);color:#151515;font-size:12.5px;line-height:24px;text-decoration:none;transition:opacity var(--nv-ease)}
.nv-topbar__btn:hover{background:var(--nv-oro-vivo);color:#151515;opacity:1}

/* ── Cabecera (§2.4 escritorio) ────────────────────────────────────────────────────────────
   Retícula logo_center de Nitro: fila de 1290 px a 1440 (padding 75 + columnas con 15 a cada lado),
   5/12 · 2/12 · 5/12 → la columna del logo mide justo 185 px y el menú empieza en x 90. */
.nv-hd{--nv-hd-c:var(--nv-dark);--nv-hd-hover:var(--nv-link-hover);position:relative;z-index:var(--nv-z-header);
  background:#fff;color:var(--nv-hd-c);transition:transform .3s ease}
.nv-hd__fila{display:flex;align-items:stretch;min-height:100px;padding:0 15px;box-sizing:border-box}
.nv-hd__col{display:flex;align-items:center;min-width:0;padding:0 15px;box-sizing:border-box}
.nv-hd__col--izq{flex:0 0 41.6667%;max-width:41.6667%}
.nv-hd__col--logo{flex:0 0 16.6667%;max-width:16.6667%;justify-content:center;text-align:center}
.nv-hd__col--iconos{flex:0 0 41.6667%;max-width:41.6667%;justify-content:flex-end}
@media (min-width:1200px){.nv-hd__fila{padding:0 75px}}

/* Logo: el ancho lo manda la columna (Shopify pide 350 con max-width:100 %): 185 px a 1440. */
.nv-hd__logo{position:relative;display:inline-block;line-height:1;vertical-align:top;color:inherit}
/* Medido en Shopify: el enlace del logo mide 127,8 (imagen de 125,8 + 2 px de la línea en la que va). En
   un flex el enlace pasa a bloque y esos 2 px desaparecían (126): se reponen a mano en escritorio. */
@media (min-width:1025px){.nv-hd__logo{padding-bottom:2px}}
.nv-hd__logo-img{box-sizing:content-box;padding:5px 0;height:auto;max-width:100%}
.nv-hd__logo-img--normal{width:350px}
.nv-hd__logo-img--pegada{display:none;width:140px}

/* La misma luz que la pantalla de carga y la página de mantenimiento, ahora siempre encendida sobre el logo
   de la cabecera (pedido del dueño el 2026-09-22). Es un degradado claro RECORTADO A LA SILUETA del logo —la
   máscara es el propio archivo—, así que el brillo recorre las letras y no un rectángulo.

   La máscara sale de --nv-hd-logo, que imprime la cabecera con la MISMA dirección (con ?ver) de la imagen:
   así el navegador reaprovecha la descarga y la luz no cuesta ni una petición. La ruta relativa que va como
   respaldo apunta al mismo archivo, pero sin ?ver sería un recurso distinto y se bajaría dos veces.

   El recuadro se ciñe al ÁREA DE CONTENIDO de la imagen, no a la caja del enlace: la imagen lleva padding
   5px arriba y abajo, y en escritorio el enlace añade 2 px de relleno abajo. Como un absoluto
   se posiciona contra la caja de RELLENO del enlace, con inset 0 la máscara «contain» se encogería para
   caber en un recuadro más alto que la imagen y la luz iría desalineada de las letras: de ahí el 5/5 (7
   abajo en escritorio, que es donde están esos 2 px). */
.nv-hd__logo-luz{position:absolute;left:0;right:0;top:5px;bottom:5px;pointer-events:none;
  background:linear-gradient(100deg,rgba(255,252,238,0) 44%,rgba(255,252,238,.72) 50%,rgba(255,252,238,0) 56%);
  background-repeat:no-repeat;background-size:200% 100%;background-position:-110% 0;
  -webkit-mask:var(--nv-hd-logo,url("../img/logo-dorado.webp")) center/contain no-repeat;
  mask:var(--nv-hd-logo,url("../img/logo-dorado.webp")) center/contain no-repeat;
  animation:nv-hd-luz 4.6s ease-in-out infinite}
@media (min-width:1025px){.nv-hd__logo-luz{bottom:7px}}
/* Pasa y descansa: el brillo cruza en ~2,2 s y el resto del ciclo el logo se queda quieto. Un barrido sin
   pausa, en una cabecera que se ve en todas las páginas y todo el rato, cansa la vista. */
@keyframes nv-hd-luz{0%,14%{background-position:-110% 0}62%,100%{background-position:210% 0}}
/* Sin mask-* no hay silueta que valga: la luz sería un rectángulo sobre el logo. Mejor no ponerla. */
@supports not ((-webkit-mask:url("a") center/contain no-repeat) or (mask:url("a") center/contain no-repeat)){
  .nv-hd__logo-luz{display:none}
}

/* Menú: Jost 16/500, 48 px entre elementos; el li ocupa todo el alto de la fila para que el panel
   caiga justo en el borde inferior de la cabecera (medido: top 208 con la fila en 81–208,8). */
.nv-hd__nav{align-self:stretch;display:flex}
.nv-hd__menu{display:flex;align-items:stretch;margin:0;padding:0;list-style:none}
.nv-hd__item{position:relative;display:flex;align-items:center;margin:0 24px}
.nv-hd__item:first-child{margin-left:0}
.nv-hd__enlace{position:relative;display:flex;align-items:center;min-height:0;margin:0;padding:8px 0;border:0;border-radius:0;
  background:transparent;color:inherit;font-family:var(--nv-font);font-size:16px;font-weight:500;line-height:16px;
  letter-spacing:0;text-transform:none;text-decoration:none;cursor:pointer;transition:color var(--nv-ease)}
.nv-hd__enlace::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:currentColor;transition:width .3s ease}
.nv-hd__enlace:hover,.nv-hd__item.is-abierto>.nv-hd__enlace,.nv-hd__enlace:focus-visible{background:transparent;color:var(--nv-hd-hover)}
.nv-hd__enlace:hover::after,.nv-hd__item.is-abierto>.nv-hd__enlace::after,.nv-hd__enlace:focus-visible::after{width:100%}
@media (hover:hover){.nv-hd__item:hover>.nv-hd__enlace{color:var(--nv-hd-hover)}.nv-hd__item:hover>.nv-hd__enlace::after{width:100%}}

/* Desplegables (§2.5): lista simple, 268 × (20/30 de padding), sombra 0 0 3px. Medido desde 1200: el panel
   queda centrado 9 px a la derecha del centro del enlace (x 8 bajo «Colecciones», x 230 bajo «Nosotros»).
   Enlaces 15/400, lh 22,5, padding 11 px 0 (el valor del CSS del tema; el «14 px» del informe se midió
   antes de que el menú se cargara). --nv-drop-x es el desplazamiento horizontal de los tres estados. */
.nv-hd__drop{--nv-drop-x:calc(-50% + 9px);position:absolute;top:100%;left:50%;z-index:2;width:268px;min-width:260px;max-height:75vh;overflow-y:auto;
  padding:20px 30px;box-sizing:border-box;background:#fff;box-shadow:var(--nv-shadow-drop);border-radius:0;text-align:left;
  opacity:0;visibility:hidden;pointer-events:none;transform:translate(var(--nv-drop-x),15px);
  transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}
.nv-hd__item.is-abierto>.nv-hd__drop{opacity:1;visibility:visible;pointer-events:auto;transform:translate(var(--nv-drop-x),0);transition:opacity .2s ease,transform .2s ease,visibility 0s}
@media (hover:hover){.nv-hd__item:hover>.nv-hd__drop{opacity:1;visibility:visible;pointer-events:auto;transform:translate(var(--nv-drop-x),0);transition:opacity .2s ease,transform .2s ease,visibility 0s}}
/* 1025–1199: la fila baja de 75 a 15 px de padding y el menú se corre 60 px a la izquierda. Centrado en su
   enlace, el panel de «Colecciones» empezaba en x −52 y cortaba los nombres («sos» por «Bolsos») justo en el
   iPad horizontal, donde el toque es la única vía a las categorías. Shopify, con carga fresca a 1180 y a
   1025, los pone en x 39,3 y 189,7: 9,3 px después del borde de «Colecciones» y 73,4 px antes del de
   «Nosotros» (sus enlaces quedan en x 30 y 263,1, igual que aquí). Anclados al borde, no al centro. */
@media (min-width:1025px) and (max-width:1199px){
  #nv-hd-drop-colecciones{left:0;--nv-drop-x:9.3px}
  #nv-hd-drop-nosotros{left:0;--nv-drop-x:-73.4px}
}
.nv-hd__drop ul{margin:0;padding:0;list-style:none}
.nv-hd__drop li{margin:0;padding:0}
.nv-hd__drop a{position:relative;display:inline-block;padding:11px 0;color:var(--nv-ink);font-size:15px;font-weight:400;line-height:22.5px;text-decoration:none}
.nv-hd__drop a::after{content:"";position:absolute;left:0;bottom:10px;width:0;height:1px;background:currentColor;transition:width .3s ease}
.nv-hd__drop a:hover{color:var(--nv-link-hover)}
.nv-hd__drop a:hover::after{width:100%}

/* Iconos: 22 px con 14 px a cada lado (paso de 50 medido); la burbuja va 17 px a la derecha y 7 px por
   encima de la bolsa, 22 × 22 con aro blanco de 2 px, número 10/500. Visible también con 0. */
.nv-hd__icono{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;color:inherit;line-height:1;text-decoration:none}
.nv-hd__icono:hover{color:var(--nv-hd-hover)}
.nv-hd__icono .nv-i{width:22px;height:22px}
.nv-hd__bolsa{position:relative;display:inline-flex}
.nv-hd__count{position:absolute;top:-7px;left:17px;min-width:22px;height:22px;padding:0 1px;box-sizing:border-box;border:2px solid #fff;border-radius:50%;
  background:var(--nv-accent);color:#fff;font-size:10px;font-weight:500;line-height:18px;text-align:center;white-space:nowrap}
@media (min-width:1025px) and (max-width:1366px){.nv-hd__icono--buscar{padding:0 11px}}

/* Hamburguesa (solo < 1025): tres barras de 18 px dentro de su caja de 18 × 22. */
.nv-hd__ham{display:none;flex-direction:column;justify-content:center;gap:5px;width:18px;height:22px;margin:0;padding:0;border:0;border-radius:0;
  background:transparent;color:inherit;cursor:pointer}
.nv-hd__ham:hover{background:transparent;color:var(--nv-hd-hover)}
.nv-hd__ham span{display:block;width:18px;height:2px;background:currentColor;border-radius:1px}
.nv-hd__ham span:nth-child(2){width:15px}

/* ── Modo transparente (portada y colecciones): top bar y cabecera fuera del flujo, justo bajo el
   anuncio (top:auto = su sitio natural), y el primer bloque de la página queda detrás (T4/T5). ── */
body.nv-hd-transparente .nv-hd-zona{position:absolute;left:0;right:0;z-index:var(--nv-z-header)}
body.nv-hd-transparente .nv-topbar{background:transparent;color:var(--nv-ink);border-bottom-color:rgba(162,123,47,.5)}
body.nv-hd-transparente .nv-hd{--nv-hd-c:var(--nv-card-title);background:transparent}

/* ── Pegada (§2.4): se oculta al bajar y vuelve fija al subir, blanca, 100 px, logo negro de 140 ── */
body .nv-hd.nv-hd--pegada{--nv-hd-c:var(--nv-card-title);--nv-hd-hover:var(--nv-hover-alt);position:fixed;top:0;left:0;right:0;
  background:#fff;box-shadow:var(--nv-shadow-stuck)}
.nv-hd--pegada .nv-hd__logo-img--normal{display:none}
.nv-hd--pegada .nv-hd__logo-img--pegada{display:inline}
.nv-hd--pegada .nv-hd__logo-luz{-webkit-mask-image:var(--nv-hd-logo-pegada,url("../img/logo-dorado-ancho.webp"));
  mask-image:var(--nv-hd-logo-pegada,url("../img/logo-dorado-ancho.webp"))}
.nv-hd--oculta{transform:translateY(-100%)}
.nv-hd--sin-trans{transition:none!important}
body.admin-bar .nv-hd--pegada{top:32px}
@media (max-width:782px){body.admin-bar .nv-hd--pegada{top:46px}}
@media (max-width:600px){body.admin-bar .nv-hd--pegada{top:0}}

/* ── Móvil y tableta (< 1025, §2.6): 3/6/3 (4/4/4 en tableta), 104 px con el logo de 150 ─────── */
@media (max-width:1024px){
  .nv-hd__fila{min-height:90px;padding:0 7.5px}
  .nv-hd__col{padding:0 7.5px}
  .nv-hd__col--izq{flex-basis:25%;max-width:25%}
  .nv-hd__col--logo{flex-basis:50%;max-width:50%}
  .nv-hd__col--iconos{flex-basis:25%;max-width:25%}
  .nv-hd__nav{display:none}
  .nv-hd__ham{display:inline-flex}
  .nv-hd__logo{display:block;line-height:0}
  .nv-hd__logo-img--normal{width:150px}
  .nv-hd__col--iconos{padding-right:15.5px}
}
@media (min-width:768px) and (max-width:1024px){
  .nv-hd__fila{padding:0}
  .nv-hd__col{padding:0 15px}
  .nv-hd__col--izq,.nv-hd__col--logo,.nv-hd__col--iconos{flex-basis:33.3333%;max-width:33.3333%}
  .nv-hd__icono{padding:0 11px}
}
/* ≤ 767: iconos de 20 px con 6 px a cada lado y el grupo 8 px hacia dentro (medido: lupa x 309, bolsa
   x 341 y burbuja x 356 a 390). */
@media (max-width:767px){
  .nv-hd__icono{padding:0 6px}
  .nv-hd__icono .nv-i{width:20px;height:20px}
  .nv-hd__count{left:15px}
}

/* ── Cajones (el cajón y el velo son de T0; aquí solo su contenido) ─────────────────────── */
.nv-cajon .nv-cajon__cerrar .nv-i{width:22px;height:22px}

/* Menú móvil (§2.7): cerrar fuera, sobre el velo; dos pestañas de 55 de alto. Ancho de Shopify medido el
   2026-09-11 de 300 a 1024 px: 350 desde 641; ancho − 65 de 361 a 640 (325 a 390, 349 a 414); ancho − 50
   hasta 360 (270 a 320). Con 325 fijos, a 320 el cajón llenaba la pantalla (max-width:100 % de la base) y
   el botón de cerrar quedaba fuera: ni X ni velo que tocar para salir. */
#nv-menu-movil{--nv-cajon-w:350px;overflow:visible}
@media (max-width:640px){#nv-menu-movil{--nv-cajon-w:calc(100% - 65px)}}
@media (max-width:360px){#nv-menu-movil{--nv-cajon-w:calc(100% - 50px)}}
.nv-mm__cerrar{right:-50px;color:#fff}
.nv-mm__cerrar:hover{color:#fff;opacity:.8}
.nv-mm__tabs{display:flex;flex:0 0 auto}
.nv-mm__tab{flex:1 1 50%;display:flex;align-items:center;justify-content:center;gap:8px;height:55px;margin:0;padding:5px 10px;box-sizing:border-box;
  border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--nv-ink);opacity:.4;
  font-family:var(--nv-font);font-size:16px;font-weight:500;line-height:27.2px;letter-spacing:.3px;cursor:pointer}
.nv-mm__tab:hover{background:transparent;color:var(--nv-ink);border-color:transparent;opacity:.7}
.nv-mm__tab.is-activa,.nv-mm__tab.is-activa:hover{opacity:1;border-bottom-color:var(--nv-ink)}
.nv-mm__tab .nv-i--cuadricula{width:18px;height:18px}
.nv-mm__tab .nv-i--etiqueta{width:22px;height:22px}
.nv-mm__cuerpo{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain}
.nv-mm__lista{margin:0;padding:0;list-style:none}
.nv-mm__lista--menu{padding-top:19px}
.nv-mm__lista--cat{padding-top:2px}
.nv-mm__lista li{margin:0}
.nv-mm__lista>li>a,.nv-mm__toggle,.nv-mm__sub a{display:flex;align-items:center;width:100%;min-height:51px;margin:0;padding:8px 20px;box-sizing:border-box;
  border:0;border-radius:0;background:transparent;color:var(--nv-ink);font-family:var(--nv-font);font-size:16px;font-weight:500;
  line-height:22.4px;letter-spacing:.2px;text-align:left;text-decoration:none;cursor:pointer;transition:background-color .2s}
.nv-mm__lista>li>a:hover,.nv-mm__toggle:hover,.nv-mm__sub a:hover,.nv-mm__padre.is-abierto>.nv-mm__toggle{background:rgba(21,21,21,.08);color:var(--nv-ink)}
.nv-mm__toggle{justify-content:space-between}
.nv-mm__flecha{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0 -10px 0 5px}
.nv-mm__flecha .nv-i{width:14px;height:14px;stroke-width:2;transition:transform .3s ease}
.nv-mm__padre.is-abierto .nv-mm__flecha .nv-i{transform:rotate(180deg)}
.nv-mm__sub{margin:0;padding:0;list-style:none}
.nv-mm__sub a{font-size:14px;line-height:19.6px;letter-spacing:0}
.nv-mm__ayuda{padding:16px 20px;border-top:1px solid rgba(229,229,229,.6);border-bottom:1px solid rgba(229,229,229,.6)}
.nv-mm__ayuda-t{margin:0 0 3px;font-size:16px;font-weight:400;line-height:27.2px}
.nv-mm__ayuda-x{margin:0;font-size:16px;line-height:32px}
.nv-mm__ayuda-x a{display:flex;align-items:center;gap:10px;color:var(--nv-ink);text-decoration:none}
.nv-mm__ayuda-x a:hover{color:var(--nv-link-hover)}
.nv-mm__ayuda-x .nv-i{width:16px;height:16px}
.nv-mm__lista--cat img{flex:0 0 20px;width:20px;height:20px;margin-right:10px;border-radius:4px;object-fit:contain}

/* Búsqueda (§2.9): 555 px; encabezado de 111 (40 + título 31 + 40); campo 515 × 46. En móvil, como en
   Shopify medido a 390: cajón de 325, sin encabezado y el campo arriba. */
#nv-buscar{--nv-cajon-w:555px}
.nv-buscar__cab{flex:0 0 auto;padding:40px 70px 0;text-align:center}
.nv-buscar__titulo{margin:0 0 40px;color:var(--nv-ink);font-size:18px;font-weight:400;line-height:31px}
.nv-buscar__form{position:relative;flex:0 0 auto;margin:0 20px}
.nv-buscar__lupa{position:absolute;left:10px;top:50%;width:18px!important;height:18px!important;margin-top:-10px;color:#a1a1a1;pointer-events:none}
.nv-buscar__form .nv-buscar__campo{display:block;width:100%;height:48px;min-height:48px;margin:0;padding:0 10px 2px 38px;color:var(--nv-dark);font-size:16px;line-height:46px}
.nv-buscar__form .nv-buscar__campo::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.nv-buscar__cerrar{top:6px;right:10px}
.nv-buscar__resultados{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:25px 20px 30px;transition:opacity .2s}
.nv-buscar.is-cargando .nv-buscar__resultados{opacity:.45}
.nv-buscar__rtitulo{margin:0 0 20px;color:var(--nv-ink);font-size:16px;font-weight:500;line-height:1.4}
.nv-buscar__lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 15px;margin:0;padding:0;list-style:none}
.nv-buscar__item{margin:0}
.nv-buscar__item a{display:block;color:var(--nv-card-title);text-decoration:none}
.nv-buscar__item a:hover{color:var(--nv-link-hover)}
/* La Store API solo da la miniatura cuadrada de 300 × 300 (sin srcset): una caja vertical recortaba los
   lados de los zapatos, así que la miniatura va cuadrada y entera. */
.nv-buscar__img{display:block;aspect-ratio:1/1;margin-bottom:10px;overflow:hidden;background:var(--nv-placeholder)}
.nv-buscar__img img{display:block;width:100%;height:100%;object-fit:contain}
.nv-buscar__nombre{display:block;margin-bottom:4px;font-size:14px;font-weight:400;line-height:1.4;overflow-wrap:anywhere}
.nv-buscar__precio{display:block;color:var(--nv-price);font-size:14px;line-height:1.4}
/* Cada cifra entera en su línea si no caben las dos: en columnas de 162 px partía «$139.000,0 | 0». */
.nv-buscar__precio del,.nv-buscar__precio ins{display:inline-block;white-space:nowrap}
.nv-buscar__precio del{margin-right:5px;color:var(--nv-price-compare)}
.nv-buscar__precio ins{color:var(--nv-price-sale-card);text-decoration:none}
.nv-buscar__vacio{margin:0;color:var(--nv-ink)}
.nv-buscar__todo{display:inline-block;margin-top:25px;color:var(--nv-ink);font-weight:500;text-decoration:underline}
@media (max-width:767px){
  #nv-buscar{--nv-cajon-w:325px}
  .nv-buscar__cab{display:none}
  .nv-buscar__form{margin:30px 20px 0}
  .nv-buscar__cerrar{top:0;right:0}
  .nv-buscar__lista{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ── Barra inferior móvil (§2.8): 55 px, 3 elementos iguales, icono 20 y rótulo 11/600 ────────
   El body reserva los 55 px para que el pie no quede debajo. */
.nv-toolbar{display:none}
@media (max-width:1024px){
  body{padding-bottom:55px}
  .nv-toolbar{position:fixed;left:0;right:0;bottom:0;z-index:var(--nv-z-toolbar);display:flex;height:55px;padding:5px;box-sizing:border-box;
    background:#fff;box-shadow:var(--nv-shadow-bar)}
  .nv-toolbar__item{position:relative;flex:1 1 0;display:flex;flex-direction:column;align-items:center;height:45px;min-width:0;margin:0;padding:4px 10px 15px;
    box-sizing:border-box;border:0;border-radius:0;background:transparent;color:var(--nv-dark);font-family:var(--nv-font);line-height:1;text-decoration:none;cursor:pointer}
  .nv-toolbar__item:hover{background:transparent;color:var(--nv-dark)}
  .nv-toolbar__item .nv-i{width:20px;height:20px}
  .nv-toolbar__txt{position:absolute;left:10px;right:10px;bottom:5px;overflow:hidden;color:var(--nv-dark);font-size:11px;font-weight:600;line-height:11px;
    text-align:center;white-space:nowrap;text-overflow:ellipsis}
  .nv-toolbar__barras{display:flex;flex-direction:column;justify-content:center;gap:4px;width:20px;height:18px;margin-top:-2px}
  .nv-toolbar__barras span{display:block;width:18px;height:1.5px;background:currentColor;border-radius:1px}
}

@media (prefers-reduced-motion:reduce){
  .nv-hd,.nv-hd__drop,.nv-hd__enlace::after,.nv-mm__flecha .nv-i{transition:none!important}
  .nv-hd__logo-luz{display:none}
}