/* Navegación Ecoplas global: mismo diseño en todas las páginas.
   Solo se aplica dentro de #eco-global-header, independientemente del módulo activo. */
#eco-global-header .eco-navbar {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  z-index: 10000 !important;
  width: 100% !important;
  padding: 14px 0 !important;
  border-bottom: 1px solid transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font-family: "Outfit",system-ui,-apple-system,"Segoe UI",sans-serif !important;
  transition: background .28s ease, border-color .28s ease, box-shadow .28s ease, padding .28s ease, backdrop-filter .28s ease !important;
}
#eco-global-header .eco-navbar.is-scrolled {
  padding: 10px 0 !important;
  background: rgba(255,255,255,.91) !important;
  box-shadow: 0 14px 38px rgba(32,24,39,.10) !important;
  border-bottom-color: rgba(27,28,31,.07) !important;
  backdrop-filter: blur(16px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(150%) !important;
}
#eco-global-header .eco-navbar > .container {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  width: min(100% - 32px,1180px) !important;
  max-width: 1180px !important;
  min-height: 65px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
#eco-global-header .navbar-brand { display:inline-flex !important;flex-shrink:0 !important;align-items:center !important; margin:0 !important;padding:0 !important; }
#eco-global-header .navbar-brand .logo { display:block !important;width:auto !important;height:56px !important;max-width:190px !important;object-fit:contain !important; }
#eco-global-header .navbar-collapse { display:flex !important; flex:1 1 auto !important; align-items:center !important; min-width:0 !important; }
#eco-global-header .navbar-nav { display:flex !important;flex-direction:row !important;align-items:center !important;gap:2px !important;margin:0 0 0 auto !important;padding:0 !important;list-style:none !important; }
#eco-global-header .navbar-nav .nav-item {list-style:none !important;margin:0 !important;padding:0 !important;}
#eco-global-header .eco-navbar .nav-link {
  position:relative !important;
  display:block !important;
  white-space:nowrap !important;
  margin:0 !important;
  padding:10px 12px !important;
  border-radius:10px !important;
  background:transparent !important;
  color:#30333a !important;
  font-size:1rem !important;
  font-weight:600 !important;
  line-height:1.65 !important;
  text-decoration:none !important;
  overflow:hidden !important;
}
#eco-global-header .eco-navbar .nav-link::after {
  content:"" !important;
  position:absolute !important;
  left:12px !important;right:12px !important;bottom:4px !important;
  height:2px !important;border-radius:999px !important;
  background:linear-gradient(90deg,#7b1cbb,#df078e,#fba220) !important;
  transform:scaleX(0) !important;transform-origin:left !important;
  transition:transform .25s ease !important;
}
#eco-global-header .eco-navbar .nav-link:is(:hover,:focus-visible,.active,[aria-current="page"]) {color:#7b1cbb !important;}
#eco-global-header .eco-navbar .nav-link:is(:hover,:focus-visible,.active,[aria-current="page"])::after {transform:scaleX(1) !important;}
#eco-global-header .eco-header-actions {display:flex !important;align-items:center !important; flex-wrap:nowrap !important; flex-shrink:0 !important;gap:10px !important;margin-left:16px !important;}
#eco-global-header .eco-shop-btn {display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:9px !important;min-height:48px !important;padding:12px 20px !important;border:1px solid transparent !important;border-radius:14px !important;background:linear-gradient(120deg,#7b1cbb,#df078e,#ff6753) !important;color:#fff !important;font-size:1rem !important;font-weight:700 !important;line-height:1.45 !important;text-decoration:none !important;box-shadow:0 12px 32px rgba(123,28,187,.20),0 8px 22px rgba(223,7,142,.11) !important;white-space:nowrap !important;transition:transform .2s ease,box-shadow .2s ease !important;}
#eco-global-header .eco-shop-btn:hover {transform:translateY(-2px) !important;box-shadow:0 15px 36px rgba(123,28,187,.25) !important;}
#eco-global-header .eco-theme-button {display:inline-grid !important;place-items:center !important;width:46px !important;height:46px !important;flex:0 0 46px !important;padding:0 !important;border:1px solid #e5dce7 !important;border-radius:14px !important;background:rgba(255,255,255,.93) !important;color:#7b1cbb !important;line-height:1 !important;cursor:pointer !important;}
#eco-global-header .navbar-toggler {display:none !important; margin-left:auto !important; width:46px !important;height:42px !important; align-items:center !important;justify-content:center !important;background:#fff !important;}
body.eco-dark #eco-global-header .eco-navbar {background:transparent !important;border-bottom-color:transparent !important;}
body.eco-dark #eco-global-header .eco-navbar.is-scrolled {background:rgba(18,17,22,.9) !important;border-bottom-color:rgba(255,255,255,.07) !important;box-shadow:0 14px 38px rgba(0,0,0,.26) !important;}
body.eco-dark #eco-global-header .eco-navbar .nav-link {color:#eee9ef !important;}
body.eco-dark #eco-global-header .eco-navbar .nav-link:is(:hover,:focus-visible,.active,[aria-current="page"]) {color:#f0a3dc !important;}
body.eco-dark #eco-global-header .eco-theme-button, body.eco-dark #eco-global-header .navbar-toggler {background:#201b27 !important;color:#f6e7ff !important;border-color:#403448 !important;}
@media (max-width:1199.98px) and (min-width:992px) {
  #eco-global-header .eco-navbar .nav-link {font-size:.9rem !important;padding:10px 8px !important;}
  #eco-global-header .eco-header-actions {margin-left:10px !important;gap:8px !important;}
  #eco-global-header .eco-shop-btn {padding:11px 14px !important;}
}
@media (max-width:991.98px) {
  #eco-global-header .navbar-toggler {display:inline-flex !important;}
  #eco-global-header .navbar-collapse {display:none !important;flex:0 0 100% !important;width:100% !important;min-width:0 !important;max-height:calc(100dvh - 92px) !important;overflow-y:auto !important;margin-top:10px !important;padding:14px !important;border:1px solid rgba(27,28,31,.08) !important;border-radius:20px !important;background:rgba(255,255,255,.96) !important;box-shadow:0 18px 45px rgba(32,24,39,.12) !important;backdrop-filter:blur(16px) !important;}
  #eco-global-header .navbar-collapse.show {display:block !important;}
  #eco-global-header .navbar-nav {display:flex !important;flex-direction:column !important;align-items:stretch !important;width:100% !important;gap:3px !important;margin:0 !important;}
  #eco-global-header .eco-navbar .nav-link {font-size:1rem !important;white-space:normal !important;width:100% !important;padding:11px 12px !important;}
  #eco-global-header .eco-header-actions {width:100% !important;margin:10px 0 0 !important;justify-content:space-between !important;}
  #eco-global-header .eco-shop-btn {flex:1 1 auto !important;}
  body.eco-dark #eco-global-header .navbar-collapse {background:rgba(24,22,28,.96) !important;border-color:rgba(255,255,255,.08) !important;}
}
@media (max-width:575.98px) {
  #eco-global-header .eco-navbar {padding:10px 0 !important;}
  #eco-global-header .eco-navbar > .container {width:min(100% - 24px,1180px) !important;min-height:54px !important;}
  #eco-global-header .navbar-brand .logo {height:44px !important;max-width:165px !important;}
}