/**
 * LECHE — Ruta B shell: sin cajas glass + textos blancos + iconos con contorno.
 * Anula ENSAYO GLASS HDR/NAV (styles.css) solo perfil lechero.
 * Cargar al final del stack CSS.
 */

/* Sombra de texto nav — legible sobre pasto */
html body[data-perfil='leche'] .nav.nav--rail-cards .nb,
html body.manto-perfil-leche .nav.nav--rail-cards .nb,
html body[data-producto='leche'] .nav.nav--rail-cards .nb,
body.light[data-perfil='leche'] .nav.nav--rail-cards .nb {
  --leche-nav-tshadow:
    0 0 2px rgba(0, 0, 0, 0.95),
    0 1px 3px rgba(0, 0, 0, 0.9),
    0 2px 8px rgba(0, 0, 0, 0.65),
    0 0 1px rgba(255, 255, 255, 0.35);
}

/* ── Header: sin caja glass ni blur ── */
html body[data-perfil='leche'] #app .hdr.hdr-serio-v1 .hdr-r > button,
html body[data-perfil='leche'] #app .hdr.hdr-serio-v1 .hdr-r > button.hdr-ico-btn,
html body[data-perfil='leche'] #app .hdr.hdr-serio-v1 #hdr-menu-btn,
html body[data-perfil='leche'] #app .hdr.hdr-serio-v1 .hdr-menu-left .hdr-serio-header-btn,
html body[data-perfil='leche'] #app .hdr.hdr-serio-v1 .hdr-logo-chip,
html body.manto-perfil-leche #app .hdr.hdr-serio-v1 .hdr-r > button,
html body.manto-perfil-leche #app .hdr.hdr-serio-v1 #hdr-menu-btn,
html body.manto-perfil-leche #app .hdr.hdr-serio-v1 .hdr-menu-left .hdr-serio-header-btn,
html body[data-producto='leche'] #app .hdr.hdr-serio-v1 .hdr-r > button,
html body[data-producto='leche'] #app .hdr.hdr-serio-v1 #hdr-menu-btn,
html body.manto-demo-vitrina-leche #app .hdr.hdr-serio-v1 .hdr-r > button,
html body.manto-demo-vitrina-leche #app .hdr.hdr-serio-v1 #hdr-menu-btn,
body:not(.light)[data-perfil='leche'] #app .hdr.hdr-serio-v1 .hdr-r > button,
body:not(.light)[data-perfil='leche'] #app .hdr.hdr-serio-v1 #hdr-menu-btn,
body.light[data-perfil='leche'] #app .hdr.hdr-serio-v1 .hdr-r > button,
body.light[data-perfil='leche'] #app .hdr.hdr-serio-v1 #hdr-menu-btn {
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body[data-perfil='leche'] #app .hdr.hdr-serio-v1 .hdr-r > button:hover,
html body[data-perfil='leche'] #app .hdr.hdr-serio-v1 .hdr-r > button:active,
html body[data-perfil='leche'] #app .hdr.hdr-serio-v1 #hdr-menu-btn:hover,
html body[data-perfil='leche'] #app .hdr.hdr-serio-v1 #hdr-menu-btn:active,
html body[data-perfil='leche'] #app .hdr.hdr-serio-v1 .hdr-menu-left .hdr-serio-header-btn:hover,
html body[data-perfil='leche'] #app .hdr.hdr-serio-v1 .hdr-menu-left .hdr-serio-header-btn:active,
html body.manto-perfil-leche #app .hdr.hdr-serio-v1 .hdr-r > button:hover,
html body.manto-perfil-leche #app .hdr.hdr-serio-v1 #hdr-menu-btn:hover,
html body[data-producto='leche'] #app .hdr.hdr-serio-v1 .hdr-r > button:hover,
html body[data-producto='leche'] #app .hdr.hdr-serio-v1 #hdr-menu-btn:hover {
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: scale(0.96) !important;
}

/* Iconos header: contorno blanco (sin caja) */
html body[data-perfil='leche'] #app .hdr.hdr-serio-v1 .hdr-r > button img,
html body[data-perfil='leche'] #app .hdr.hdr-serio-v1 .hdr-menu-left .hdr-serio-header-btn .hdr-menu-ico-btn__img,
html body[data-perfil='leche'] #app .hdr.hdr-serio-v1 .hdr-menu-left .hdr-serio-header-btn img,
html body.manto-perfil-leche #app .hdr.hdr-serio-v1 .hdr-r > button img,
html body.manto-perfil-leche #app .hdr.hdr-serio-v1 .hdr-menu-left .hdr-serio-header-btn .hdr-menu-ico-btn__img,
html body[data-producto='leche'] #app .hdr.hdr-serio-v1 .hdr-r > button img,
html body[data-producto='leche'] #app .hdr.hdr-serio-v1 .hdr-menu-left .hdr-serio-header-btn .hdr-menu-ico-btn__img,
html body.manto-demo-vitrina-leche #app .hdr.hdr-serio-v1 .hdr-r > button img,
body.light[data-perfil='leche'] #app .hdr.hdr-serio-v1 .hdr-r > button img {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  filter:
    drop-shadow(0 0 1px rgba(255, 255, 255, 0.98))
    drop-shadow(0 0 3px rgba(255, 255, 255, 0.65))
    drop-shadow(0 1px 2px rgba(0, 0, 0, 0.65))
    drop-shadow(0 2px 6px rgba(0, 0, 0, 0.35)) !important;
}

