/* Escritorio. El sitio usa 1rem = 10px y !important global: todo en px y con !important. */
#header #navigation.style-1 ul#responsive > li.lovia-mm-li { position: relative !important; }
/* Los paneles cerrados siguen ocupando sitio (visibility: hidden). Hasta que
   el JS los coloca dentro de la ventana esperan fuera, a la izquierda (lo que
   sobresale por la izquierda no crea scroll); los de la derecha ensanchaban
   la página (avisado por Home v5, 2-10-2026). NO usar overflow-x: clip en
   #header: en la cabecera fija hacía que el panel no recibiera el ratón y se
   cerrara al ir a pulsar (3-10-2026). */
.lovia-mm-ico { display: inline-block; flex: none; width: 18px; height: 18px; vertical-align: middle; }
#navigation ul#responsive .lovia-mm {
  position: absolute !important; z-index: 1000 !important;
  top: var(--lovia-mm-y, 100%) !important; left: var(--lovia-mm-x, -9999px) !important;
  width: var(--lovia-mm-w, 1040px) !important; max-width: calc(100vw - 48px) !important;
  margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important;
  max-height: var(--lovia-mm-maxh, none) !important;
  background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 70%, #FAFAF8 100%) !important; border-radius: 22px !important;
  border: 1px solid rgba(10, 10, 10, 0.06) !important;
  box-shadow: 0 24px 60px rgba(10, 10, 10, 0.14), 0 2px 8px rgba(10, 10, 10, 0.05) !important;
  font-family: "Jost", sans-serif !important; text-align: left !important;
  visibility: hidden; opacity: 0; transform: translateY(6px); pointer-events: none;
  transition: opacity .16s ease .16s, transform .16s ease .16s, visibility 0s linear .32s;
}
#navigation ul#responsive .lovia-mm::before {
  content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important;
  bottom: 100% !important; height: var(--lovia-mm-gap, 16px) !important; background: transparent !important;
}
#navigation ul#responsive > li.lovia-mm-li:hover > .lovia-mm,
#navigation ul#responsive > li.lovia-mm-li:focus-within > .lovia-mm,
#navigation ul#responsive > li.lovia-mm-li.lovia-mm-abierto > .lovia-mm {
  visibility: visible; opacity: 1; transform: none; pointer-events: auto; z-index: 1001 !important;
  transition: opacity .16s ease .1s, transform .16s ease .1s, visibility 0s linear .1s;
}
#navigation ul#responsive > li.lovia-mm-li.lovia-mm-off > .lovia-mm { visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }
#navigation ul#responsive .lovia-mm a,
#navigation ul#responsive .lovia-mm p,
#navigation ul#responsive .lovia-mm span {
  margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important;
  font-family: inherit !important; letter-spacing: 0 !important; text-transform: none !important;
  line-height: 20px !important; float: none !important; position: static !important; box-shadow: none !important;
}
#navigation ul#responsive .lovia-mm a::before,
#navigation ul#responsive .lovia-mm a::after { content: none !important; display: none !important; }
#navigation ul#responsive .lovia-mm__cuerpo { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; overscroll-behavior: contain; padding: 22px 28px 18px !important; }
#navigation ul#responsive .lovia-mm__pie { flex: none !important; }
#navigation ul#responsive .lovia-mm__cuerpo--promo { display: grid !important; grid-template-columns: minmax(0, 1fr) 236px !important; column-gap: 28px !important; }
#navigation ul#responsive .lovia-mm__grupos { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 20px 28px !important; }
/* Seis regiones desde el 5-10-2026: tres columnas de dos filas. */
#navigation ul#responsive .lovia-mm__grupos--ciu { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
/* Cabecera de grupo: otra jerarquía que las subcategorías. Sin icono (el de
   la primera subcategoría se repetía), en Cormorant Garamond como los H1 del
   sitio, con filete debajo. El selector lleva «p.» para ganar a la regla base
   de p y span. */