/* Logo Lactia: compensar margen transparente del PNG */
html body[data-perfil='leche'] #app .hdr.hdr-serio-v1 #hdr-menu-btn,
html body.manto-perfil-leche #app .hdr.hdr-serio-v1 #hdr-menu-btn,
html body[data-producto='leche'] #app .hdr.hdr-serio-v1 #hdr-menu-btn {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body[data-perfil='leche'] #app .hdr.hdr-serio-v1 #hdr-menu-btn img,
html body[data-perfil='leche'] #app .hdr.hdr-serio-v1 #hdr-menu-btn .hdr-menu-ico-btn__img,
html body[data-perfil='leche'] #app .hdr.hdr-serio-v1 #hdr-menu-btn .hdr-menu-vaquita-btn__img,
html body.manto-perfil-leche #app .hdr.hdr-serio-v1 #hdr-menu-btn img,
html body[data-producto='leche'] #app .hdr.hdr-serio-v1 #hdr-menu-btn img {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  transform: scale(1.36) !important;
  transform-origin: center center !important;
}

/* ── Nav: sin caja glass (inactivo + activo) ── */
html body[data-perfil='leche'] .nav.nav--rail-cards .nb,
html body[data-perfil='leche'] .nav.nav--rail-cards .nb.active,
html body[data-perfil='leche'] .nav.nav--rail-cards .nb:not(.active),
html body[data-perfil='leche'] .nav.nav--rail-cards .nb:not(.active):hover,
html body[data-perfil='leche'] .nav.nav--rail-cards .nb:not(.active):active,
html body[data-perfil='leche'] .nav.nav--rail-cards .nb.active:hover,
html body[data-perfil='leche'] .nav.nav--rail-cards .nb.active:active,
html body.manto-perfil-leche .nav.nav--rail-cards .nb,
html body.manto-perfil-leche .nav.nav--rail-cards .nb.active,
html body[data-producto='leche'] .nav.nav--rail-cards .nb,
html body[data-producto='leche'] .nav.nav--rail-cards .nb.active,
html body.manto-demo-vitrina-leche .nav.nav--rail-cards .nb,
html body.manto-demo-vitrina-leche .nav.nav--rail-cards .nb.active,
body.light[data-perfil='leche'] .nav.nav--rail-cards .nb,
body.light[data-perfil='leche'] .nav.nav--rail-cards .nb.active,
body.light.manto-perfil-leche .nav.nav--rail-cards .nb,
body.light.manto-perfil-leche .nav.nav--rail-cards .nb.active {
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  outline: none !important;
}

html body[data-perfil='leche'] .nav.nav--rail-cards .nb:not(.active):active,
html body[data-perfil='leche'] .nav.nav--rail-cards .nb.active:active,
html body.manto-perfil-leche .nav.nav--rail-cards .nb:active {
  transform: scale(0.97) !important;
}

/* Textos nav: siempre blancos (Ruta B — también body.light) */
html body[data-perfil='leche'] .nav.nav--rail-cards .nb:not(.active),
html body.manto-perfil-leche .nav.nav--rail-cards .nb:not(.active),
html body[data-producto='leche'] .nav.nav--rail-cards .nb:not(.active),
body.light[data-perfil='leche'] .nav.nav--rail-cards .nb:not(.active),
body.light.manto-perfil-leche .nav.nav--rail-cards .nb:not(.active),
body.light[data-producto='leche'] .nav.nav--rail-cards .nb:not(.active) {
  color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
  font-weight: 700 !important;
  text-shadow: var(--leche-nav-tshadow) !important;
}

html body[data-perfil='leche'] .nav.nav--rail-cards .nb.active,
html body.manto-perfil-leche .nav.nav--rail-cards .nb.active,
html body[data-producto='leche'] .nav.nav--rail-cards .nb.active,
body.light[data-perfil='leche'] .nav.nav--rail-cards .nb.active,
body.light.manto-perfil-leche .nav.nav--rail-cards .nb.active,
body.light[data-producto='leche'] .nav.nav--rail-cards .nb.active {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
  text-shadow: var(--leche-nav-tshadow) !important;
}

html body[data-perfil='leche'] .nav.nav--rail-cards .nb .ni,
html body[data-perfil='leche'] .nav.nav--rail-cards .nb:not(.active) .ni,
html body[data-perfil='leche'] .nav.nav--rail-cards .nb.active .ni,
html body[data-perfil='leche'] .nav.nav--rail-cards .nb .ni-img,
html body[data-perfil='leche'] .nav.nav--rail-cards .nb.active .ni img.ni-img,
html body.manto-perfil-leche .nav.nav--rail-cards .nb.active .ni img.ni-img,
body.light[data-perfil='leche'] .nav.nav--rail-cards .nb .ni-img {
  filter:
    drop-shadow(0 0 1px rgba(255, 255, 255, 0.45))
    drop-shadow(0 1px 3px rgba(0, 0, 0, 0.55)) !important;
  opacity: 1 !important;
}

html body[data-perfil='leche'] .nav.nav--rail-cards .nb.active .ni img.ni-img,
html body.manto-perfil-leche .nav.nav--rail-cards .nb.active .ni img.ni-img {
  transform: scale(1.06) !important;
}

/* ── Logo Lactia: mismo peso visual que iconos del header (todos los perfiles) ── */
html body #app .hdr.hdr-serio-v1 .hdr-menu-left .hdr-serio-header-btn .hdr-menu-ico-btn__img,
html body #app .hdr.hdr-serio-v1 #hdr-menu-btn img,
html body #app .hdr.hdr-serio-v1 #hdr-menu-btn .hdr-menu-vaquita-btn__img {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  transform: scale(1.34) !important;
  transform-origin: center center !important;
}