#navigation ul#responsive .lovia-mm p.lovia-mm__titulo {
  display: block !important; margin: 0 10px 6px !important; padding: 0 0 7px !important;
  border-bottom: 1px solid #E6E6E3 !important;
  font-family: "Cormorant Garamond", serif !important; font-size: 22px !important; font-weight: 500 !important; line-height: 24px !important;
  letter-spacing: 0 !important; text-transform: none !important; color: #0A0A0A !important;
}
#navigation ul#responsive .lovia-mm a.lovia-mm__item {
  display: flex !important; align-items: center !important; gap: 12px !important;
  padding: 3px 10px !important; border-radius: 12px !important;
  font-size: 15px !important; font-weight: 400 !important; color: #161616 !important; white-space: nowrap !important;
  transition: background-color .2s ease, transform .2s cubic-bezier(.2, .8, .2, 1) !important;
}
/* Título de grupo con página propia, y su «Ver todo» al final del grupo. */
#navigation ul#responsive .lovia-mm p.lovia-mm__titulo a {
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  font: inherit !important; line-height: 24px !important; color: inherit !important; text-decoration: none !important;
}
#navigation ul#responsive .lovia-mm p.lovia-mm__titulo a .lovia-mm-ico { width: 16px; height: 16px; opacity: .45; transition: transform .2s ease, opacity .2s ease; }
#navigation ul#responsive .lovia-mm p.lovia-mm__titulo a:hover .lovia-mm-ico,
#navigation ul#responsive .lovia-mm p.lovia-mm__titulo a:focus-visible .lovia-mm-ico { opacity: 1; transform: translateX(3px); }
#navigation ul#responsive .lovia-mm p.lovia-mm__titulo a:hover { text-decoration: underline !important; text-underline-offset: 4px !important; text-decoration-thickness: 1px !important; }
#navigation ul#responsive .lovia-mm a.lovia-mm__vertodo {
  display: inline-flex !important; align-items: center !important; gap: 6px !important; margin: 8px 10px 0 !important;
  font-size: 14px !important; font-weight: 500 !important; color: #0A0A0A !important;
}
#navigation ul#responsive .lovia-mm a.lovia-mm__vertodo .lovia-mm-ico { width: 16px; height: 16px; transition: transform .2s ease; }
#navigation ul#responsive .lovia-mm a.lovia-mm__vertodo:hover { text-decoration: underline !important; text-underline-offset: 3px !important; }
#navigation ul#responsive .lovia-mm a.lovia-mm__vertodo:hover .lovia-mm-ico { transform: translateX(3px); }
/* Icono en medallón con doble anillo; al pasar, se invierte a tinta. */
#navigation ul#responsive .lovia-mm a.lovia-mm__item .lovia-mm-ico {
  box-sizing: border-box; width: 28px; height: 28px; padding: 6px; border-radius: 50%;
  background: #F5F5F3; color: #161616; box-shadow: 0 0 0 1px #E6E6E3, 0 0 0 4px #FFFFFF, 0 0 0 5px #F0F0EE;
  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
}
#navigation ul#responsive .lovia-mm a.lovia-mm__item:hover,
#navigation ul#responsive .lovia-mm a.lovia-mm__item:focus-visible { background: #F7F7F5 !important; color: #0A0A0A !important; transform: translateX(3px) !important; }
#navigation ul#responsive .lovia-mm a.lovia-mm__item:hover .lovia-mm-ico,
#navigation ul#responsive .lovia-mm a.lovia-mm__item:focus-visible .lovia-mm-ico { background: #0A0A0A; color: #FFFFFF; box-shadow: 0 0 0 1px #0A0A0A, 0 0 0 4px #FFFFFF, 0 0 0 5px #E6E6E3; }
#navigation ul#responsive .lovia-mm__item .lovia-mm__nombre { overflow: hidden !important; text-overflow: ellipsis !important; color: inherit !important; font-size: 15px !important; }
#navigation ul#responsive .lovia-mm .lovia-mm__n { margin-left: auto !important; font-size: 14px !important; color: #63635F !important; font-variant-numeric: tabular-nums !important; }
/* Lugares: tarjetas con foto */
#navigation ul#responsive .lovia-mm__lugares { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 14px !important; }
#navigation ul#responsive .lovia-mm a.lovia-mm__lugar {
  display: flex !important; flex-direction: column !important; overflow: hidden !important;
  border: 1px solid #E6E6E3 !important; border-radius: 16px !important; color: #161616 !important; background: #FFFFFF !important;
  transition: border-color .2s ease, transform .25s cubic-bezier(.2, .8, .2, 1), box-shadow .25s ease !important;
}
#navigation ul#responsive .lovia-mm a.lovia-mm__lugar:hover,
#navigation ul#responsive .lovia-mm a.lovia-mm__lugar:focus-visible { border-color: #0A0A0A !important; transform: translateY(-3px) !important; box-shadow: 0 14px 28px rgba(10, 10, 10, 0.12) !important; }
#navigation ul#responsive .lovia-mm span.lovia-mm__foto {
  position: relative !important; display: block !important; aspect-ratio: 16 / 10 !important;
  background: #F5F5F3 !important; overflow: hidden !important;
}
#navigation ul#responsive .lovia-mm__foto img,
#navigation ul#responsive .lovia-mm__promo-foto img {
  position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important;
  max-width: none !important; object-fit: cover !important; object-position: 50% 40% !important;
  transition: transform .4s ease !important;
}
#navigation ul#responsive .lovia-mm a.lovia-mm__lugar:hover img { transform: scale(1.04) !important; }
#navigation ul#responsive .lovia-mm span.lovia-mm__chapa {
  position: absolute !important; z-index: 1 !important; left: 10px !important; top: 10px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  width: 34px !important; height: 34px !important; border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.92) !important; color: #0A0A0A !important;
}
#navigation ul#responsive .lovia-mm span.lovia-mm__lugar-txt { display: flex !important; flex-direction: column !important; gap: 2px !important; padding: 10px 12px 12px !important; }
#navigation ul#responsive .lovia-mm__lugar-txt .lovia-mm__nombre { font-family: "Cormorant Garamond", serif !important; font-size: 21px !important; font-weight: 500 !important; line-height: 24px !important; color: #0A0A0A !important; }
#navigation ul#responsive .lovia-mm__lugar-txt .lovia-mm__n { margin: 0 !important; }
/* Proveedores: ficha promocionada */
#navigation ul#responsive .lovia-mm a.lovia-mm__promo {
  display: flex !important; flex-direction: column !important; gap: 4px !important; align-self: start !important;
  padding: 12px !important; border-radius: 16px !important; background: #F7F7F5 !important; color: #161616 !important;
}
#navigation ul#responsive .lovia-mm span.lovia-mm__promo-foto {
  position: relative !important; display: block !important; aspect-ratio: 4 / 3 !important; margin: 0 0 8px !important;
  border-radius: 12px !important; overflow: hidden !important; background: #EDEDEA !important;
}
#navigation ul#responsive .lovia-mm span.lovia-mm__etiqueta {
  position: absolute !important; z-index: 1 !important; left: 10px !important; top: 10px !important;
  padding: 2px 10px !important; border-radius: 999px !important;
  background: #161616 !important; color: #FFFFFF !important; font-size: 14px !important; font-weight: 500 !important;
}
#navigation ul#responsive .lovia-mm .lovia-mm__promo-nombre { font-family: "Cormorant Garamond", serif !important; font-size: 23px !important; font-weight: 500 !important; line-height: 26px !important; color: #0A0A0A !important; }
#navigation ul#responsive .lovia-mm .lovia-mm__promo-meta { font-size: 14px !important; color: #63635F !important; }
#navigation ul#responsive .lovia-mm span.lovia-mm__promo-ver { display: flex !important; align-items: center !important; gap: 6px !important; margin-top: 6px !important; font-size: 14px !important; font-weight: 500 !important; color: #0A0A0A !important; }
#navigation ul#responsive .lovia-mm__promo-ver .lovia-mm-ico { width: 16px; height: 16px; }
/* Ciudades */
#navigation ul#responsive .lovia-mm__atajos { margin-top: 20px !important; padding-top: 18px !important; border-top: 1px solid #E6E6E3 !important; }
#navigation ul#responsive .lovia-mm__chips { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; padding: 4px 10px 0 !important; }
#navigation ul#responsive .lovia-mm a.lovia-mm__chip {
  display: inline-flex !important; align-items: center !important; padding: 7px 14px !important;
  border: 1px solid #CFCFCB !important; border-radius: 999px !important;
  font-size: 14px !important; color: #161616 !important; white-space: nowrap !important;
}
#navigation ul#responsive .lovia-mm a.lovia-mm__chip:hover,
#navigation ul#responsive .lovia-mm a.lovia-mm__chip:focus-visible { border-color: #0A0A0A !important; background: #F5F5F3 !important; }
/* Pie del panel */
#navigation ul#responsive .lovia-mm__pie {
  display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important;
  padding: 14px 28px !important; border-top: 1px solid #E6E6E3 !important;
}
#navigation ul#responsive .lovia-mm .lovia-mm__pie-txt { font-family: "Cormorant Garamond", serif !important; font-style: italic !important; font-size: 19px !important; line-height: 22px !important; color: #63635F !important; }
/* Entrada escalonada al abrir el panel (se repite en cada apertura). */
@keyframes lovia-mm-entra { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
#navigation ul#responsive > li.lovia-mm-li:hover > .lovia-mm .lovia-mm__grupo,
#navigation ul#responsive > li.lovia-mm-li:hover > .lovia-mm .lovia-mm__lugar,
#navigation ul#responsive > li.lovia-mm-li:hover > .lovia-mm .lovia-mm__promo,
#navigation ul#responsive > li.lovia-mm-li:hover > .lovia-mm .lovia-mm__atajos { animation: lovia-mm-entra .45s cubic-bezier(.2, .8, .2, 1) both; animation-delay: .12s; }
#navigation ul#responsive .lovia-mm .lovia-mm__grupo:nth-child(2), #navigation ul#responsive .lovia-mm .lovia-mm__lugar:nth-child(2) { animation-delay: .16s !important; }
#navigation ul#responsive .lovia-mm .lovia-mm__grupo:nth-child(3), #navigation ul#responsive .lovia-mm .lovia-mm__lugar:nth-child(3) { animation-delay: .2s !important; }
#navigation ul#responsive .lovia-mm .lovia-mm__grupo:nth-child(4), #navigation ul#responsive .lovia-mm .lovia-mm__lugar:nth-child(4) { animation-delay: .24s !important; }
#navigation ul#responsive .lovia-mm .lovia-mm__grupo:nth-child(5), #navigation ul#responsive .lovia-mm .lovia-mm__lugar:nth-child(5) { animation-delay: .28s !important; }
#navigation ul#responsive .lovia-mm .lovia-mm__grupo:nth-child(6), #navigation ul#responsive .lovia-mm .lovia-mm__lugar:nth-child(6) { animation-delay: .32s !important; }
#navigation ul#responsive .lovia-mm .lovia-mm__lugar:nth-child(7) { animation-delay: .36s !important; }
#navigation ul#responsive .lovia-mm .lovia-mm__lugar:nth-child(8), #navigation ul#responsive .lovia-mm .lovia-mm__promo { animation-delay: .4s !important; }
@media (prefers-reduced-motion: reduce) {
  #navigation ul#responsive .lovia-mm, #navigation ul#responsive .lovia-mm * { animation: none !important; transition: none !important; }
}
#navigation ul#responsive .lovia-mm a.lovia-mm__ver { display: inline-flex !important; align-items: center !important; gap: 6px !important; font-size: 15px !important; font-weight: 500 !important; color: #0A0A0A !important; }
#navigation ul#responsive .lovia-mm a.lovia-mm__ver:hover { text-decoration: underline !important; text-underline-offset: 3px !important; }
#navigation ul#responsive .lovia-mm a:focus-visible { outline: 2px solid #0A0A0A !important; outline-offset: 2px !important; }

/* Móvil: bloque superior del panel de Listeo. El panel es oscuro (#222):
   texto blanco, grises #8F8F8B o más claros (contraste 4,8:1 o más),
   superficies de vidrio blanco al 3-9 % y bordes al 10-22 %. Titular en
   Cormorant Garamond con «boda» en cursiva, como los H1 del sitio. */
.mobile-navigation-wrapper .lovia-mmm { margin: -6px 0 24px !important; font-family: "Jost", sans-serif !important; color: #FFFFFF !important; }
.mobile-navigation-wrapper .lovia-mmm a { text-decoration: none !important; -webkit-tap-highlight-color: transparent; }
.mobile-navigation-wrapper .lovia-mmm .lovia-mm-ico { width: 20px; height: 20px; }
.mobile-navigation-wrapper .lovia-mmm__hola {
  margin: 0 0 14px !important; padding: 0 !important; font-family: "Cormorant Garamond", serif !important;
  font-size: 30px !important; font-weight: 400 !important; line-height: 34px !important; letter-spacing: 0 !important; text-transform: none !important; color: #FFFFFF !important;
}
.mobile-navigation-wrapper .lovia-mmm__hola em { font-style: italic !important; font-family: inherit !important; }
/* Buscador */
.mobile-navigation-wrapper .lovia-mmm__buscar {
  display: flex !important; align-items: center !important; gap: 10px !important; margin: 0 0 14px !important;
  height: 48px !important; padding: 0 18px !important; border: 1px solid rgba(255, 255, 255, 0.16) !important; border-radius: 999px !important;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.03)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important; transition: border-color .25s ease, box-shadow .25s ease !important;
}
.mobile-navigation-wrapper .lovia-mmm__buscar .lovia-mm-ico { color: #B5B5B1 !important; }
.mobile-navigation-wrapper .lovia-mmm__buscar input {
  flex: 1 !important; min-width: 0 !important; height: 46px !important; margin: 0 !important; padding: 0 !important;
  border: 0 !important; background: transparent !important; box-shadow: none !important; outline: none !important;
  font-family: inherit !important; font-size: 16px !important; line-height: 20px !important; color: #FFFFFF !important;
}
.mobile-navigation-wrapper .lovia-mmm__buscar input::placeholder { color: #8F8F8B !important; opacity: 1 !important; }
.mobile-navigation-wrapper .lovia-mmm__buscar:focus-within { border-color: rgba(255, 255, 255, 0.55) !important; box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.07) !important; }
/* Pestañas: control segmentado con píldora que se desliza */
.mobile-navigation-wrapper .lovia-mmm__tabs {
  position: relative !important; display: grid !important; grid-template-columns: 1fr 1fr !important; margin: 0 0 14px !important; padding: 4px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.05) !important;
}
.mobile-navigation-wrapper .lovia-mmm__pildora {
  position: absolute !important; top: 4px !important; left: 4px !important; bottom: 4px !important; width: calc(50% - 4px) !important;
  border-radius: 999px !important; background: #FFFFFF !important; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
  transition: transform .42s cubic-bezier(.34, 1.36, .5, 1) !important;
}
.mobile-navigation-wrapper .lovia-mmm__tabs[data-activa="pro"] .lovia-mmm__pildora { transform: translateX(100%) !important; }
.mobile-navigation-wrapper button.lovia-mmm__tab {
  position: relative !important; z-index: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important;
  min-height: 44px !important; margin: 0 !important; padding: 0 10px !important; border: 0 !important; border-radius: 999px !important;
  background: none !important; background-image: none !important; box-shadow: none !important;
  font-family: inherit !important; font-size: 15px !important; font-weight: 500 !important; line-height: 20px !important; letter-spacing: 0 !important;
  color: #CFCFCB !important; transition: color .3s ease !important; -webkit-tap-highlight-color: transparent;
}
.mobile-navigation-wrapper button.lovia-mmm__tab .lovia-mm-ico { width: 18px; height: 18px; }
.mobile-navigation-wrapper button.lovia-mmm__tab[aria-selected="true"] { color: #0A0A0A !important; }
.mobile-navigation-wrapper button.lovia-mmm__tab:focus-visible { outline: 2px solid #FFFFFF !important; outline-offset: 2px !important; }
/* Rejilla y baldosas, todas de la misma altura */
.mobile-navigation-wrapper .lovia-mmm__grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; margin: 0 0 22px !important; }
.mobile-navigation-wrapper .lovia-mmm__grid[hidden] { display: none !important; }
.mobile-navigation-wrapper a.lovia-mmm__tile {
  position: relative !important; overflow: hidden !important; isolation: isolate;
  display: flex !important; flex-direction: column !important; justify-content: space-between !important; align-items: flex-start !important;
  height: 124px !important; padding: 12px !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 18px !important;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.025)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 8px 18px rgba(0, 0, 0, 0.18) !important; color: #FFFFFF !important;
  transition: transform .22s cubic-bezier(.2, .8, .2, 1), border-color .22s ease !important; transform: translateZ(0);
}
.mobile-navigation-wrapper a.lovia-mmm__tile.is-pulsada { transform: scale(.955) !important; border-color: rgba(255, 255, 255, 0.28) !important; }
.mobile-navigation-wrapper .lovia-mmm__medalla {
  display: flex !important; align-items: center !important; justify-content: center !important; flex: none !important;
  width: 40px !important; height: 40px !important; border-radius: 50% !important; color: #FFFFFF !important;
  background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.035) !important;
}
.mobile-navigation-wrapper .lovia-mmm__txt { display: flex !important; flex-direction: column !important; gap: 2px !important; min-width: 0 !important; width: 100% !important; }
.mobile-navigation-wrapper .lovia-mmm__nombre {
  display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden !important;
  font-size: 15px !important; font-weight: 500 !important; line-height: 19px !important; color: #FFFFFF !important;
}
.mobile-navigation-wrapper .lovia-mmm__n { font-size: 14px !important; line-height: 18px !important; color: #A3A39F !important; white-space: nowrap !important; }
/* Lugares: la foto de una ficha de verdad debajo del texto */
.mobile-navigation-wrapper a.lovia-mmm__tile--foto { height: 136px !important; padding: 10px 12px 12px !important; background: linear-gradient(135deg, #34342F, #1C1C1B) !important; }
.mobile-navigation-wrapper .lovia-mmm__foto { position: absolute !important; inset: 0 !important; z-index: -2 !important; }
.mobile-navigation-wrapper .lovia-mmm__foto img {
  width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: 50% 40% !important;
  opacity: 0; transform: scale(1.06); transition: opacity .6s ease, transform 1.2s cubic-bezier(.2, .8, .2, 1);
}
.mobile-navigation-wrapper .lovia-mmm__foto img.is-lista { opacity: 1; transform: scale(1); }
.mobile-navigation-wrapper a.lovia-mmm__tile--foto::after {
  content: "" !important; position: absolute !important; inset: 0 !important; z-index: -1 !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.35) 52%, rgba(0, 0, 0, 0.05) 78%) !important;
}
.mobile-navigation-wrapper a.lovia-mmm__tile--foto .lovia-mmm__medalla {
  width: 34px !important; height: 34px !important; background: rgba(10, 10, 10, 0.35) !important; border-color: rgba(255, 255, 255, 0.4) !important;
  box-shadow: none !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
.mobile-navigation-wrapper a.lovia-mmm__tile--foto .lovia-mmm__medalla .lovia-mm-ico { width: 17px; height: 17px; }
.mobile-navigation-wrapper a.lovia-mmm__tile--foto .lovia-mmm__n { color: rgba(255, 255, 255, 0.82) !important; }
/* Onda al tocar */
.mobile-navigation-wrapper .lovia-mmm__onda {
  position: absolute !important; z-index: 3 !important; width: 24px; height: 24px; margin: -12px 0 0 -12px; border-radius: 50% !important;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0) 70%) !important; pointer-events: none !important;
  animation: lovia-mmm-onda .6s ease-out forwards;
}
@keyframes lovia-mmm-onda { from { transform: scale(0); opacity: 1; } to { transform: scale(14); opacity: 0; } }
.mobile-navigation-wrapper a.lovia-mmm__todos {
  grid-column: 1 / -1 !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important;
  min-height: 44px !important; font-size: 15px !important; font-weight: 500 !important; color: #FFFFFF !important;
}
/* Ciudades */
.mobile-navigation-wrapper .lovia-mmm__rotulo {
  display: flex !important; align-items: center !important; gap: 6px !important; margin: 0 0 10px !important; padding: 0 !important;
  font-size: 14px !important; font-weight: 500 !important; letter-spacing: 2.24px !important; text-transform: uppercase !important; line-height: 20px !important; color: #8F8F8B !important;
}
.mobile-navigation-wrapper .lovia-mmm__rotulo .lovia-mm-ico { width: 16px; height: 16px; }
.mobile-navigation-wrapper .lovia-mmm__chips {
  display: flex !important; gap: 8px !important; overflow-x: auto !important; margin: 0 -24px !important; padding: 2px 24px 6px !important;
  scrollbar-width: none !important; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; scroll-padding: 0 24px !important;
}
.mobile-navigation-wrapper .lovia-mmm__chips::-webkit-scrollbar { display: none !important; }
.mobile-navigation-wrapper a.lovia-mmm__chip {
  flex: none !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; min-height: 42px !important; padding: 0 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important; border-radius: 999px !important; scroll-snap-align: start;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)) !important;
  font-size: 15px !important; line-height: 20px !important; color: #FFFFFF !important; white-space: nowrap !important;
  transition: transform .2s cubic-bezier(.2, .8, .2, 1) !important;
}
.mobile-navigation-wrapper a.lovia-mmm__chip.is-pulsada { transform: scale(.94) !important; }
.mobile-navigation-wrapper .lovia-mmm__chip-n { font-size: 14px !important; color: #A3A39F !important; }
/* Botón fijo al pie del panel, con un brillo al abrir */
.mobile-navigation-wrapper .lovia-mmm .lovia-mmm__cta { display: none !important; }
.mobile-navigation-wrapper > .lovia-mmm__cta {
  position: sticky !important; bottom: 0 !important; z-index: 5 !important; display: block !important;
  padding: 12px 24px calc(12px + env(safe-area-inset-bottom)) !important;
  background: linear-gradient(to top, #222222 70%, rgba(34, 34, 34, 0.9)) !important; border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.mobile-navigation-wrapper a.lovia-mmm__boton {
  position: relative !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important;
  height: 50px !important; border-radius: 999px !important; background: #FFFFFF !important; color: #0A0A0A !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important; font-family: "Jost", sans-serif !important; font-size: 16px !important; font-weight: 500 !important; line-height: 20px !important; text-decoration: none !important;
  transition: transform .2s cubic-bezier(.2, .8, .2, 1) !important;
}
.mobile-navigation-wrapper a.lovia-mmm__boton.is-pulsada { transform: scale(.97) !important; }
.mobile-navigation-wrapper a.lovia-mmm__boton .lovia-mm-ico { width: 18px; height: 18px; }
.mobile-navigation-wrapper a.lovia-mmm__boton::after {
  content: "" !important; position: absolute !important; top: 0 !important; bottom: 0 !important; left: -60% !important; width: 40% !important;
  background: linear-gradient(100deg, rgba(10, 10, 10, 0), rgba(10, 10, 10, 0.08), rgba(10, 10, 10, 0)) !important; transform: skewX(-20deg); opacity: 0;
}
.mobile-navigation-wrapper.lovia-mmm-brillo a.lovia-mmm__boton::after { animation: lovia-mmm-brillo 1.3s .7s ease-in-out; }
@keyframes lovia-mmm-brillo { 0% { left: -60%; opacity: 1; } 100% { left: 130%; opacity: 1; } }
/* Entrada escalonada al abrir el menú o cambiar de pestaña */
@keyframes lovia-mmm-entra { from { opacity: 0; transform: translateY(12px) scale(.97); } to { opacity: 1; transform: none; } }
@keyframes lovia-mmm-desliza { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: none; } }
.mobile-navigation-wrapper .lovia-mmm.is-entra .lovia-mmm__hola,
.mobile-navigation-wrapper .lovia-mmm.is-entra .lovia-mmm__buscar,
.mobile-navigation-wrapper .lovia-mmm.is-entra .lovia-mmm__tabs { animation: lovia-mmm-entra .5s cubic-bezier(.2, .8, .2, 1) both; }
.mobile-navigation-wrapper .lovia-mmm.is-entra .lovia-mmm__buscar { animation-delay: .05s; }
.mobile-navigation-wrapper .lovia-mmm.is-entra .lovia-mmm__tabs { animation-delay: .1s; }
.mobile-navigation-wrapper .lovia-mmm.is-entra .lovia-mmm__tile,
.mobile-navigation-wrapper .lovia-mmm__grid.is-entra .lovia-mmm__tile { animation: lovia-mmm-entra .55s cubic-bezier(.2, .8, .2, 1) both; animation-delay: calc(var(--i, 0) * 40ms + 140ms); }
.mobile-navigation-wrapper .lovia-mmm__grid.is-entra .lovia-mmm__tile { animation-delay: calc(var(--i, 0) * 35ms); }
.mobile-navigation-wrapper .lovia-mmm.is-entra .lovia-mmm__chip { animation: lovia-mmm-desliza .5s cubic-bezier(.2, .8, .2, 1) both; animation-delay: calc(var(--i, 0) * 45ms + 420ms); }
@media (prefers-reduced-motion: reduce) {
  .mobile-navigation-wrapper .lovia-mmm *,
  .mobile-navigation-wrapper .lovia-mmm__cta * { animation: none !important; transition: none !important; }
  .mobile-navigation-wrapper .lovia-mmm__foto img { opacity: 1; transform: none; }
}