/** Shopify CDN: Minification failed

Line 3203:0 Unexpected "@media"

**/
/*
  Nootropicos Mexico 2026 — Refined Theme
  Clean, modern, performant design for mobile + desktop.
*/

/* ============================================================
   1. DESIGN TOKENS
   ============================================================ */
:root {
  --nm-primary: #0058a3;
  --nm-primary-rgb: 0, 88, 163;
  --nm-accent: #00bfff;
  --nm-accent-rgb: 0, 191, 255;
  --nm-secondary: #8ac9ff;
  --nm-bg: #0a1628;
  --nm-bg-card: rgba(255,255,255,0.04);
  --nm-bg-elevated: rgba(255,255,255,0.07);
  --nm-border: rgba(255,255,255,0.08);
  --nm-border-accent: rgba(0,191,255,0.25);
  --nm-text: #f0f4f8;
  --nm-text-muted: #94a3b8;
  --nm-radius-sm: 8px;
  --nm-radius-md: 12px;
  --nm-radius-lg: 16px;
  --nm-radius-xl: 20px;
  --nm-shadow-sm: 0 1px 3px rgba(0,0,0,0.2);
  --nm-shadow-md: 0 4px 16px rgba(0,0,0,0.25);
  --nm-shadow-lg: 0 8px 32px rgba(0,0,0,0.3);
  --nm-transition: 0.2s ease;
  --nm-font: 'Inter', system-ui, -apple-system, sans-serif;
  color-scheme: dark;
}

html[data-nm-theme="light"],
html[data-theme="light"] {
  --nm-bg: #f5f7fa;
  --nm-bg-card: rgba(0,0,0,0.02);
  --nm-bg-elevated: rgba(0,0,0,0.04);
  --nm-border: rgba(0,0,0,0.08);
  --nm-border-accent: rgba(0,88,163,0.2);
  --nm-text: #1a1a2e;
  --nm-text-muted: #64748b;
  --nm-shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --nm-shadow-md: 0 4px 16px rgba(0,0,0,0.08);
  --nm-shadow-lg: 0 8px 32px rgba(0,0,0,0.1);
  color-scheme: light;
}

/* ============================================================
   2. BASE
   ============================================================ */
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

body {
  background: var(--nm-bg);
  color: var(--nm-text);
  font-family: var(--nm-font);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::selection { background: rgba(var(--nm-accent-rgb), 0.3); color: #fff; }
a { color: var(--nm-accent); text-decoration: none; }
a:hover { color: var(--nm-secondary); }
:focus-visible { outline: 2px solid var(--nm-accent); outline-offset: 2px; }
img { max-width: 100%; height: auto; }

/* Subtle ambient glow */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 50% at 10% 10%, rgba(var(--nm-accent-rgb), 0.07), transparent 50%),
    radial-gradient(ellipse 50% 40% at 90% 80%, rgba(var(--nm-primary-rgb), 0.09), transparent 50%);
  pointer-events: none;
  z-index: 0;
}
html[data-nm-theme="light"] body::before {
  background:
    radial-gradient(ellipse 60% 50% at 10% 10%, rgba(var(--nm-primary-rgb), 0.03), transparent 50%),
    radial-gradient(ellipse 50% 40% at 90% 80%, rgba(var(--nm-accent-rgb), 0.03), transparent 50%);
}
body > * { position: relative; z-index: 1; }

/* ============================================================
   3. HEADER — sticky, glass, compact
   ============================================================ */
.site-header {
  background: rgba(10, 22, 40, 0.82) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--nm-border);
  position: sticky;
  top: 0;
  z-index: 1000;
}
html[data-nm-theme="light"] .site-header {
  background: rgba(245, 247, 250, 0.88) !important;
}
.site-header .wrapper { max-width: 1320px; padding-top: 8px; padding-bottom: 8px; }
.site-header .grid--full { display: flex !important; align-items: center; gap: 16px; }

/* Logo */
.site-header__logo a { display: inline-block; }
.site-header__logo img {
  max-width: min(300px, 75vw);
  height: auto;
  border-radius: var(--nm-radius-md);
  box-shadow: var(--nm-shadow-md);
  transition: transform var(--nm-transition);
}
.site-header__logo img:hover { transform: scale(1.02); }

/* ============================================================
   4. DESKTOP NAV
   ============================================================ */
.site-nav {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: nowrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-nav > li { display: flex; }

.site-nav__link,
.site-nav > li > a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 9px 14px;
  border-radius: var(--nm-radius-md);
  background: var(--nm-bg-card);
  border: 1px solid var(--nm-border);
  color: var(--nm-text) !important;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.01em;
  text-decoration: none;
  white-space: nowrap;
  transition: background var(--nm-transition), border-color var(--nm-transition), transform var(--nm-transition), box-shadow var(--nm-transition);
}
.site-nav__link:hover, .site-nav > li > a:hover {
  background: var(--nm-bg-elevated);
  border-color: var(--nm-border-accent);
  transform: translateY(-1px);
  box-shadow: var(--nm-shadow-sm);
}
.site-nav--active > .site-nav__link, .site-nav--active > a {
  background: rgba(var(--nm-accent-rgb), 0.10);
  border-color: rgba(var(--nm-accent-rgb), 0.28);
}

/* Dropdown */
.site-nav__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  padding: 6px;
  background: rgba(10, 22, 40, 0.95);
  border: 1px solid var(--nm-border);
  border-radius: var(--nm-radius-lg);
  box-shadow: var(--nm-shadow-lg);
  backdrop-filter: blur(14px);
  list-style: none;
  z-index: 1100;
}
html[data-nm-theme="light"] .site-nav__dropdown { background: rgba(255,255,255,0.96); }
.site-nav__dropdown .site-nav__link {
  width: 100%;
  justify-content: flex-start;
  border: none;
  background: transparent;
  border-radius: var(--nm-radius-sm);
  padding: 9px 14px;
}
.site-nav__dropdown .site-nav__link:hover { background: rgba(var(--nm-accent-rgb), 0.08); }

/* Utility nav */
.site-nav__utility { margin-left: auto; }
.nm-nav-utility { display: flex; align-items: center; gap: 5px; }

.nm-btn.nm-btn--nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 9px 12px;
  min-height: 38px;
  border-radius: var(--nm-radius-md);
  background: var(--nm-bg-card);
  border: 1px solid var(--nm-border);
  color: var(--nm-text) !important;
  font-weight: 600;
  font-size: 13px;
  transition: background var(--nm-transition), border-color var(--nm-transition), transform var(--nm-transition);
  position: relative;
}
.nm-btn.nm-btn--nav:hover {
  background: var(--nm-bg-elevated);
  border-color: var(--nm-border-accent);
  transform: translateY(-1px);
}
.nm-btn--nav.nm-btn--icon { padding: 9px; width: 38px; min-width: 38px; gap: 0; }
.nm-btn--nav.nm-btn--icon .nm-badge { position: absolute; top: -4px; right: -4px; }
.nm-btn__text { font-weight: 600; letter-spacing: 0.01em; }

/* Cart badge */
.nm-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  background: rgba(var(--nm-accent-rgb), 0.2);
  border: 1px solid rgba(var(--nm-accent-rgb), 0.3);
  color: var(--nm-accent);
}

/* Search panel */
.nm-search-panel {
  /* Positioned dynamically by JS so it can appear directly under the search icon */
  position: fixed;
  right: 12px;
  top: 72px;
  width: min(460px, 92vw);
  padding: 12px;
  border-radius: var(--nm-radius-lg);
  background: rgba(10, 22, 40, 0.92);
  border: 1px solid var(--nm-border);
  box-shadow: var(--nm-shadow-lg);
  backdrop-filter: blur(14px);
  z-index: 1200;
}
html[data-nm-theme="light"] .nm-search-panel { background: rgba(255,255,255,0.96); }

/* Theme toggle */
.nm-theme-toggle .nm-theme-icon {
  width: 14px; height: 14px;
  display: inline-block;
  border-radius: 999px;
  background: radial-gradient(circle at 35% 35%, rgba(255,255,255,0.9), rgba(var(--nm-accent-rgb), 0.3) 60%, transparent 70%);
  box-shadow: 0 0 0 1px rgba(255,255,255,0.15);
}

/* ============================================================
   5. MOBILE HEADER + NAV
   ============================================================ */
.nm-mobile-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 8px;
}
.nm-mobile-header .nm-btn { flex: 1 1 auto; justify-content: center; }

.mobile-nav__link,
.mobile-nav a,
.mobile-nav__sublist-trigger {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  margin: 3px 0;
  border-radius: var(--nm-radius-md);
  border: 1px solid var(--nm-border);
  background: var(--nm-bg-card);
  color: var(--nm-text) !important;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: background var(--nm-transition), border-color var(--nm-transition);
}
.mobile-nav__link:hover, .mobile-nav a:hover {
  background: var(--nm-bg-elevated);
  border-color: var(--nm-border-accent);
}

/* ============================================================
   6. MAIN CONTENT
   ============================================================ */
.wrapper.main-content { max-width: 1320px; padding-top: 24px; padding-bottom: 48px; }

.section-header__title {
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--nm-text);
}

/* ============================================================
   7. PRODUCT CARDS
   ============================================================ */
.grid-link,
.product-grid-item,
.collection-grid-item {
  display: block;
  background: var(--nm-bg-card);
  border: 1px solid var(--nm-border);
  border-radius: var(--nm-radius-xl);
  overflow: hidden;
  transition: transform var(--nm-transition), border-color var(--nm-transition), box-shadow var(--nm-transition);
}
.grid-link:hover, .product-grid-item:hover, .collection-grid-item:hover {
  transform: translateY(-3px);
  border-color: var(--nm-border-accent);
  box-shadow: var(--nm-shadow-lg);
}

/* Product image area — clean studio look */
.grid-link__image, .grid__image, .grid-link__image--product {
  background: linear-gradient(180deg, rgba(255,255,255,0.94), rgba(245,248,255,0.86));
  border-radius: var(--nm-radius-lg);
  margin: 10px;
  padding: 8px;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04), 0 8px 20px rgba(0,0,0,0.18);
}
.grid-link__image img, .grid__image img, .grid-link__image-centered img {
  border-radius: var(--nm-radius-md);
  width: 100%;
  height: auto;
  object-fit: contain;
  transition: transform 0.3s ease;
  background: transparent !important;
  filter: drop-shadow(0 14px 18px rgba(0,0,0,0.18));
  transform: translateZ(0);
}
.grid-link:hover .grid-link__image img,
.grid-link:hover .grid__image img {
  transform: scale(1.03);
}

.grid-link__title {
  padding: 8px 14px 4px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--nm-text);
}
.grid-link__meta {
  padding: 0 14px 14px;
  font-size: 15px;
  color: var(--nm-accent);
}
.grid-link__meta strong { font-weight: 700; }

/* Sale/Sold-out badges */
.badge {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.badge--sale {
  background: rgba(var(--nm-accent-rgb), 0.15);
  color: var(--nm-accent);
  border: 1px solid rgba(var(--nm-accent-rgb), 0.3);
}
.badge--sold-out {
  background: rgba(255,255,255,0.08);
  color: var(--nm-text-muted);
  border: 1px solid var(--nm-border);
}

/* ============================================================
   8. PDP (Product Detail Page)
   ============================================================ */
.product-single__photos, .product-single__photo {
  background: linear-gradient(180deg, rgba(255,255,255,0.94), rgba(245,248,255,0.86));
  border-radius: var(--nm-radius-xl);
  padding: 16px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04), 0 10px 25px rgba(0,0,0,0.2);
}
.product-single__photo img, .product-single__photos img {
  border-radius: var(--nm-radius-lg);
  width: 100%;
  height: auto;
  background: transparent !important;
  filter: drop-shadow(0 16px 20px rgba(0,0,0,0.2));
  transform: translateZ(0);
}

.product-single h1[itemprop="name"] {
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.2;
  margin-bottom: 8px;
}
.product-single__price {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--nm-accent);
}
.product-single__sale-price { color: var(--nm-text-muted); font-size: 1rem; }

/* Tabs */
.tab-switch__nav {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  border-bottom: 1px solid var(--nm-border);
  margin-bottom: 16px;
}
.tab-switch__trigger {
  display: inline-flex;
  padding: 10px 16px;
  border-radius: var(--nm-radius-md) var(--nm-radius-md) 0 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--nm-text-muted) !important;
  text-decoration: none;
  transition: color var(--nm-transition), background var(--nm-transition);
}
.tab-switch__trigger:hover { color: var(--nm-text) !important; background: var(--nm-bg-card); }
.tab-switch__trigger.active {
  color: var(--nm-accent) !important;
  background: rgba(var(--nm-accent-rgb), 0.06);
  border-bottom: 2px solid var(--nm-accent);
}

/* ============================================================
   9. BUTTONS
   ============================================================ */
button, .btn, .button, .cta, input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 24px;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  background: linear-gradient(135deg, var(--nm-primary), rgba(var(--nm-accent-rgb), 0.75));
  border: 1px solid rgba(var(--nm-accent-rgb), 0.18);
  border-radius: var(--nm-radius-md);
  box-shadow: var(--nm-shadow-sm);
  cursor: pointer;
  transition: transform var(--nm-transition), box-shadow var(--nm-transition), background var(--nm-transition);
  -webkit-appearance: none;
  appearance: none;
}
button:hover, .btn:hover, .button:hover, .cta:hover, input[type="submit"]:hover {
  transform: translateY(-1px);
  box-shadow: var(--nm-shadow-md);
  background: linear-gradient(135deg, rgba(var(--nm-accent-rgb), 0.85), var(--nm-secondary));
}
button:active, .btn:active { transform: translateY(0); }

.btn--secondary, input[name="update"] {
  background: var(--nm-bg-card);
  border: 1px solid var(--nm-border);
  color: var(--nm-text);
}
.btn--secondary:hover, input[name="update"]:hover {
  background: var(--nm-bg-elevated);
  border-color: var(--nm-border-accent);
}

/* ============================================================
   10. FORMS
   ============================================================ */
input[type="text"], input[type="email"], input[type="search"],
input[type="number"], input[type="password"], input[type="tel"],
textarea, select {
  padding: 10px 14px;
  background: var(--nm-bg-card);
  border: 1px solid var(--nm-border);
  border-radius: var(--nm-radius-md);
  color: var(--nm-text);
  font-size: 14px;
  transition: border-color var(--nm-transition), box-shadow var(--nm-transition);
}
input:focus, textarea:focus, select:focus {
  border-color: var(--nm-border-accent);
  box-shadow: 0 0 0 3px rgba(var(--nm-accent-rgb), 0.1);
  outline: none;
}

/* ============================================================
   11. SIDEBAR
   ============================================================ */
.grid__item.large--one-fifth { max-width: 260px; }

.sidebar-module { margin-bottom: 20px; }
.sidebar-module .section-header__title {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--nm-text-muted);
  font-weight: 700;
}
.sidebar-module__list {
  display: flex;
  flex-direction: column;
  gap: 3px;
  list-style: none;
  padding: 0;
}
.sidebar-module__list a,
.sidebar a, .collection-sidebar a {
  display: flex;
  align-items: center;
  padding: 9px 14px;
  border-radius: var(--nm-radius-md);
  border: 1px solid transparent;
  font-size: 14px;
  color: var(--nm-text) !important;
  text-decoration: none;
  transition: background var(--nm-transition), border-color var(--nm-transition);
}
.sidebar-module__list a:hover, .sidebar a:hover {
  background: var(--nm-bg-elevated);
  border-color: var(--nm-border);
}
.sidebar-module__list a.is-active, .sidebar a.is-active,
.sidebar a[aria-current="page"] {
  background: rgba(var(--nm-accent-rgb), 0.08);
  border-color: rgba(var(--nm-accent-rgb), 0.2);
  color: var(--nm-accent) !important;
}

/* ============================================================
   12. CART
   ============================================================ */
.cart__row {
  padding: 16px 0;
  border-bottom: 1px solid var(--nm-border);
}
.cart__image img { border-radius: var(--nm-radius-md); }
.cart__remove small { color: var(--nm-text-muted); transition: color var(--nm-transition); }
.cart__remove:hover small { color: #ef4444; }

/* ============================================================
   13. SLIDER
   ============================================================ */
.flexslider {
  border-radius: var(--nm-radius-xl);
  overflow: hidden;
  box-shadow: var(--nm-shadow-lg);
  border: 1px solid var(--nm-border);
}
.flexslider img { width: 100%; height: auto; display: block; }

/* ============================================================
   14. FOOTER
   ============================================================ */
.site-footer {
  background: rgba(5, 12, 25, 0.5);
  border-top: 1px solid var(--nm-border);
  padding: 48px 0 24px;
}
html[data-nm-theme="light"] .site-footer { background: rgba(0,0,0,0.02); }

.site-footer h4 {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--nm-text-muted);
  font-weight: 700;
  margin-bottom: 12px;
}
.site-footer__links { list-style: none; padding: 0; }
.site-footer__links li { margin-bottom: 6px; }
.site-footer__links a { color: var(--nm-text-muted); transition: color var(--nm-transition); }
.site-footer__links a:hover { color: var(--nm-accent); }

.social-icons { display: flex; gap: 6px; flex-wrap: wrap; }
.social-icons li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px; height: 34px;
  border-radius: var(--nm-radius-sm);
  background: var(--nm-bg-card);
  border: 1px solid var(--nm-border);
  transition: background var(--nm-transition), border-color var(--nm-transition), transform var(--nm-transition);
}
.social-icons li a:hover {
  background: rgba(var(--nm-accent-rgb), 0.1);
  border-color: var(--nm-border-accent);
  transform: translateY(-1px);
}
.payment-icons { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }

/* ============================================================
   15. COLLECTION HERO
   ============================================================ */
.nm-hero-subtitle {
  margin-top: 8px;
  font-size: 15px;
  line-height: 1.5;
  color: var(--nm-text-muted);
  max-width: 60ch;
}
.nm-hero-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid var(--nm-border);
  background: var(--nm-bg-card);
  font-size: 13px;
  font-weight: 600;
  color: var(--nm-text-muted);
  text-decoration: none;
}
.nm-hero-chip i {
  width: 8px; height: 8px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--nm-primary), var(--nm-accent));
}

/* ============================================================
   16. NM LANDING IA
   ============================================================ */
.nm-landing-ia { padding: 48px 0; }
.nm-landing-ia__wrap {
  max-width: 900px;
  margin: 0 auto;
  padding: 32px 20px;
  border: 1px solid var(--nm-border);
  border-radius: var(--nm-radius-xl);
  background: var(--nm-bg-card);
  text-align: center;
}
.nm-landing-ia__title {
  font-size: clamp(1.8rem, 5vw, 2.5rem);
  font-weight: 800;
  line-height: 1.1;
  margin: 0 0 10px;
}
.nm-landing-ia__accent {
  background: linear-gradient(135deg, var(--nm-accent), var(--nm-secondary));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.nm-landing-ia__subtitle {
  max-width: 680px;
  margin: 0 auto 20px;
  color: var(--nm-text-muted);
  font-size: 15px;
  line-height: 1.5;
}
.nm-landing-ia__actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.nm-landing-ia__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 20px;
  border-radius: var(--nm-radius-lg);
  border: 1px solid var(--nm-border);
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  min-width: 150px;
}
.nm-landing-ia__btn--primary {
  background: linear-gradient(135deg, var(--nm-primary), rgba(var(--nm-accent-rgb), 0.6));
  border: none;
  color: #fff;
}
.nm-landing-ia__btn--ghost { background: var(--nm-bg-card); color: var(--nm-text); }
.nm-landing-ia__pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid var(--nm-border);
  background: var(--nm-bg-card);
  font-size: 12px;
  font-weight: 600;
  color: var(--nm-text-muted);
  margin-bottom: 16px;
}
.nm-landing-ia__dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--nm-accent);
}

/* ============================================================
   17. MISC / ICONS
   ============================================================ */
.nm-icon { width: 16px; height: 16px; display: inline-block; }
.nm-icon-user {
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12c2.761 0 5-2.239 5-5S14.761 2 12 2 7 4.239 7 7s2.239 5 5 5Zm0 2c-4.418 0-8 2.239-8 5v1h16v-1c0-2.761-3.582-5-8-5Z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12c2.761 0 5-2.239 5-5S14.761 2 12 2 7 4.239 7 7s2.239 5 5 5Zm0 2c-4.418 0-8 2.239-8 5v1h16v-1c0-2.761-3.582-5-8-5Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.header-bar__message { display: none; }
.header-bar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 4px 20px;
  background: transparent;
  border-bottom: none;
}
.header-bar__sep { display: none; }

.nm-stacks-strip { margin: 12px 0 8px; }
.nm-stacks-strip .nm-hero-chip:hover { border-color: var(--nm-border-accent); }

/* Hide 3rd-party chat launchers */
#shopify-chat, #ShopifyChat, .shopify-chat, .shopify-chat--launcher,
#tidio-chat, .crisp-client, .intercom-lightweight-app, .intercom-launcher,
.zEWidget-launcher, #hubspot-messages-iframe-container { display: none !important; }

/* Breadcrumb */
.breadcrumb a { color: var(--nm-text-muted); font-size: 13px; }
.breadcrumb a:hover { color: var(--nm-accent); }

/* RTE */
.rte img { border-radius: var(--nm-radius-md); }
.rte a { color: var(--nm-accent); text-decoration: underline; text-underline-offset: 2px; }
.rte a:hover { color: var(--nm-secondary); }

/* HR */
hr, .hr--clear { border: none; border-top: 1px solid var(--nm-border); margin: 24px 0; }

/* Pagination */
.pagination a, .pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px; height: 34px;
  padding: 0 8px;
  border-radius: var(--nm-radius-sm);
  border: 1px solid var(--nm-border);
  font-size: 14px;
  transition: background var(--nm-transition), border-color var(--nm-transition);
}
.pagination a:hover { background: var(--nm-bg-elevated); border-color: var(--nm-border-accent); }
.pagination .current, .pagination span.current {
  background: rgba(var(--nm-accent-rgb), 0.12);
  border-color: rgba(var(--nm-accent-rgb), 0.3);
  color: var(--nm-accent);
}

/* ============================================================
   18. PERFORMANCE
   ============================================================ */
main > section,
.wrapper.main-content .shopify-section:not(:first-child),
.site-footer, footer {
  content-visibility: auto;
  contain-intrinsic-size: auto 600px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ============================================================
   19. RESPONSIVE
   ============================================================ */
@media (max-width: 768px) {
  /* Kill heavy effects on mobile */
  .site-header {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: var(--nm-bg) !important;
  }
  html[data-nm-theme="light"] .site-header { background: var(--nm-bg) !important; }
  body::before { display: none; }

  .wrapper.main-content { padding-top: 16px; padding-bottom: 32px; }

  .grid-link__image, .grid__image, .grid-link__image--product { margin: 6px; padding: 6px; }
  .grid-link__title { padding: 6px 10px 2px; font-size: 13px; }
  .grid-link__meta { padding: 0 10px 10px; font-size: 14px; }

  button, .btn, .button, input[type="submit"] { padding: 10px 18px; font-size: 14px; }

  .cart__row--table-large { display: block !important; }
  .site-footer { padding: 32px 0 20px; }

  /* Horizontal scroll tabs */
  .tab-switch__nav {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .tab-switch__nav::-webkit-scrollbar { display: none; }
  .tab-switch__trigger { white-space: nowrap; font-size: 13px; padding: 8px 12px; }
}

@media (max-width: 480px) {
  .site-header__logo img { max-width: 200px; }
  .product-single h1[itemprop="name"] { font-size: 1.3rem; }
  .product-single__price { font-size: 1.2rem; }
}

@media (min-width: 1024px) {
  .site-header .grid--full { gap: 24px; }
}

/* ============================================================
   20. PREDICTIVE SEARCH
   ============================================================ */
.nm-search-panel {
  /* Positioned dynamically by JS so it can appear directly under the search icon */
  position: fixed;
  right: 12px;
  top: 72px;
  width: min(480px, 94vw);
  padding: 14px;
  border-radius: var(--nm-radius-lg);
  background: rgba(10, 22, 40, 0.95);
  border: 1px solid var(--nm-border);
  box-shadow: var(--nm-shadow-lg);
  backdrop-filter: blur(16px);
  z-index: 1200;
}
html[data-nm-theme="light"] .nm-search-panel { background: rgba(255,255,255,0.97); }

.nm-search-panel[hidden] { display: none; }

.nm-search-results { margin-top: 10px; max-height: 360px; overflow-y: auto; }
.nm-search-results:empty { display: none; }

.nm-search-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px;
  border-radius: var(--nm-radius-md);
  text-decoration: none;
  color: var(--nm-text);
  transition: background 0.15s ease;
}
.nm-search-item:hover {
  background: var(--nm-bg-elevated);
}
.nm-search-item__img {
  width: 48px;
  height: 48px;
  border-radius: var(--nm-radius-sm);
  object-fit: cover;
  background: rgba(255,255,255,0.9);
  flex-shrink: 0;
}
.nm-search-item__info { flex: 1; min-width: 0; }
.nm-search-item__title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nm-search-item__price {
  font-size: 13px;
  color: var(--nm-accent);
  font-weight: 600;
  margin-top: 2px;
}
.nm-search-item__tag {
  font-size: 11px;
  color: var(--nm-text-muted);
}
.nm-search-hint {
  font-size: 12px;
  color: var(--nm-text-muted);
  padding: 8px 4px 0;
  text-align: center;
}

/* ============================================================
   21. THEME TOGGLE — SUN ICON
   ============================================================ */
.nm-theme-toggle .nm-theme-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cline x1='12' y1='1' x2='12' y2='3'/%3E%3Cline x1='12' y1='21' x2='12' y2='23'/%3E%3Cline x1='4.22' y1='4.22' x2='5.64' y2='5.64'/%3E%3Cline x1='18.36' y1='18.36' x2='19.78' y2='19.78'/%3E%3Cline x1='1' y1='12' x2='3' y2='12'/%3E%3Cline x1='21' y1='12' x2='23' y2='12'/%3E%3Cline x1='4.22' y1='19.78' x2='5.64' y2='18.36'/%3E%3Cline x1='18.36' y1='5.64' x2='19.78' y2='4.22'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cline x1='12' y1='1' x2='12' y2='3'/%3E%3Cline x1='12' y1='21' x2='12' y2='23'/%3E%3Cline x1='4.22' y1='4.22' x2='5.64' y2='5.64'/%3E%3Cline x1='18.36' y1='18.36' x2='19.78' y2='19.78'/%3E%3Cline x1='1' y1='12' x2='3' y2='12'/%3E%3Cline x1='21' y1='12' x2='23' y2='12'/%3E%3Cline x1='4.22' y1='19.78' x2='5.64' y2='18.36'/%3E%3Cline x1='18.36' y1='5.64' x2='19.78' y2='4.22'/%3E%3C/svg%3E") center/contain no-repeat;
  box-shadow: none;
  border-radius: 0;
}

/* ============================================================
   22. ICY-BLUE FUTURISTIC LIGHT THEME
   ============================================================ */
html[data-nm-theme="light"],
html[data-theme="light"] {
  --nm-bg: #e8f4fc;
  --nm-bg-card: rgba(200, 230, 255, 0.25);
  --nm-bg-elevated: rgba(160, 210, 255, 0.2);
  --nm-border: rgba(0, 120, 210, 0.12);
  --nm-border-accent: rgba(0, 150, 255, 0.3);
  --nm-text: #0a2540;
  --nm-text-muted: #3a6890;
  --nm-shadow-sm: 0 1px 4px rgba(0, 80, 160, 0.06);
  --nm-shadow-md: 0 4px 18px rgba(0, 80, 160, 0.08);
  --nm-shadow-lg: 0 8px 36px rgba(0, 80, 160, 0.1);
  color-scheme: light;
}
html[data-nm-theme="light"] .site-header {
  background: rgba(220, 240, 255, 0.88) !important;
  border-bottom-color: rgba(0, 120, 210, 0.1);
}
html[data-nm-theme="light"] .site-footer {
  background: rgba(200, 230, 255, 0.3);
}
html[data-nm-theme="light"] body::before {
  background:
    radial-gradient(ellipse 60% 50% at 10% 10%, rgba(0, 150, 255, 0.06), transparent 50%),
    radial-gradient(ellipse 50% 40% at 90% 80%, rgba(0, 100, 200, 0.05), transparent 50%);
}
html[data-nm-theme="light"] .site-nav__link,
html[data-nm-theme="light"] .site-nav > li > a,
html[data-nm-theme="light"] .nm-btn.nm-btn--nav {
  background: rgba(200, 230, 255, 0.4);
  border-color: rgba(0, 120, 210, 0.12);
  color: var(--nm-text) !important;
}
html[data-nm-theme="light"] .site-nav__link:hover,
html[data-nm-theme="light"] .nm-btn.nm-btn--nav:hover {
  background: rgba(180, 220, 255, 0.6);
  border-color: rgba(0, 150, 255, 0.25);
}
html[data-nm-theme="light"] .grid-link,
html[data-nm-theme="light"] .product-grid-item,
html[data-nm-theme="light"] .collection-grid-item {
  background: rgba(200, 230, 255, 0.2);
  border-color: rgba(0, 120, 210, 0.08);
}
html[data-nm-theme="light"] .grid-link:hover {
  border-color: rgba(0, 150, 255, 0.25);
  box-shadow: 0 8px 32px rgba(0, 100, 200, 0.12);
}
html[data-nm-theme="light"] .badge--sale {
  background: rgba(0, 150, 255, 0.1);
  color: #0070cc;
  border-color: rgba(0, 150, 255, 0.25);
}
html[data-nm-theme="light"] .nm-search-panel {
  background: rgba(230, 245, 255, 0.97);
  border-color: rgba(0, 120, 210, 0.15);
}
html[data-nm-theme="light"] .mobile-nav__link,
html[data-nm-theme="light"] .mobile-nav a {
  background: rgba(200, 230, 255, 0.3);
  border-color: rgba(0, 120, 210, 0.1);
  color: var(--nm-text) !important;
}


/* ============================================================
   0. ACCESSIBILITY + BASE UX IMPROVEMENTS (2026-02-17)
   ============================================================ */
.nm-skip-link{
  position:absolute;
  left:-999px;
  top:10px;
  z-index:9999;
  padding:10px 14px;
  border-radius:12px;
  background:rgba(0,0,0,0.8);
  color:#fff;
}
.nm-skip-link:focus{ left:10px; }

:focus-visible{
  outline: 2px solid rgba(var(--nm-accent-rgb,0,191,255), .9);
  outline-offset: 2px;
  border-radius: 10px;
}

/* Improve tap targets a bit on mobile */
@media (max-width: 768px){
  button, .btn, a.btn, input[type="submit"]{
    min-height: 44px;
  }
}

/* ============================================================
   NM Recommendation Card (clean version, no inline styles)
   ============================================================ */
.nm-reco-card{
  margin: 0 auto 20px;
  width:100%;
  max-width: 1100px;
  cursor: pointer;
}
.nm-reco-card__inner{
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 20px;
  border-radius: var(--nm-radius-xl, 20px);
  border: 1px solid var(--nm-border, rgba(255,255,255,0.08));
  background: linear-gradient(135deg, rgba(0,88,163,0.12), rgba(0,191,255,0.06));
  transition: transform .15s ease, border-color .15s ease, background .15s ease;
  will-change: transform;
}
.nm-reco-card:hover .nm-reco-card__inner{
  transform: translateY(-2px);
  border-color: var(--nm-border-accent, rgba(0,191,255,0.25));
  background: linear-gradient(135deg, rgba(0,88,163,0.16), rgba(0,191,255,0.08));
}
.nm-reco-card:active .nm-reco-card__inner{
  transform: translateY(0px) scale(0.99);
}

/* ============================================================
   Rendering performance: isolate below-the-fold sections
   ============================================================ */
@supports (content-visibility: auto){
  .main-content .shopify-section{
    content-visibility: auto;
    contain-intrinsic-size: 800px;
  }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  *{ scroll-behavior:auto !important; }
  .nm-reco-card__inner{ transition:none !important; }
}


/* NM: Recommendation card sub-elements */
.nm-reco-card__emoji{font-size:28px;line-height:1;}
.nm-reco-card__copy{flex:1;min-width:0;}
.nm-reco-card__title{font-weight:700;font-size:15px;line-height:1.3;}
.nm-reco-card__desc{font-size:13px;color:var(--nm-text-muted,#94a3b8);margin-top:2px;}
.nm-reco-card__arrow{font-size:18px;opacity:0.4;}

/* NM: shuffle button ("🎲") inside recommendation card */
.nm-reco-card__shuffle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius: 999px;
  border: 1px solid var(--nm-border, rgba(255,255,255,0.10));
  background: rgba(255,255,255,0.04);
  color: inherit;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.8;
  transition: transform .12s ease, opacity .12s ease, background .12s ease, border-color .12s ease;
}
.nm-reco-card__shuffle:hover{
  opacity: 1;
  transform: translateY(-1px);
  background: rgba(255,255,255,0.06);
  border-color: var(--nm-border-accent, rgba(0,191,255,0.22));
}
.nm-reco-card__shuffle:active{
  transform: translateY(0px) scale(0.97);
}
.nm-reco-card__shuffle:focus-visible{
  outline: 2px solid rgba(var(--nm-accent-rgb,0,191,255), .9);
  outline-offset: 2px;
}


/* ============================================================
   NM: Recommendation card animations + prize modal
   ============================================================ */
@keyframes nmRecoSwap {
  0%   { transform: translateY(0px); opacity: 1; }
  35%  { transform: translateY(-3px); opacity: .88; }
  100% { transform: translateY(0px); opacity: 1; }
}
.nm-reco-card__inner--swap{
  animation: nmRecoSwap 420ms ease;
}

@keyframes nmDiceSpin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.nm-reco-card__shuffle--spin{
  animation: nmDiceSpin 520ms ease;
}

/* Prize modal */
.nm-prize{
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: 18px;
}
.nm-prize__backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(6px);
}
.nm-prize__panel{
  position: relative;
  width: min(520px, 92vw);
  border-radius: 18px;
  padding: 18px 18px 16px;
  border: 1px solid rgba(255,255,255,0.10);
  background: linear-gradient(180deg, rgba(12,32,60,0.92), rgba(8,20,38,0.92));
  box-shadow: 0 18px 60px rgba(0,0,0,0.45);
  color: #e5e7eb;
}
.nm-prize__close{
  position:absolute;
  right: 10px;
  top: 8px;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
  color: inherit;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.nm-prize__title{
  font-weight: 800;
  font-size: 18px;
  margin: 4px 0 4px;
}
.nm-prize__subtitle{
  font-size: 14px;
  color: rgba(229,231,235,0.86);
  margin-bottom: 12px;
}
.nm-prize__codeWrap{
  display:flex;
  gap:10px;
  align-items:center;
  margin: 10px 0 14px;
}
.nm-prize__code{
  flex: 1;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-align: center;
  padding: 12px 12px;
  border-radius: 12px;
  border: 1px dashed rgba(0,191,255,0.35);
  background: rgba(0,191,255,0.06);
}
.nm-prize__copy{
  white-space: nowrap;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.06);
  color: inherit;
  cursor: pointer;
}
.nm-prize__actions{
  display:flex;
  gap:10px;
  flex-wrap: wrap;
}
.nm-prize__apply{
  flex:1;
  min-width: 220px;
  text-align:center;
  padding: 10px 12px;
  border-radius: 12px;
  text-decoration:none;
  border: 1px solid rgba(0,191,255,0.35);
  background: rgba(0,191,255,0.10);
  color: #e5e7eb;
  font-weight: 700;
}
.nm-prize__secondary{
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.05);
  color: inherit;
  cursor: pointer;
}
.nm-prize__fineprint{
  margin-top: 10px;
  font-size: 12px;
  color: rgba(148,163,184,0.9);
}
.nm-prize--hide{ opacity:0; transition: opacity .18s ease; }

@media (prefers-reduced-motion: reduce){
  .nm-reco-card__inner--swap,
  .nm-reco-card__shuffle--spin{ animation: none !important; }
}

/* ============================================================
   NM: Trust Strip mejorado (home) — Feb 2026
   ============================================================ */
.nm-truststrip {
  background: linear-gradient(90deg, rgba(0,88,163,0.18) 0%, rgba(0,191,255,0.10) 100%);
  border-bottom: 1px solid rgba(0,191,255,0.15);
  border-top: 1px solid rgba(0,191,255,0.10);
  padding: 10px 16px;
  width: 100%;
}
.nm-truststrip__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
}
.nm-trustpill2 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 14px;
  border-radius: 20px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(0,191,255,0.20);
  white-space: nowrap;
}
.nm-trustpill2__icon { font-size: 14px; }
.nm-trustpill2__txt {
  font-size: 12px;
  font-weight: 600;
  color: rgba(255,255,255,0.88);
  letter-spacing: 0.01em;
}
@media (max-width: 480px) {
  .nm-truststrip__inner { gap: 6px; }
  .nm-trustpill2 { padding: 4px 10px; }
  .nm-trustpill2__txt { font-size: 11px; }
}

/* ============================================================
   NM: Testimonials section (home) — Feb 2026
   ============================================================ */
.nm-testimonials {
  padding: 40px 0 20px;
}
.nm-testimonials__title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: 24px;
  color: var(--nm-text);
}
.nm-testimonials__title span {
  color: var(--nm-accent);
}
.nm-testimonials__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 768px) {
  .nm-testimonials__grid { grid-template-columns: 1fr; gap: 12px; }
}
@media (min-width: 481px) and (max-width: 768px) {
  .nm-testimonials__grid { grid-template-columns: repeat(2, 1fr); }
}
.nm-tcard {
  background: var(--nm-bg-card);
  border: 1px solid var(--nm-border);
  border-radius: var(--nm-radius-lg);
  padding: 20px;
  transition: border-color 0.2s ease, transform 0.2s ease;
}
.nm-tcard:hover {
  border-color: var(--nm-border-accent);
  transform: translateY(-2px);
}
.nm-tcard__stars {
  color: #fbbf24;
  font-size: 14px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}
.nm-tcard__text {
  font-size: 14px;
  line-height: 1.6;
  color: var(--nm-text-muted);
  margin-bottom: 14px;
  font-style: italic;
}
.nm-tcard__author {
  display: flex;
  align-items: center;
  gap: 10px;
}
.nm-tcard__avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(0,191,255,0.3), rgba(0,88,163,0.3));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
  border: 1px solid rgba(0,191,255,0.2);
}
.nm-tcard__name {
  font-size: 13px;
  font-weight: 600;
  color: var(--nm-text);
}
.nm-tcard__location {
  font-size: 11px;
  color: var(--nm-text-muted);
  margin-top: 1px;
}

/* ============================================================
   NM: Skip link accessibility
   ============================================================ */
.nm-skip-link {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.nm-skip-link:focus {
  left: 16px;
  top: 16px;
  width: auto;
  height: auto;
  padding: 8px 16px;
  background: var(--nm-accent);
  color: #0a1628;
  border-radius: 8px;
  font-weight: 700;
  z-index: 9999;
}

/* ============================================================
   NM: TikTok footer icon — Feb 2026
   ============================================================ */
.nm-tiktok-footer {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.nm-tiktok-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: currentColor;
  transition: color 0.2s ease;
}
.nm-tiktok-footer:hover .nm-tiktok-icon {
  color: #ff0050;
}

/* ============================================================
   NM: Product card enhancements — Feb 2026
   ============================================================ */

/* Badge con % de descuento real */
.nm-badge-pct {
  font-size: 12px !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg, rgba(0,191,255,0.2), rgba(0,88,163,0.25)) !important;
  color: var(--nm-accent) !important;
  border: 1px solid rgba(0,191,255,0.35) !important;
  letter-spacing: 0.02em;
  padding: 5px 10px !important;
}

/* Precio tachado (precio anterior) más visible */
.nm-compare-price {
  display: inline-block;
  margin-left: 6px;
  font-size: 12px;
  color: var(--nm-text-muted);
  text-decoration: line-through;
  opacity: 0.7;
}

/* Botón CTA que aparece en hover */
.nm-card-cta {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%) translateY(6px);
  background: var(--nm-accent);
  color: #0a1628;
  font-size: 12px;
  font-weight: 700;
  padding: 7px 18px;
  border-radius: 999px;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.22s ease, transform 0.22s ease;
  pointer-events: none;
  letter-spacing: 0.02em;
  box-shadow: 0 4px 14px rgba(0,191,255,0.3);
  z-index: 3;
}
.nm-card-cta--soldout {
  background: rgba(255,255,255,0.12);
  color: var(--nm-text-muted);
  box-shadow: none;
}
.nm-card-enhanced:hover .nm-card-cta {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
/* Oscurecer levemente la imagen al hover para que el botón resalte */
.nm-card-enhanced:hover .grid-link__image-centered img {
  opacity: 0.88;
}

/* Precio principal en modo claro */
html[data-nm-theme="light"] .nm-badge-pct {
  background: rgba(0,100,200,0.1) !important;
  color: #0058a3 !important;
  border-color: rgba(0,100,200,0.2) !important;
}
html[data-nm-theme="light"] .nm-card-cta {
  background: var(--nm-primary);
  color: #fff;
  box-shadow: 0 4px 14px rgba(0,88,163,0.3);
}

/* Mobile: mostrar CTA siempre visible (no hay hover en táctil) */
@media (max-width: 768px) {
  .nm-card-cta {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
    font-size: 11px;
    padding: 5px 14px;
    bottom: 8px;
  }
  .nm-card-enhanced:hover .grid-link__image-centered img {
    opacity: 1;
  }
}

/* ============================================================
   NM: Botón WhatsApp en página de producto — Feb 2026
   ============================================================ */
.nm-wa-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin-top: 10px;
  padding: 13px 20px;
  border-radius: 14px;
  background: #25d366;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 0.01em;
  transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
  box-shadow: 0 4px 18px rgba(37, 211, 102, 0.28);
}
.nm-wa-btn:hover {
  background: #1da851;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(37, 211, 102, 0.38);
}
.nm-wa-btn:active {
  transform: translateY(0);
  box-shadow: none;
}
.nm-wa-btn svg {
  flex-shrink: 0;
}

/* ============================================================
   NM: Collection intro text (SEO) — Feb 2026
   ============================================================ */
.nm-col-intro {
  margin-bottom: 8px;
}
.nm-col-intro p {
  font-size: 14px;
  color: var(--nm-text-muted);
  line-height: 1.7;
  max-width: 680px;
  border-left: 3px solid var(--nm-border-accent);
  padding-left: 14px;
  margin: 0;
}
html[data-nm-theme="light"] .nm-col-intro p {
  border-left-color: rgba(0,88,163,0.3);
}

/* ============================================================
   NM: Performance — Feb 2026
   ============================================================ */

/* font-display:swap para fuentes del sistema hasta que cargue Inter */
@font-face {
  font-family: 'Inter';
  font-display: swap;
}

/* Reservar espacio para imágenes de producto y evitar CLS */
.grid-link__image,
.grid-link__image--product {
  aspect-ratio: 1 / 1;
  min-height: 180px;
}
.grid-link__image-centered img {
  aspect-ratio: 1 / 1;
}

/* Reservar espacio para el logo y evitar CLS en header */
.site-header__logo img {
  aspect-ratio: 360 / 110;
}

/* Evitar CLS del slider: reservar altura antes de que cargue JS */
.flexslider {
  min-height: 200px;
  background: rgba(255,255,255,0.02);
  border-radius: 16px;
}

/* Secciones below-the-fold: renderizar solo cuando estén cerca */
@supports (content-visibility: auto) {
  .nm-testimonials,
  .nm-truststrip,
  footer.site-footer {
    content-visibility: auto;
    contain-intrinsic-size: 0 300px;
  }
}

/* Animaciones: usar transform+opacity (compositor) en lugar de top/left */
.nm-reco-card__inner,
.nm-card-cta,
.grid-link,
.nm-wa-btn {
  will-change: transform;
  transform: translateZ(0);
}

/* ============================================================
   NM: HERO SECTION — Feb 2026
   ============================================================ */
.nm-hero {
  position: relative;
  overflow: hidden;
  padding: 80px 0 60px;
  margin-bottom: 0;
}

/* Fondo con gradiente animado */
.nm-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 80% 60% at 20% 50%, rgba(0,191,255,0.12) 0%, transparent 60%),
    radial-gradient(ellipse 60% 80% at 80% 20%, rgba(0,88,163,0.18) 0%, transparent 60%),
    radial-gradient(ellipse 50% 50% at 60% 90%, rgba(0,191,255,0.07) 0%, transparent 50%);
  animation: nmHeroGlow 8s ease-in-out infinite alternate;
  pointer-events: none;
}
@keyframes nmHeroGlow {
  0%   { opacity: 0.7; transform: scale(1); }
  50%  { opacity: 1; transform: scale(1.05); }
  100% { opacity: 0.8; transform: scale(1.02); }
}

/* Línea de brillo superior */
.nm-hero::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0,191,255,0.6), transparent);
}

/* Partículas flotantes */
.nm-hero__particles {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}
.nm-hero__particles span {
  position: absolute;
  width: 2px;
  height: 2px;
  background: rgba(0,191,255,0.6);
  border-radius: 50%;
  animation: nmFloat linear infinite;
}
.nm-hero__particles span:nth-child(1)  { left:10%; top:20%; animation-duration:12s; animation-delay:0s;   width:3px; height:3px; }
.nm-hero__particles span:nth-child(2)  { left:25%; top:60%; animation-duration:18s; animation-delay:-3s;  }
.nm-hero__particles span:nth-child(3)  { left:50%; top:15%; animation-duration:14s; animation-delay:-6s;  width:4px; height:4px; opacity:.4; }
.nm-hero__particles span:nth-child(4)  { left:70%; top:45%; animation-duration:20s; animation-delay:-2s;  }
.nm-hero__particles span:nth-child(5)  { left:85%; top:25%; animation-duration:16s; animation-delay:-8s;  width:3px; height:3px; }
.nm-hero__particles span:nth-child(6)  { left:40%; top:75%; animation-duration:22s; animation-delay:-4s;  opacity:.3; }
.nm-hero__particles span:nth-child(7)  { left:90%; top:70%; animation-duration:13s; animation-delay:-1s;  width:2px; height:2px; }
.nm-hero__particles span:nth-child(8)  { left:60%; top:85%; animation-duration:17s; animation-delay:-9s;  width:3px; height:3px; opacity:.5; }
@keyframes nmFloat {
  0%   { transform: translateY(0) translateX(0); opacity: 0; }
  10%  { opacity: 1; }
  90%  { opacity: 1; }
  100% { transform: translateY(-80px) translateX(20px); opacity: 0; }
}

.nm-hero__inner {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 780px;
  margin: 0 auto;
}

/* Badge "IA activa" */
.nm-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  border-radius: 999px;
  border: 1px solid rgba(0,191,255,0.3);
  background: rgba(0,191,255,0.08);
  font-size: 12px;
  font-weight: 600;
  color: var(--nm-accent);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 28px;
}
.nm-hero__badge-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #2aff8f;
  box-shadow: 0 0 8px #2aff8f;
  animation: nmPulse 2s ease-in-out infinite;
}
@keyframes nmPulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50%       { transform: scale(1.3); opacity: 0.7; }
}

/* Título principal */
.nm-hero__title {
  font-size: clamp(2.4rem, 7vw, 4.2rem);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: var(--nm-text);
  margin: 0 0 20px;
}
.nm-hero__title-accent {
  display: inline-block;
  background: linear-gradient(135deg, #00bfff 0%, #7dd3fc 40%, #00bfff 100%);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: nmGradShift 4s ease infinite;
  transition: opacity 0.3s ease;
}
.nm-hero__title-accent--fade { opacity: 0; }
@keyframes nmGradShift {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.nm-hero__sub {
  font-size: clamp(15px, 2.2vw, 18px);
  color: var(--nm-text-muted);
  line-height: 1.65;
  margin: 0 auto 36px;
  max-width: 560px;
}

/* CTAs */
.nm-hero__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}
.nm-hero__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: transform 0.18s ease, box-shadow 0.2s ease, background 0.2s ease;
  letter-spacing: 0.01em;
}
.nm-hero__cta--primary {
  background: linear-gradient(135deg, #0058a3 0%, #00bfff 100%);
  color: #fff;
  box-shadow: 0 8px 32px rgba(0,191,255,0.35);
}
.nm-hero__cta--primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 48px rgba(0,191,255,0.5);
  color: #fff;
}
.nm-hero__cta--ghost {
  background: rgba(255,255,255,0.06);
  color: var(--nm-text);
  border: 1px solid rgba(255,255,255,0.14);
}
.nm-hero__cta--ghost:hover {
  background: rgba(255,255,255,0.10);
  border-color: rgba(0,191,255,0.3);
  transform: translateY(-2px);
  color: var(--nm-text);
}

@media (max-width: 600px) {
  .nm-hero { padding: 52px 0 40px; }
  .nm-hero__actions { flex-direction: column; align-items: stretch; padding: 0 20px; }
  .nm-hero__cta { justify-content: center; }
}

/* ============================================================
   NM: MÉTRICAS ANIMADAS — Feb 2026
   ============================================================ */
.nm-metrics {
  padding: 36px 0;
  border-top: 1px solid var(--nm-border);
  border-bottom: 1px solid var(--nm-border);
  background: rgba(0,191,255,0.03);
  margin: 20px 0;
}
.nm-metrics__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  flex-wrap: wrap;
}
.nm-metric {
  flex: 1;
  min-width: 130px;
  text-align: center;
  padding: 16px 20px;
}
.nm-metric__number {
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1;
  background: linear-gradient(135deg, #fff 30%, #00bfff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 6px;
}
.nm-metric__suffix {
  font-size: 0.65em;
  font-weight: 700;
}
.nm-metric__label {
  font-size: 12px;
  font-weight: 500;
  color: var(--nm-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.nm-metric__divider {
  width: 1px;
  height: 48px;
  background: var(--nm-border);
  flex-shrink: 0;
}
@media (max-width: 600px) {
  .nm-metric__divider { display: none; }
  .nm-metric { min-width: 45%; border-bottom: 1px solid var(--nm-border); }
  .nm-metric:nth-child(n+5) { border-bottom: none; }
}

/* ============================================================
   NM: CÓMO FUNCIONA — Feb 2026
   ============================================================ */
.nm-how {
  padding: 72px 0 56px;
  position: relative;
}
.nm-how__header {
  text-align: center;
  margin-bottom: 52px;
}
.nm-how__eyebrow {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--nm-accent);
  margin-bottom: 12px;
  padding: 4px 14px;
  border-radius: 999px;
  border: 1px solid rgba(0,191,255,0.25);
  background: rgba(0,191,255,0.07);
}
.nm-how__title {
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  font-weight: 900;
  letter-spacing: -0.03em;
  color: var(--nm-text);
  margin: 0;
}
.nm-how__steps {
  display: flex;
  align-items: flex-start;
  gap: 0;
  position: relative;
}
.nm-how__connector {
  flex: 1;
  height: 2px;
  background: linear-gradient(90deg, rgba(0,191,255,0.4), rgba(0,191,255,0.1));
  margin-top: 52px;
  min-width: 20px;
  position: relative;
}
.nm-how__connector::after {
  content: '';
  position: absolute;
  right: -1px;
  top: -4px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid rgba(0,191,255,0.4);
}
.nm-how__step {
  flex: 0 0 180px;
  text-align: center;
  padding: 0 8px;
  position: relative;
}
.nm-how__icon-wrap {
  width: 64px;
  height: 64px;
  border-radius: 18px;
  background: rgba(0,191,255,0.08);
  border: 1px solid rgba(0,191,255,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
  color: var(--nm-accent);
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.nm-how__step:hover .nm-how__icon-wrap {
  background: rgba(0,191,255,0.15);
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0,191,255,0.2);
}
.nm-how__step-num {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: rgba(0,191,255,0.5);
  margin-bottom: 10px;
}
.nm-how__step-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--nm-text);
  margin: 0 0 8px;
  line-height: 1.3;
}
.nm-how__step-desc {
  font-size: 13px;
  color: var(--nm-text-muted);
  line-height: 1.6;
  margin: 0;
}
.nm-how__cta-wrap {
  text-align: center;
  margin-top: 48px;
}
.nm-how__cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 12px 28px;
  border-radius: 12px;
  background: rgba(0,191,255,0.1);
  border: 1px solid rgba(0,191,255,0.25);
  color: var(--nm-accent);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.2s ease, transform 0.15s ease;
}
.nm-how__cta:hover {
  background: rgba(0,191,255,0.18);
  transform: translateY(-2px);
  color: var(--nm-accent);
}

/* Mobile: steps en columna */
@media (max-width: 768px) {
  .nm-how__steps {
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
  .nm-how__connector {
    width: 2px;
    height: 32px;
    min-width: unset;
    margin: 0;
    background: linear-gradient(180deg, rgba(0,191,255,0.4), rgba(0,191,255,0.1));
  }
  .nm-how__connector::after {
    top: unset;
    bottom: -1px;
    right: -4px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid rgba(0,191,255,0.4);
  }
  .nm-how__step { flex: none; width: 100%; max-width: 320px; }
  .nm-metrics__inner { gap: 0; }
}

/* ============================================================
   NM: MEJORAS 2026 — Pop-up email + filtros por objetivo + 
   banner emergencia sanitaria + stacks page + UI polish
   ============================================================ */

/* ---- ELIMINAR aviso COVID (ya no relevante) ---- */
/* El aviso de contingencia sanitaria se elimina del HTML directamente */

/* ============================================================
   POP-UP CAPTURA DE EMAIL (10% OFF)
   ============================================================ */
.nm-email-popup {
  position: fixed;
  inset: 0;
  z-index: 9998;
  display: grid;
  place-items: center;
  padding: 18px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}
.nm-email-popup.is-open {
  opacity: 1;
  pointer-events: all;
}
.nm-email-popup__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.6);
  backdrop-filter: blur(6px);
}
.nm-email-popup__panel {
  position: relative;
  width: min(520px, 94vw);
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(0,191,255,0.2);
  background: linear-gradient(160deg, rgba(10,22,40,0.98) 0%, rgba(5,14,28,0.98) 100%);
  box-shadow: 0 24px 80px rgba(0,0,0,0.55), 0 0 0 1px rgba(0,191,255,0.08);
  padding: 0;
}
.nm-email-popup__top {
  background: linear-gradient(135deg, rgba(0,88,163,0.4) 0%, rgba(0,191,255,0.15) 100%);
  padding: 36px 32px 28px;
  text-align: center;
  border-bottom: 1px solid rgba(0,191,255,0.12);
  position: relative;
}
.nm-email-popup__emoji {
  font-size: 48px;
  margin-bottom: 12px;
  display: block;
  filter: drop-shadow(0 4px 12px rgba(0,191,255,0.3));
}
.nm-email-popup__offer {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 14px;
  border-radius: 999px;
  background: rgba(0,191,255,0.12);
  border: 1px solid rgba(0,191,255,0.3);
  font-size: 12px;
  font-weight: 700;
  color: var(--nm-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.nm-email-popup__title {
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 900;
  letter-spacing: -0.025em;
  color: #fff;
  margin: 0 0 8px;
  line-height: 1.15;
}
.nm-email-popup__sub {
  font-size: 14px;
  color: rgba(255,255,255,0.65);
  margin: 0;
  line-height: 1.5;
}
.nm-email-popup__body {
  padding: 28px 32px 32px;
}
.nm-email-popup__form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.nm-email-popup__input {
  width: 100%;
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid rgba(0,191,255,0.2);
  background: rgba(255,255,255,0.05);
  color: #fff;
  font-size: 15px;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  box-sizing: border-box;
}
.nm-email-popup__input::placeholder { color: rgba(255,255,255,0.35); }
.nm-email-popup__input:focus {
  border-color: rgba(0,191,255,0.5);
  box-shadow: 0 0 0 3px rgba(0,191,255,0.12);
}
.nm-email-popup__submit {
  padding: 14px 24px;
  border-radius: 12px;
  background: linear-gradient(135deg, #0058a3 0%, #00bfff 100%);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  border: none;
  cursor: pointer;
  width: 100%;
  transition: transform 0.18s ease, box-shadow 0.2s ease;
  box-shadow: 0 6px 24px rgba(0,191,255,0.3);
  letter-spacing: 0.01em;
}
.nm-email-popup__submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(0,191,255,0.45);
}
.nm-email-popup__skip {
  text-align: center;
  margin-top: 12px;
  font-size: 12px;
  color: rgba(255,255,255,0.35);
  cursor: pointer;
  transition: color 0.15s;
}
.nm-email-popup__skip:hover { color: rgba(255,255,255,0.6); }
.nm-email-popup__close {
  position: absolute;
  top: 12px; right: 14px;
  width: 30px; height: 30px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.15);
  background: rgba(255,255,255,0.07);
  color: rgba(255,255,255,0.6);
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s, color 0.15s;
}
.nm-email-popup__close:hover {
  background: rgba(255,255,255,0.14);
  color: #fff;
}
.nm-email-popup__success {
  text-align: center;
  padding: 20px 0 8px;
}
.nm-email-popup__success-emoji { font-size: 40px; margin-bottom: 12px; display: block; }
.nm-email-popup__success-title { font-size: 20px; font-weight: 800; color: #fff; margin-bottom: 8px; }
.nm-email-popup__success-code {
  font-size: 22px;
  font-weight: 900;
  letter-spacing: 0.1em;
  color: var(--nm-accent);
  padding: 12px 20px;
  border-radius: 10px;
  border: 1px dashed rgba(0,191,255,0.4);
  background: rgba(0,191,255,0.07);
  margin: 10px 0 14px;
  display: inline-block;
}
.nm-email-popup__success-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 28px;
  border-radius: 12px;
  background: linear-gradient(135deg, #0058a3, #00bfff);
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  transition: transform 0.18s;
}
.nm-email-popup__success-btn:hover { transform: translateY(-2px); color: #fff; }

/* ============================================================
   FILTROS POR OBJETIVO (colecciones / home)
   ============================================================ */
.nm-goals {
  padding: 32px 0 16px;
}
.nm-goals__title {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: var(--nm-text-muted);
  margin-bottom: 18px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 12px;
}
.nm-goals__grid {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.nm-goal-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border-radius: 999px;
  border: 1px solid var(--nm-border);
  background: var(--nm-bg-card);
  color: var(--nm-text);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.18s, border-color 0.18s, transform 0.15s, box-shadow 0.18s;
  white-space: nowrap;
}
.nm-goal-pill:hover {
  background: rgba(0,191,255,0.1);
  border-color: rgba(0,191,255,0.35);
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0,191,255,0.15);
  color: var(--nm-accent);
}
.nm-goal-pill.is-active {
  background: rgba(0,191,255,0.12);
  border-color: rgba(0,191,255,0.4);
  color: var(--nm-accent);
  box-shadow: 0 2px 12px rgba(0,191,255,0.2);
}
.nm-goal-pill__emoji { font-size: 18px; }

/* ============================================================
   BANNER URGENCIA / OFERTA BARRA SUPERIOR
   ============================================================ */
.nm-urgency-bar {
  background: linear-gradient(90deg, rgba(0,88,163,0.95) 0%, rgba(0,100,180,0.98) 100%);
  text-align: center;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.01em;
  position: relative;
  z-index: 1001;
  border-bottom: 1px solid rgba(0,191,255,0.2);
}
.nm-urgency-bar a {
  color: #7dd3fc;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.nm-urgency-bar__dismiss {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: rgba(255,255,255,0.6);
  font-size: 18px;
  cursor: pointer;
  line-height: 1;
  padding: 4px;
}
.nm-urgency-bar__dismiss:hover { color: #fff; }
.nm-urgency-bar--hidden { display: none; }

/* ============================================================
   NEWSLETTER / FOOTER CAPTURE
   ============================================================ */
.nm-newsletter {
  margin: 32px 0 0;
  padding: 28px 24px;
  border-radius: var(--nm-radius-xl);
  background: linear-gradient(135deg, rgba(0,88,163,0.12) 0%, rgba(0,191,255,0.06) 100%);
  border: 1px solid rgba(0,191,255,0.14);
  text-align: center;
}
.nm-newsletter__title {
  font-size: 18px;
  font-weight: 800;
  color: var(--nm-text);
  margin: 0 0 6px;
  letter-spacing: -0.015em;
}
.nm-newsletter__sub {
  font-size: 14px;
  color: var(--nm-text-muted);
  margin: 0 0 16px;
}
.nm-newsletter__row {
  display: flex;
  gap: 8px;
  max-width: 440px;
  margin: 0 auto;
}
.nm-newsletter__input {
  flex: 1;
  padding: 11px 16px;
  border-radius: 10px;
  border: 1px solid var(--nm-border);
  background: var(--nm-bg-card);
  color: var(--nm-text);
  font-size: 14px;
}
.nm-newsletter__input:focus {
  outline: none;
  border-color: rgba(0,191,255,0.4);
}
.nm-newsletter__btn {
  padding: 11px 20px;
  border-radius: 10px;
  background: linear-gradient(135deg, #0058a3, #00bfff);
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  transition: transform 0.18s, box-shadow 0.18s;
}
.nm-newsletter__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(0,191,255,0.35);
}
@media (max-width: 480px) {
  .nm-newsletter__row { flex-direction: column; }
  .nm-goals__grid { gap: 8px; }
  .nm-goal-pill { font-size: 13px; padding: 8px 14px; }
}

/* ============================================================
   RELATED PRODUCTS & UPSELL MEJORADO
   ============================================================ */
.nm-upsell-section {
  margin-top: 40px;
  padding-top: 32px;
  border-top: 1px solid var(--nm-border);
}
.nm-upsell-section__title {
  font-size: 20px;
  font-weight: 800;
  color: var(--nm-text);
  margin-bottom: 20px;
  letter-spacing: -0.02em;
}
.nm-upsell-section__title span { color: var(--nm-accent); }

/* ============================================================
   PDP STICKY ATC — mejorado
   ============================================================ */
.nm-sticky-atc {
  position: fixed;
  bottom: -80px;
  left: 0;
  right: 0;
  z-index: 900;
  transition: bottom 0.3s cubic-bezier(0.34,1.56,0.64,1);
  padding: 10px 16px;
  background: rgba(8, 18, 36, 0.96);
  border-top: 1px solid rgba(0,191,255,0.18);
  backdrop-filter: blur(14px);
}
.nm-sticky-atc.is-visible {
  bottom: 0;
}
.nm-sticky-atc__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  max-width: 900px;
  margin: 0 auto;
}
.nm-sticky-atc__meta { flex: 1; min-width: 0; }
.nm-sticky-atc__title {
  font-size: 14px;
  font-weight: 700;
  color: var(--nm-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nm-sticky-atc__price {
  font-size: 16px;
  font-weight: 800;
  color: var(--nm-accent);
}
.nm-sticky-atc__btn {
  padding: 12px 24px;
  border-radius: 12px;
  background: linear-gradient(135deg, #0058a3, #00bfff);
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 4px 16px rgba(0,191,255,0.3);
  transition: transform 0.15s, box-shadow 0.18s;
}
.nm-sticky-atc__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 24px rgba(0,191,255,0.45);
}

/* ============================================================
   LIGHT MODE adjustments for new components
   ============================================================ */
html[data-nm-theme="light"] .nm-urgency-bar {
  background: linear-gradient(90deg, #0058a3, #0070cc);
}
html[data-nm-theme="light"] .nm-goal-pill {
  background: rgba(0,88,163,0.06);
  border-color: rgba(0,88,163,0.15);
}
html[data-nm-theme="light"] .nm-goal-pill:hover {
  background: rgba(0,88,163,0.12);
  border-color: rgba(0,88,163,0.3);
  color: #0058a3;
}
html[data-nm-theme="light"] .nm-email-popup__panel {
  background: linear-gradient(160deg, #0a2540 0%, #051e38 100%);
}
html[data-nm-theme="light"] .nm-sticky-atc {
  background: rgba(220,240,255,0.97);
  border-top-color: rgba(0,120,210,0.15);
}
html[data-nm-theme="light"] .nm-sticky-atc__title { color: #0a2540; }


/* === Performance v4: reduce CLS on mobile === */
.nm-urgency-bar{ min-height: 44px; }

/* Keep slider static on mobile (show only first slide) */
@media (max-width: 767px){
  .flexslider .slides > li{ display:none !important; }
  .flexslider .slides > li:first-child{ display:block !important; }
  .flexslider{ min-height: 220px; }
}

/* Hide WhatsApp quick button on mobile (other access paths exist) */
@media (max-width: 991px){
  .whatshare{ display:none !important; }
}


/* ════════════════════════════════════════════════════════
   NM AZUL EDITORIAL v3 — OVERRIDES (al final, no toca nada del tema base)
   ════════════════════════════════════════════════════════ */

/* Tokens de color */
html[data-nm-theme="light"], html[data-theme="light"] {
  --nm-bg: #F0EEE8;
  --nm-bg-card: #FFFFFF;
  --nm-bg-elevated: #E6E3DC;
  --nm-bg-subtle: #E8F0FF;
  --nm-border: rgba(0,0,0,0.08);
  --nm-border-accent: rgba(0,74,140,0.20);
  --nm-text: #0C1520;
  --nm-text-muted: #4E6070;
  --nm-shadow-sm: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.05);
  --nm-shadow-md: 0 4px 16px rgba(0,0,0,0.09), 0 2px 6px rgba(0,0,0,0.05);
  --nm-shadow-lg: 0 12px 32px rgba(0,0,0,0.11), 0 4px 12px rgba(0,0,0,0.06);
}

/* Fondo body */
html[data-nm-theme="light"] body, html[data-theme="light"] body {
  background: #F0EEE8 !important;
}
/* Apagar el glow animado base en modo claro */
html[data-nm-theme="light"] body::before, html[data-theme="light"] body::before {
  background: none !important; opacity: 0 !important;
}

/* FIX CRÍTICO: scroll-reveal JS pone opacity:0 inline en .grid__item */
html[data-nm-theme="light"] .grid__item, html[data-theme="light"] .grid__item {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

/* Hero */
html[data-nm-theme="light"] .nm-hero, html[data-theme="light"] .nm-hero {
  background: linear-gradient(160deg, #FAFCFF 0%, #F4F8FF 45%, #EEF4FF 75%, #F0EEE8 100%) !important;
  border-bottom: 1px solid rgba(0,74,140,0.08) !important;
}
html[data-nm-theme="light"] .nm-hero::before, html[data-theme="light"] .nm-hero::before {
  background:
    radial-gradient(ellipse 65% 55% at 8% 40%, rgba(0,88,163,0.07) 0%, transparent 55%),
    radial-gradient(ellipse 45% 50% at 92% 15%, rgba(0,120,220,0.05) 0%, transparent 55%) !important;
  animation: none !important;
}
html[data-nm-theme="light"] .nm-hero::after, html[data-theme="light"] .nm-hero::after { display:none !important; }
html[data-nm-theme="light"] .nm-hero__particles, html[data-theme="light"] .nm-hero__particles { display:none !important; }
html[data-nm-theme="light"] .nm-hero__title, html[data-theme="light"] .nm-hero__title { color:#08111E !important; }
html[data-nm-theme="light"] .nm-hero__title-accent, html[data-theme="light"] .nm-hero__title-accent {
  background: linear-gradient(135deg,#004A8C,#0070CC 50%,#0099EE) !important;
  -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important;
}
html[data-nm-theme="light"] .nm-hero__sub, html[data-theme="light"] .nm-hero__sub { color:#4E6070 !important; }
html[data-nm-theme="light"] .nm-hero__badge, html[data-theme="light"] .nm-hero__badge {
  background:rgba(0,74,140,0.07) !important; border-color:rgba(0,74,140,0.20) !important; color:#004A8C !important;
}
html[data-nm-theme="light"] .nm-hero__cta--primary, html[data-theme="light"] .nm-hero__cta--primary {
  background:linear-gradient(135deg,#004A8C,#0070CC) !important;
  box-shadow:0 4px 20px rgba(0,88,163,0.35) !important; color:#fff !important;
}
html[data-nm-theme="light"] .nm-hero__cta--primary:hover, html[data-theme="light"] .nm-hero__cta--primary:hover {
  background:linear-gradient(135deg,#003E78,#005FAD) !important; transform:translateY(-1px) !important;
}
html[data-nm-theme="light"] .nm-hero__cta--ghost, html[data-theme="light"] .nm-hero__cta--ghost {
  background:rgba(255,255,255,0.72) !important; border-color:rgba(0,0,0,0.12) !important; color:#1A2535 !important;
}

/* Header */
html[data-nm-theme="light"] .site-header, html[data-theme="light"] .site-header {
  background:rgba(255,255,255,0.96) !important;
  border-bottom:1px solid rgba(0,0,0,0.08) !important;
  box-shadow:0 1px 0 rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.06) !important;
  backdrop-filter:blur(12px) !important; -webkit-backdrop-filter:blur(12px) !important;
}
@media(max-width:768px){
  html[data-nm-theme="light"] .site-header, html[data-theme="light"] .site-header {
    background:#FFFFFF !important; backdrop-filter:none !important;
  }
}

/* Nav */
html[data-nm-theme="light"] .site-nav__link,
html[data-nm-theme="light"] .site-nav > li > a,
html[data-nm-theme="light"] .nm-btn.nm-btn--nav,
html[data-theme="light"] .site-nav__link,
html[data-theme="light"] .site-nav > li > a,
html[data-theme="light"] .nm-btn.nm-btn--nav {
  background:transparent !important; border-color:transparent !important; color:#1A2535 !important;
}
html[data-nm-theme="light"] .site-nav__link:hover, html[data-nm-theme="light"] .nm-btn.nm-btn--nav:hover,
html[data-theme="light"] .site-nav__link:hover, html[data-theme="light"] .nm-btn.nm-btn--nav:hover {
  background:rgba(0,74,140,0.06) !important; color:#004A8C !important;
}
html[data-nm-theme="light"] .mobile-nav__link, html[data-nm-theme="light"] .mobile-nav a,
html[data-theme="light"] .mobile-nav__link, html[data-theme="light"] .mobile-nav a {
  background:#FFFFFF !important; border-color:rgba(0,0,0,0.08) !important; color:#0C1520 !important;
}
html[data-nm-theme="light"] .site-nav__dropdown, html[data-theme="light"] .site-nav__dropdown {
  background:#FFFFFF !important; box-shadow:0 12px 32px rgba(0,0,0,0.11) !important;
}

/* Product cards */
html[data-nm-theme="light"] .grid-link, html[data-nm-theme="light"] .product-grid-item,
html[data-theme="light"] .grid-link, html[data-theme="light"] .product-grid-item {
  background:#FFFFFF !important; border:1px solid rgba(0,0,0,0.07) !important;
  box-shadow:0 2px 6px rgba(0,0,0,0.07), 0 6px 20px rgba(0,0,0,0.05) !important;
}
html[data-nm-theme="light"] .grid-link:hover, html[data-theme="light"] .grid-link:hover {
  border-color:rgba(0,74,140,0.22) !important;
  box-shadow:0 8px 28px rgba(0,74,140,0.13), 0 3px 10px rgba(0,0,0,0.07) !important;
  transform:translateY(-5px) !important;
}
html[data-nm-theme="light"] .grid-link__image, html[data-theme="light"] .grid-link__image {
  background:linear-gradient(145deg,#F7F6F2,#EEF0F4) !important;
}
html[data-nm-theme="light"] .grid-link__title, html[data-theme="light"] .grid-link__title { color:#0C1520 !important; }
html[data-nm-theme="light"] .grid-link__meta, html[data-theme="light"] .grid-link__meta { color:#004A8C !important; font-weight:700 !important; }
html[data-nm-theme="light"] .badge--sale, html[data-theme="light"] .badge--sale {
  background:rgba(0,74,140,0.08) !important; color:#004A8C !important; border-color:rgba(0,74,140,0.18) !important;
}
html[data-nm-theme="light"] .nm-badge-pct, html[data-theme="light"] .nm-badge-pct {
  background:rgba(0,74,140,0.08) !important; color:#004A8C !important; border-color:rgba(0,74,140,0.18) !important;
}
html[data-nm-theme="light"] .nm-card-cta, html[data-theme="light"] .nm-card-cta {
  background:linear-gradient(135deg,#004A8C,#0070CC) !important; color:#FFF !important;
}

/* Urgency, trust, goals */
html[data-nm-theme="light"] .nm-urgency-bar, html[data-theme="light"] .nm-urgency-bar {
  background:linear-gradient(90deg,#003E78,#0058A3,#0070CC) !important;
}
html[data-nm-theme="light"] .nm-trustpill2, html[data-theme="light"] .nm-trustpill2 {
  background:rgba(255,255,255,0.90) !important; border-color:rgba(0,74,140,0.12) !important;
}
html[data-nm-theme="light"] .nm-goal-pill, html[data-theme="light"] .nm-goal-pill {
  background:rgba(255,255,255,0.85) !important; border-color:rgba(0,0,0,0.10) !important; color:#1A2535 !important;
}
html[data-nm-theme="light"] .nm-goal-pill:hover, html[data-nm-theme="light"] .nm-goal-pill.is-active,
html[data-theme="light"] .nm-goal-pill:hover, html[data-theme="light"] .nm-goal-pill.is-active {
  background:rgba(0,74,140,0.09) !important; border-color:rgba(0,74,140,0.28) !important; color:#004A8C !important;
}

/* Testimonials */
html[data-nm-theme="light"] .nm-tcard, html[data-theme="light"] .nm-tcard {
  background:#FFFFFF !important; border-color:rgba(0,0,0,0.07) !important;
  box-shadow:0 2px 8px rgba(0,0,0,0.08), 0 6px 22px rgba(0,0,0,0.05) !important;
}
html[data-nm-theme="light"] .nm-tcard:hover, html[data-theme="light"] .nm-tcard:hover {
  transform:translateY(-3px) !important; border-color:rgba(0,74,140,0.16) !important;
}

/* Sección Cómo Funciona */
html[data-nm-theme="light"] .nm-how, html[data-theme="light"] .nm-how {
  background:linear-gradient(180deg,#ECEAE3,#E8E6DF) !important;
  border-top:1px solid rgba(0,0,0,0.06) !important; border-bottom:1px solid rgba(0,0,0,0.06) !important;
}
html[data-nm-theme="light"] .nm-how__icon-wrap, html[data-theme="light"] .nm-how__icon-wrap {
  background:rgba(0,74,140,0.09) !important; border-color:rgba(0,74,140,0.18) !important; color:#004A8C !important;
}

/* Footer */
html[data-nm-theme="light"] .site-footer, html[data-theme="light"] .site-footer {
  background:linear-gradient(180deg,#E8E6DF,#E0DDD5) !important;
  border-top:1px solid rgba(0,0,0,0.08) !important;
}
html[data-nm-theme="light"] .site-footer__links a, html[data-theme="light"] .site-footer__links a { color:#4E6070 !important; }
html[data-nm-theme="light"] .site-footer__links a:hover, html[data-theme="light"] .site-footer__links a:hover { color:#004A8C !important; }

/* Tipografía */
html[data-nm-theme="light"] h1, html[data-nm-theme="light"] h2, html[data-nm-theme="light"] h3,
html[data-theme="light"] h1, html[data-theme="light"] h2, html[data-theme="light"] h3 { color:#08111E !important; }
html[data-nm-theme="light"] a, html[data-theme="light"] a { color:#004A8C !important; }

/* Search, sticky ATC */
html[data-nm-theme="light"] .nm-search-panel, html[data-theme="light"] .nm-search-panel {
  background:rgba(255,255,255,0.97) !important; box-shadow:0 12px 32px rgba(0,0,0,0.11) !important;
}
html[data-nm-theme="light"] .nm-sticky-atc, html[data-theme="light"] .nm-sticky-atc {
  background:rgba(255,255,255,0.97) !important; box-shadow:0 -6px 24px rgba(0,0,0,0.09) !important;
}
html[data-nm-theme="light"] .nm-sticky-atc__price, html[data-theme="light"] .nm-sticky-atc__price { color:#004A8C !important; }

/* Botones globales */
html[data-nm-theme="light"] .btn:not(.btn--secondary), html[data-theme="light"] .btn:not(.btn--secondary) {
  background:linear-gradient(135deg,#004A8C,#0070CC) !important; color:#FFF !important;
  box-shadow:0 2px 10px rgba(0,74,140,0.26) !important;
}
html[data-nm-theme="light"] .btn--secondary, html[data-theme="light"] .btn--secondary {
  background:#FFFFFF !important; color:#0C1520 !important;
}

/* Paginación */
html[data-nm-theme="light"] .pagination .current, html[data-theme="light"] .pagination .current {
  background:#E8F0FF !important; color:#004A8C !important;
}


/* ============================================================
   NM: Fix definitivo tarjetas de producto claro/oscuro — Mar 2026
   ============================================================ */

/* Dark por default si no existe preferencia guardada */
html:not([data-theme]),
html:not([data-nm-theme]) {
  color-scheme: dark;
}

/* Asegurar que las tarjetas siempre sean clicables */
.grid-link,
.grid-link--focus,
.product-grid-item a {
  position: relative;
  z-index: 4;
  display: block;
  pointer-events: auto !important;
}

/* Evitar que capas internas bloqueen el click del enlace */
.grid-link__image,
.grid-link__image--product,
.grid-link__image--collection,
.grid-link__image-centered,
.grid-link__image-centered img,
.nm-card-cta,
.badge,
.badge__text,
.nm-badge-pct {
  pointer-events: none;
}

/* Fix de visibilidad de imagen en modo claro */
html[data-nm-theme="light"] .grid-link__image,
html[data-theme="light"] .grid-link__image,
html[data-nm-theme="light"] .grid-link__image--product,
html[data-theme="light"] .grid-link__image--product,
html[data-nm-theme="light"] .grid-link__image--collection,
html[data-theme="light"] .grid-link__image--collection {
  background: linear-gradient(145deg,#F7F6F2,#EEF0F4) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html[data-nm-theme="light"] .grid-link__image-centered,
html[data-theme="light"] .grid-link__image-centered,
html[data-nm-theme="light"] .grid-link__image-centered img,
html[data-theme="light"] .grid-link__image-centered img {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  transform: none;
}

html[data-nm-theme="light"] .grid-link__image-centered img,
html[data-theme="light"] .grid-link__image-centered img {
  position: relative;
  z-index: 2;
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  object-fit: contain;
  background: transparent !important;
}

/* Títulos y links de cabecera visibles en claro */
html[data-nm-theme="light"] .section-header__title,
html[data-theme="light"] .section-header__title,
html[data-nm-theme="light"] .section-header__title--left,
html[data-theme="light"] .section-header__title--left,
html[data-nm-theme="light"] .section-header__link--right a,
html[data-theme="light"] .section-header__link--right a {
  color: #0C1520 !important;
}

html[data-nm-theme="light"] .section-header__link--right a:hover,
html[data-theme="light"] .section-header__link--right a:hover {
  color: #004A8C !important;
}


/* ============================================================
   NM: CRO pack — product cards + home discovery
   ============================================================ */
.nm-featured-head {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
}
.nm-featured-subtitle{
  margin:6px 0 0;
  color:var(--nm-text-muted);
  font-size:14px;
}
.nm-start-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:-4px 0 20px;
}
.nm-start-pill{
  display:inline-flex;
  align-items:center;
  padding:9px 14px;
  border-radius:999px;
  border:1px solid var(--nm-border);
  background:var(--nm-bg-card);
  color:var(--nm-text) !important;
  font-weight:700;
  font-size:13px;
  transition:transform .2s ease, border-color .2s ease, background .2s ease;
}
.nm-start-pill:hover{
  transform:translateY(-1px);
  border-color:var(--nm-border-accent);
  background:var(--nm-bg-elevated);
}
.nm-card-shell{
  position:relative;
  display:flex;
  flex-direction:column;
  height:100%;
  padding-bottom:14px;
}
.nm-card-copy{
  position:relative;
  z-index:3;
  padding:0 16px;
}
.nm-card-stretched-link{
  position:absolute;
  inset:0;
  z-index:1;
  border-radius:inherit;
}
.nm-card-media-link,
.nm-card-title-link{
  position:relative;
  z-index:3;
}
.nm-card-title-link{
  color:inherit !important;
  text-decoration:none;
}
.nm-card-enhanced .grid-link__image{
  overflow:hidden;
}
.nm-card-enhanced .grid-link__image-centered img{
  transition:transform .35s ease, opacity .22s ease;
}
.nm-card-enhanced:hover .grid-link__image-centered img,
.nm-card-enhanced:focus-within .grid-link__image-centered img{
  transform:scale(1.05);
}
.nm-card-trust{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:10px 0 12px;
}
.nm-card-trust span{
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(0,191,255,0.08);
  border:1px solid rgba(0,191,255,0.18);
  color:var(--nm-text-muted);
  font-size:11px;
  font-weight:700;
  line-height:1;
}
.nm-quick-add-form{
  position:relative;
  z-index:4;
  margin:0;
}
.nm-quick-add{
  display:block;
  width:100%;
  border:0;
  border-radius:12px;
  padding:11px 14px;
  font-weight:800;
  font-size:13px;
  letter-spacing:.01em;
  cursor:pointer;
  background:linear-gradient(135deg, var(--nm-accent), #35d3ff);
  color:#03111f;
  box-shadow:0 8px 20px rgba(0,191,255,0.24);
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.nm-quick-add:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(0,191,255,0.28);
}
.nm-quick-add:active{
  transform:translateY(0);
  box-shadow:0 6px 14px rgba(0,191,255,0.2);
}
.nm-card-shell:focus{
  outline:2px solid var(--nm-accent);
  outline-offset:3px;
}
html[data-nm-theme="light"] .nm-card-trust span,
html[data-theme="light"] .nm-card-trust span{
  background:rgba(0,88,163,0.08);
  border-color:rgba(0,88,163,0.14);
  color:#4b647b;
}
html[data-nm-theme="light"] .nm-quick-add,
html[data-theme="light"] .nm-quick-add{
  color:#fff;
  background:linear-gradient(135deg, #0058a3, #0077d8);
  box-shadow:0 10px 22px rgba(0,88,163,0.18);
}
.nm-beginner-strip{
  margin:18px auto 26px;
}
.nm-beginner-strip__head{
  margin-bottom:14px;
}
.nm-beginner-strip__head h2{
  margin:0 0 6px;
}
.nm-beginner-strip__head p{
  margin:0;
  color:var(--nm-text-muted);
}
.nm-beginner-strip__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.nm-beginner-card{
  display:block;
  padding:18px;
  border-radius:18px;
  border:1px solid var(--nm-border);
  background:linear-gradient(180deg, rgba(0,191,255,0.08), rgba(255,255,255,0.03));
  color:var(--nm-text) !important;
  box-shadow:var(--nm-shadow-sm);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.nm-beginner-card strong{
  display:block;
  margin-bottom:6px;
  font-size:18px;
}
.nm-beginner-card span{
  color:var(--nm-text-muted);
}
.nm-beginner-card:hover{
  transform:translateY(-2px);
  border-color:var(--nm-border-accent);
  box-shadow:var(--nm-shadow-md);
}
html[data-nm-theme="light"] .nm-beginner-card,
html[data-theme="light"] .nm-beginner-card{
  background:linear-gradient(180deg, rgba(0,88,163,0.06), rgba(0,0,0,0.01));
}
@media (max-width: 768px){
  .nm-featured-head{display:block;}
  .nm-featured-subtitle{font-size:13px;}
  .nm-card-copy{padding:0 12px;}
  .nm-card-trust{gap:6px; margin:8px 0 10px;}
  .nm-card-trust span{font-size:10px; padding:5px 8px;}
  .nm-quick-add{padding:10px 12px; font-size:12px;}
  .nm-beginner-strip__grid{grid-template-columns:1fr; gap:10px;}
}


/* ============================================================
   NM: Home redesign v2 — premium hero + proof strip
   ============================================================ */
.nm-hero--v2 .nm-hero__inner--split{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);
  align-items:center;
  gap:28px;
}
.nm-hero__content{position:relative; z-index:2;}
.nm-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  margin:18px 0 12px;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid rgba(0,191,255,0.18);
  background:rgba(255,255,255,0.04);
  color:var(--nm-text-muted);
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.nm-hero__microproof{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:16px 0 0;
}
.nm-hero__microproof span{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.08);
  color:var(--nm-text-muted);
  font-size:12px;
  font-weight:700;
}
.nm-hero-panel{
  position:relative;
  z-index:2;
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(0,191,255,0.12);
  background:linear-gradient(180deg, rgba(9,22,40,0.92), rgba(9,22,40,0.78));
  box-shadow:0 24px 60px rgba(0,0,0,0.25);
  backdrop-filter:blur(14px);
}
.nm-hero-panel::before{
  content:'';
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg, rgba(0,191,255,0.25), rgba(255,255,255,0.02), rgba(0,88,163,0.3));
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.nm-hero-panel__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
.nm-hero-panel__label{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--nm-text-muted);
  margin-bottom:6px;
}
.nm-hero-panel__title{
  font-size:24px;
  line-height:1.1;
  font-weight:800;
  color:var(--nm-text);
}
.nm-hero-panel__status{
  padding:7px 10px;
  border-radius:999px;
  background:rgba(76, 223, 155, 0.14);
  border:1px solid rgba(76,223,155,0.22);
  color:#8ef0b9;
  font-weight:800;
  font-size:12px;
}
.nm-hero-panel__grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px;
}
.nm-hero-pick{
  display:block;
  padding:15px;
  border-radius:16px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  color:var(--nm-text) !important;
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}
.nm-hero-pick strong{
  display:block;
  margin-bottom:5px;
  font-size:17px;
}
.nm-hero-pick span{
  display:block;
  color:var(--nm-text-muted);
  font-size:13px;
  line-height:1.35;
}
.nm-hero-pick:hover{
  transform:translateY(-2px);
  border-color:rgba(0,191,255,0.2);
  background:rgba(255,255,255,0.07);
}
.nm-hero-panel__footer{
  margin-top:14px;
  color:var(--nm-text-muted);
  font-size:13px;
}
.nm-proof-strip{margin-top:-10px; margin-bottom:26px;}
.nm-proof-strip__grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:12px;
}
.nm-proof-item{
  padding:16px 18px;
  border-radius:18px;
  border:1px solid var(--nm-border);
  background:rgba(255,255,255,0.03);
  box-shadow:var(--nm-shadow-sm);
}
.nm-proof-item strong{
  display:block;
  margin-bottom:4px;
  color:var(--nm-text);
}
.nm-proof-item span{
  color:var(--nm-text-muted);
  font-size:13px;
}
html[data-nm-theme="light"] .nm-hero__eyebrow,
html[data-theme="light"] .nm-hero__eyebrow{
  background:rgba(255,255,255,0.66);
  border-color:rgba(0,88,163,0.14);
}
html[data-nm-theme="light"] .nm-hero__microproof span,
html[data-theme="light"] .nm-hero__microproof span{
  background:rgba(255,255,255,0.84);
  border-color:rgba(0,0,0,0.06);
}
html[data-nm-theme="light"] .nm-hero-panel,
html[data-theme="light"] .nm-hero-panel{
  background:linear-gradient(180deg, rgba(255,255,255,0.96), rgba(240,246,255,0.92));
  box-shadow:0 20px 48px rgba(0,0,0,0.10);
}
html[data-nm-theme="light"] .nm-hero-panel__title,
html[data-theme="light"] .nm-hero-panel__title{color:#08111E;}
html[data-nm-theme="light"] .nm-hero-pick,
html[data-theme="light"] .nm-hero-pick{
  background:rgba(0,88,163,0.05);
  border-color:rgba(0,0,0,0.06);
}
html[data-nm-theme="light"] .nm-proof-item,
html[data-theme="light"] .nm-proof-item{
  background:rgba(255,255,255,0.84);
}
@media (max-width: 989px){
  .nm-hero--v2 .nm-hero__inner--split{grid-template-columns:1fr; gap:18px;}
  .nm-proof-strip__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 768px){
  .nm-hero-panel{padding:16px; border-radius:20px;}
  .nm-hero-panel__title{font-size:20px;}
  .nm-hero-panel__grid{grid-template-columns:1fr 1fr; gap:8px;}
  .nm-hero-pick{padding:13px;}
  .nm-proof-strip{margin-top:0;}
}
@media (max-width: 540px){
  .nm-proof-strip__grid,
  .nm-hero-panel__grid{grid-template-columns:1fr;}
}


/* ===== NM V3 Premium Home ===== */
.nm-section-head{margin:0 0 22px;}
.nm-section-head--center{text-align:center;}
.nm-section-head__eyebrow{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(69,210,255,.12);border:1px solid rgba(69,210,255,.18);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#9fe9ff;margin-bottom:12px;}
.nm-section-head__title{margin:0 0 8px;font-size:clamp(28px,4vw,42px);line-height:1.05;color:#fff;}
.nm-section-head__sub{margin:0;color:rgba(225,236,255,.76);font-size:16px;max-width:720px;}

.nm-stack-builder{margin:42px auto 10px;}
.nm-stack-builder__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.nm-stack-card{position:relative;padding:24px;border-radius:24px;background:linear-gradient(180deg,rgba(13,23,38,.95),rgba(8,14,24,.98));border:1px solid rgba(92,212,255,.16);box-shadow:0 14px 40px rgba(0,0,0,.28);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;overflow:hidden;}
.nm-stack-card:before{content:"";position:absolute;inset:auto -20% -45% auto;width:180px;height:180px;background:radial-gradient(circle,rgba(61,212,255,.18),transparent 60%);pointer-events:none;}
.nm-stack-card:hover,.nm-stack-card.is-active{transform:translateY(-4px);border-color:rgba(92,212,255,.34);box-shadow:0 18px 48px rgba(0,0,0,.36);}
.nm-stack-card__top{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:22px;color:#fff;}
.nm-stack-card__icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:rgba(92,212,255,.12);font-size:22px;}
.nm-stack-card p{margin:0 0 16px;color:rgba(225,236,255,.76);min-height:48px;}
.nm-stack-card__list{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:9px;}
.nm-stack-card__list li{position:relative;padding-left:18px;color:#dfeaff;}
.nm-stack-card__list li:before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:#56d7ff;box-shadow:0 0 0 5px rgba(86,215,255,.10);}
.nm-stack-card__meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;}
.nm-stack-card__meta span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#dbe7ff;font-size:12px;}
.nm-stack-card__cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:14px;text-decoration:none;font-weight:700;background:linear-gradient(135deg,#41d7ff,#69a4ff);color:#071018;}

.nm-bundle-band{margin:28px auto 18px;}
.nm-bundle-band__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;border-radius:26px;background:linear-gradient(135deg,rgba(11,21,36,.95),rgba(19,41,70,.95));border:1px solid rgba(110,205,255,.18);box-shadow:0 14px 34px rgba(0,0,0,.24);}
.nm-bundle-band__eyebrow,.nm-final-cta__eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#a6ecff;margin-bottom:8px;}
.nm-bundle-band h2,.nm-final-cta h2{margin:0 0 6px;color:#fff;font-size:clamp(24px,3vw,34px);}
.nm-bundle-band p,.nm-final-cta p{margin:0;color:rgba(225,236,255,.78);}
.nm-bundle-band__actions,.nm-final-cta__actions{display:flex;gap:12px;flex-wrap:wrap;}
.nm-bundle-band__cta,.nm-bundle-band__ghost,.nm-final-cta__btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:14px;text-decoration:none;font-weight:700;border:none;cursor:pointer;}
.nm-bundle-band__cta,.nm-final-cta__btn{background:#fff;color:#071018;}
.nm-bundle-band__ghost,.nm-final-cta__btn--ghost{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff;}

.nm-compare{margin:42px auto;}
.nm-compare__table-wrap{overflow:auto;border-radius:22px;border:1px solid rgba(110,205,255,.16);background:linear-gradient(180deg,rgba(9,16,28,.98),rgba(11,20,35,.98));box-shadow:0 14px 34px rgba(0,0,0,.24);}
.nm-compare__table{width:100%;border-collapse:collapse;min-width:780px;}
.nm-compare__table th,.nm-compare__table td{padding:16px 18px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06);color:#e7f2ff;}
.nm-compare__table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#9fe9ff;background:rgba(255,255,255,.02);}
.nm-compare__table tbody tr:hover{background:rgba(92,212,255,.05);}
.nm-compare__table td a{display:inline-flex;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);color:#fff;text-decoration:none;font-weight:700;}

.nm-final-cta{margin:34px auto 56px;}
.nm-final-cta__panel{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px;border-radius:28px;background:radial-gradient(circle at top right,rgba(76,216,255,.15),transparent 28%),linear-gradient(135deg,rgba(7,16,28,.98),rgba(17,34,58,.98));border:1px solid rgba(110,205,255,.16);box-shadow:0 14px 40px rgba(0,0,0,.28);}

html[data-nm-theme="light"] .nm-section-head__title,
html[data-theme="light"] .nm-section-head__title,
html[data-nm-theme="light"] .nm-stack-card__top,
html[data-theme="light"] .nm-stack-card__top,
html[data-nm-theme="light"] .nm-bundle-band h2,
html[data-theme="light"] .nm-bundle-band h2,
html[data-nm-theme="light"] .nm-final-cta h2,
html[data-theme="light"] .nm-final-cta h2{color:#0b1630;}
html[data-nm-theme="light"] .nm-section-head__sub,
html[data-theme="light"] .nm-section-head__sub,
html[data-nm-theme="light"] .nm-stack-card p,
html[data-theme="light"] .nm-stack-card p,
html[data-nm-theme="light"] .nm-stack-card__list li,
html[data-theme="light"] .nm-stack-card__list li,
html[data-nm-theme="light"] .nm-bundle-band p,
html[data-theme="light"] .nm-bundle-band p,
html[data-nm-theme="light"] .nm-final-cta p,
html[data-theme="light"] .nm-final-cta p,
html[data-nm-theme="light"] .nm-compare__table th,
html[data-theme="light"] .nm-compare__table th,
html[data-nm-theme="light"] .nm-compare__table td,
html[data-theme="light"] .nm-compare__table td{color:#27405c;}
html[data-nm-theme="light"] .nm-stack-card,
html[data-theme="light"] .nm-stack-card,
html[data-nm-theme="light"] .nm-compare__table-wrap,
html[data-theme="light"] .nm-compare__table-wrap,
html[data-nm-theme="light"] .nm-final-cta__panel,
html[data-theme="light"] .nm-final-cta__panel,
html[data-nm-theme="light"] .nm-bundle-band__inner,
html[data-theme="light"] .nm-bundle-band__inner{background:linear-gradient(180deg,#ffffff,#f4f9ff);border-color:rgba(49,102,173,.14);box-shadow:0 14px 34px rgba(25,53,92,.10);}
html[data-nm-theme="light"] .nm-stack-card__meta span,
html[data-theme="light"] .nm-stack-card__meta span,
html[data-nm-theme="light"] .nm-compare__table td a,
html[data-theme="light"] .nm-compare__table td a,
html[data-nm-theme="light"] .nm-bundle-band__ghost,
html[data-theme="light"] .nm-bundle-band__ghost,
html[data-nm-theme="light"] .nm-final-cta__btn--ghost,
html[data-theme="light"] .nm-final-cta__btn--ghost{background:#eef5ff;color:#17345a;border-color:rgba(49,102,173,.14);}

@media (max-width: 989px){
  .nm-stack-builder__grid{grid-template-columns:1fr;}
  .nm-bundle-band__inner,.nm-final-cta__panel{flex-direction:column;align-items:flex-start;}
}
@media (max-width: 767px){
  .nm-stack-builder{margin-top:28px;}
  .nm-stack-card{padding:20px;border-radius:20px;}
  .nm-bundle-band__inner,.nm-final-cta__panel{padding:22px;}
  .nm-bundle-band__actions,.nm-final-cta__actions{width:100%;}
  .nm-bundle-band__cta,.nm-bundle-band__ghost,.nm-final-cta__btn{width:100%;}
}


/* V4 — Product page CRO */
.nm-pdp-goals{display:flex;flex-wrap:wrap;gap:8px 10px;margin:10px 0 16px;}
.nm-pdp-goals span{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#dfeaff;font-size:12px;font-weight:600;}
.nm-pdp-inline-btn:hover,html[data-nm-theme="light"] .nm-pdp-goals span, html[data-theme="light"] .nm-pdp-goals span,
@media (max-width: 989px){
}
@media (max-width: 749px){
  .nm-pdp-goals{margin-top:8px;}
}


/* V5 — Cart / pre-checkout CRO */
.nm-cart-convert{margin:0 0 26px;padding:20px 22px;border-radius:24px;background:linear-gradient(135deg,rgba(8,18,31,.98),rgba(18,38,64,.98));border:1px solid rgba(110,205,255,.16);box-shadow:0 16px 34px rgba(0,0,0,.22);}
.nm-cart-convert__top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px;}
.nm-cart-convert__eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9fe9ff;margin-bottom:4px;}
.nm-cart-convert strong{display:block;color:#fff;font-size:20px;line-height:1.35;}
.nm-cart-convert__shop{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:14px;text-decoration:none;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;font-weight:700;white-space:nowrap;}
.nm-cart-progress{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;}
.nm-cart-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#4dd9ff,#7aa8ff);}
.nm-cart-convert__trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;}
.nm-cart-convert__trust span{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:12px;color:#dfeaff;}
.nm-cart-reco{margin:18px 0 18px;}
.nm-cart-reco__title{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#7fdfff;margin-bottom:10px;font-weight:700;}
.nm-cart-reco__grid{display:grid;grid-template-columns:1fr;gap:10px;}
.nm-cart-reco__card{display:block;padding:14px 15px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);text-decoration:none;transition:transform .22s ease,border-color .22s ease,background .22s ease;}
.nm-cart-reco__card strong{display:block;color:#fff;font-size:15px;margin-bottom:4px;}
.nm-cart-reco__card span{display:block;color:rgba(225,236,255,.78);font-size:13px;line-height:1.45;}
.nm-cart-reco__card:hover{transform:translateY(-2px);background:rgba(92,212,255,.08);border-color:rgba(110,205,255,.24);}
.nm-cart-cta-box{margin-top:14px;padding:18px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);}
.nm-cart-terms{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;font-size:14px;line-height:1.45;color:#dfeaff;}
.nm-cart-terms input{margin-top:4px;flex-shrink:0;}
.nm-cart-terms a{color:#9fe9ff;}
.nm-cart-actions{display:flex;gap:12px;flex-wrap:wrap;}
input.nm-cart-checkout{min-width:220px;}
input.nm-cart-checkout.is-disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.15);}
.nm-cart-legal{display:block;margin-top:10px;color:rgba(225,236,255,.68);}
html[data-nm-theme="light"] .nm-cart-convert, html[data-theme="light"] .nm-cart-convert,
html[data-nm-theme="light"] .nm-cart-reco__card, html[data-theme="light"] .nm-cart-reco__card,
html[data-nm-theme="light"] .nm-cart-cta-box, html[data-theme="light"] .nm-cart-cta-box{background:#fff;border-color:rgba(49,102,173,.12);box-shadow:0 14px 28px rgba(18,41,74,.08);}
html[data-nm-theme="light"] .nm-cart-convert strong, html[data-theme="light"] .nm-cart-convert strong,
html[data-nm-theme="light"] .nm-cart-reco__card strong, html[data-theme="light"] .nm-cart-reco__card strong{color:#0b1630;}
html[data-nm-theme="light"] .nm-cart-convert__shop, html[data-theme="light"] .nm-cart-convert__shop,
html[data-nm-theme="light"] .nm-cart-convert__trust span, html[data-theme="light"] .nm-cart-convert__trust span,
html[data-nm-theme="light"] .nm-cart-cta-box, html[data-theme="light"] .nm-cart-cta-box{color:#204068;}
html[data-nm-theme="light"] .nm-cart-reco__card span, html[data-theme="light"] .nm-cart-reco__card span,
html[data-nm-theme="light"] .nm-cart-terms, html[data-theme="light"] .nm-cart-terms,
html[data-nm-theme="light"] .nm-cart-legal, html[data-theme="light"] .nm-cart-legal{color:#34557f;}
@media (max-width: 767px){
  .nm-cart-convert{padding:18px;border-radius:20px;}
  .nm-cart-convert__top{flex-direction:column;align-items:flex-start;}
  .nm-cart-convert strong{font-size:18px;}
  .nm-cart-actions{position:sticky;bottom:8px;background:rgba(6,13,23,.95);padding:10px;border-radius:18px;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);}
  html[data-nm-theme="light"] .nm-cart-actions, html[data-theme="light"] .nm-cart-actions{background:rgba(255,255,255,.96);}
  .nm-cart-actions .btn--secondary, .nm-cart-actions .btn, input.nm-cart-checkout{width:100%;}
}


/* ============================================================
   V25 — Quiz Hub inline + Product Info Cards
   ============================================================ */

/* Quiz Hub — pantalla de selección dentro del chat */
.nm-quiz-hub{border-radius:18px;overflow:hidden;border:1px solid rgba(110,205,255,.18);background:linear-gradient(145deg,rgba(9,17,29,.98),rgba(14,28,46,.98));}
.nm-quiz-hub__header{padding:20px 20px 14px;text-align:center;}
.nm-quiz-hub__icon{font-size:32px;line-height:1;margin-bottom:8px;}
.nm-quiz-hub__title{font-size:18px;font-weight:700;color:#fff;margin-bottom:4px;}
.nm-quiz-hub__sub{font-size:13px;color:rgba(225,236,255,.72);line-height:1.45;}
.nm-quiz-hub__list{display:flex;flex-direction:column;gap:0;}
.nm-quiz-hub__option{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px 18px;background:transparent;border:none;border-top:1px solid rgba(255,255,255,.07);color:#e8f3ff;cursor:pointer;transition:background .18s ease;}
.nm-quiz-hub__option:hover,.nm-quiz-hub__option:focus{background:rgba(92,212,255,.08);}
.nm-quiz-hub__opt-icon{font-size:22px;flex-shrink:0;width:32px;text-align:center;}
.nm-quiz-hub__opt-body{flex:1;min-width:0;}
.nm-quiz-hub__opt-body strong{display:block;color:#fff;font-size:14px;margin-bottom:2px;}
.nm-quiz-hub__opt-body span{display:block;color:rgba(215,232,255,.68);font-size:12px;line-height:1.4;}
.nm-quiz-hub__opt-arrow{color:rgba(110,205,255,.6);font-size:20px;flex-shrink:0;}

/* Light mode overrides for Quiz Hub */
html[data-nm-theme="light"] .nm-quiz-hub,
html[data-theme="light"] .nm-quiz-hub{background:#f0f7ff;border-color:rgba(49,102,173,.14);}
html[data-nm-theme="light"] .nm-quiz-hub__title,
html[data-theme="light"] .nm-quiz-hub__title{color:#0b2040;}
html[data-nm-theme="light"] .nm-quiz-hub__sub,
html[data-theme="light"] .nm-quiz-hub__sub{color:#4a6285;}
html[data-nm-theme="light"] .nm-quiz-hub__option,
html[data-theme="light"] .nm-quiz-hub__option{border-top-color:rgba(49,102,173,.1);color:#17345a;}
html[data-nm-theme="light"] .nm-quiz-hub__option:hover,
html[data-theme="light"] .nm-quiz-hub__option:hover{background:rgba(49,102,173,.07);}
html[data-nm-theme="light"] .nm-quiz-hub__opt-body strong,
html[data-theme="light"] .nm-quiz-hub__opt-body strong{color:#0b2040;}
html[data-nm-theme="light"] .nm-quiz-hub__opt-body span,
html[data-theme="light"] .nm-quiz-hub__opt-body span{color:#4a6285;}

/* Product Info Cards — fichas enriquecidas */
.nm-info-card{border-radius:16px;padding:16px;background:linear-gradient(135deg,rgba(9,17,29,.96),rgba(14,28,46,.96));border:1px solid rgba(110,205,255,.16);margin-bottom:10px;}
.nm-info-card__header{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.nm-info-card__icon{font-size:26px;line-height:1;}
.nm-info-card__name{font-size:16px;font-weight:700;color:#fff;}
.nm-info-card__price{font-size:14px;color:#00e5cc;font-weight:600;}
.nm-info-card__desc{font-size:13px;color:rgba(225,236,255,.82);line-height:1.5;margin-bottom:10px;}
.nm-info-card__section-title{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9fe9ff;margin-bottom:5px;margin-top:8px;}
.nm-info-card__benefits{list-style:none;margin:0;padding:0;}
.nm-info-card__benefits li{font-size:13px;color:rgba(225,236,255,.85);padding:2px 0;}
.nm-info-card__benefits li::before{content:"✓ ";color:#00e5cc;}
.nm-info-card__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.nm-info-card__badge{padding:5px 10px;border-radius:999px;font-size:12px;background:rgba(92,212,255,.1);border:1px solid rgba(92,212,255,.18);color:#dff7ff;}
.nm-info-card__warning{font-size:12px;color:#ffdd6e;background:rgba(255,200,50,.08);border:1px solid rgba(255,200,50,.18);border-radius:10px;padding:8px 10px;margin-top:8px;}
.nm-info-card__stack{font-size:12px;color:rgba(225,236,255,.72);margin-top:8px;}
.nm-info-card__stack strong{color:#9fe9ff;}
.nm-info-card__actions{display:flex;gap:8px;margin-top:12px;}
.nm-info-card__btn{flex:1;padding:10px;border-radius:12px;font-size:13px;font-weight:600;text-align:center;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;}
.nm-info-card__btn--secondary{background:rgba(92,212,255,.12);border:1px solid rgba(92,212,255,.22);color:#dff7ff;}
.nm-info-card__btn--primary{background:linear-gradient(135deg,#0070f3,#00b4d8);color:#fff;}
.nm-info-card__btn:hover{opacity:.88;transform:translateY(-1px);}


/* ============================================================
   V26 — CRO Full Layer: Welcome, Proactive, Guarantee, Para-Quien,
   Price Anchor, Onboarding, Quiz CRO, Welcome Grid
   ============================================================ */

/* ── Welcome message inside chat ── */
.nm-welcome{padding:2px 0 4px;}
.nm-welcome__heading{font-size:14px;color:var(--nm-text,#e8f3ff);line-height:1.55;margin-bottom:12px;}
.nm-welcome__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;}
.nm-welcome__goal{width:100%;padding:10px 8px;border-radius:12px;font-size:12.5px;font-weight:600;text-align:left;background:rgba(92,212,255,.09);border:1px solid rgba(92,212,255,.18);color:#dff7ff;cursor:pointer;transition:background .18s,transform .15s;line-height:1.35;}
.nm-welcome__goal:hover{background:rgba(92,212,255,.18);transform:translateY(-1px);}
.nm-welcome__hint{font-size:11.5px;color:rgba(215,232,255,.55);font-style:italic;margin-top:4px;}
html[data-nm-theme="light"] .nm-welcome__goal,
html[data-theme="light"]    .nm-welcome__goal{background:rgba(49,102,173,.07);border-color:rgba(49,102,173,.18);color:#17345a;}
html[data-nm-theme="light"] .nm-welcome__goal:hover,
html[data-theme="light"]    .nm-welcome__goal:hover{background:rgba(49,102,173,.14);}
html[data-nm-theme="light"] .nm-welcome__hint,
html[data-theme="light"]    .nm-welcome__hint{color:#7a9ab8;}

/* ── Proactive FAB pulse + floating bubble ── */
@keyframes nmFabPulse{0%,100%{box-shadow:0 0 0 0 rgba(0,242,254,.45)}50%{box-shadow:0 0 0 12px rgba(0,242,254,0)}}
.nm-fab-pulse{animation:nmFabPulse 1.6s ease-in-out infinite!important;}
.nm-proactive-bubble{position:fixed;bottom:90px;right:20px;z-index:10001;background:linear-gradient(135deg,#0a1a2e,#0d2444);border:1px solid rgba(92,212,255,.3);border-radius:16px;padding:14px 18px;color:#e8f3ff;font-size:13.5px;line-height:1.5;cursor:pointer;box-shadow:0 8px 28px rgba(0,0,0,.4);max-width:220px;animation:nmFabPulse 2s ease-in-out infinite;}
.nm-proactive-bubble::after{content:"";position:absolute;bottom:-8px;right:24px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(92,212,255,.3);}
@media(max-width:480px){.nm-proactive-bubble{right:12px;bottom:80px;}}
html[data-nm-theme="light"] .nm-proactive-bubble,
html[data-theme="light"]    .nm-proactive-bubble{background:#fff;border-color:rgba(49,102,173,.25);color:#0b2040;box-shadow:0 8px 28px rgba(18,41,74,.15);}

/* ── Onboarding protocol week list ── */
.nm-onboard{border-radius:14px;overflow:hidden;border:1px solid rgba(92,212,255,.15);margin:10px 0;}
.nm-onboard__week{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);}
.nm-onboard__week:last-child{border-bottom:none;}
.nm-onboard__week-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#00e5cc;white-space:nowrap;padding-top:2px;min-width:72px;}
.nm-onboard__week-body{font-size:13px;color:rgba(225,236,255,.88);line-height:1.5;}
.nm-onboard__week-body strong{color:#fff;display:block;margin-bottom:3px;}
html[data-nm-theme="light"] .nm-onboard,
html[data-theme="light"]    .nm-onboard{border-color:rgba(49,102,173,.14);}
html[data-nm-theme="light"] .nm-onboard__week,
html[data-theme="light"]    .nm-onboard__week{border-bottom-color:rgba(49,102,173,.08);}
html[data-nm-theme="light"] .nm-onboard__week-body,
html[data-theme="light"]    .nm-onboard__week-body{color:#234060;}
html[data-nm-theme="light"] .nm-onboard__week-body strong,
html[data-theme="light"]    .nm-onboard__week-body strong{color:#0b2040;}

/* ── Quiz result CRO block ── */
.nm-quiz-cro{margin-top:14px;padding:14px;border-radius:14px;background:rgba(0,229,204,.06);border:1px solid rgba(0,229,204,.14);}
.nm-quiz-cro__title{font-size:13px;font-weight:700;color:#fff;margin-bottom:10px;}
.nm-quiz-cro__actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
.nm-quiz-cro__btn{flex:1;min-width:120px;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:600;border:none;cursor:pointer;text-align:center;}
.nm-quiz-cro__btn--wa{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;}
.nm-quiz-cro__btn--stacks{background:rgba(92,212,255,.12);border:1px solid rgba(92,212,255,.22);color:#dff7ff;}
.nm-quiz-cro__guarantee{font-size:12px;color:rgba(215,232,255,.72);border-top:1px solid rgba(255,255,255,.07);padding-top:10px;}
.nm-quiz-cro__guarantee strong{color:#00e5cc;}
html[data-nm-theme="light"] .nm-quiz-cro,
html[data-theme="light"]    .nm-quiz-cro{background:rgba(49,102,173,.05);border-color:rgba(49,102,173,.12);}
html[data-nm-theme="light"] .nm-quiz-cro__title,
html[data-theme="light"]    .nm-quiz-cro__title{color:#0b2040;}
html[data-nm-theme="light"] .nm-quiz-cro__btn--stacks,
html[data-theme="light"]    .nm-quiz-cro__btn--stacks{background:rgba(49,102,173,.08);border-color:rgba(49,102,173,.18);color:#17345a;}
html[data-nm-theme="light"] .nm-quiz-cro__guarantee,
html[data-theme="light"]    .nm-quiz-cro__guarantee{color:#4a6285;border-top-color:rgba(49,102,173,.1);}

/* ── Price anchor (product page) ── */
.nm-price-anchor{font-size:13px;color:rgba(225,236,255,.65);margin:4px 0 12px;padding:6px 12px;background:rgba(0,229,204,.06);border-radius:8px;border-left:3px solid #00e5cc;}
html[data-nm-theme="light"] .nm-price-anchor,
html[data-theme="light"]    .nm-price-anchor{background:rgba(0,150,136,.07);color:#2d6060;border-left-color:#009688;}
.nm-price-anchor strong{color:#00e5cc;}
html[data-nm-theme="light"] .nm-price-anchor strong,
html[data-theme="light"]    .nm-price-anchor strong{color:#007765;}

/* ── Guarantee badge (under ATC button) ── */
.nm-guarantee-badge{display:flex;align-items:flex-start;gap:10px;margin:12px 0;padding:12px 14px;border-radius:14px;background:rgba(0,229,204,.06);border:1px solid rgba(0,229,204,.16);}
.nm-guarantee-badge__icon{font-size:22px;flex-shrink:0;line-height:1;margin-top:2px;}
.nm-guarantee-badge div{display:flex;flex-direction:column;gap:3px;}
.nm-guarantee-badge strong{font-size:13px;color:#fff;font-weight:700;}
.nm-guarantee-badge span{font-size:12px;color:rgba(225,236,255,.72);line-height:1.4;}
html[data-nm-theme="light"] .nm-guarantee-badge,
html[data-theme="light"]    .nm-guarantee-badge{background:rgba(0,150,136,.06);border-color:rgba(0,150,136,.18);}
html[data-nm-theme="light"] .nm-guarantee-badge strong,
html[data-theme="light"]    .nm-guarantee-badge strong{color:#0b2040;}
html[data-nm-theme="light"] .nm-guarantee-badge span,
html[data-theme="light"]    .nm-guarantee-badge span{color:#3d6370;}

/* ── Para quién / No es para ti (product page) ── */
.nm-para-quien{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;padding:0;}
.nm-para-quien__col{padding:14px 16px;border-radius:16px;}
.nm-para-quien__col--si{background:rgba(0,229,140,.06);border:1px solid rgba(0,229,140,.16);}
.nm-para-quien__col--no{background:rgba(255,180,50,.05);border:1px solid rgba(255,180,50,.15);}
.nm-para-quien__title{font-size:12.5px;font-weight:700;margin-bottom:10px;letter-spacing:.02em;}
.nm-para-quien__col--si .nm-para-quien__title{color:#00e58c;}
.nm-para-quien__col--no .nm-para-quien__title{color:#ffb432;}
.nm-para-quien__col ul{margin:0;padding:0 0 0 14px;list-style:disc;}
.nm-para-quien__col li{font-size:12.5px;line-height:1.5;color:rgba(225,236,255,.82);margin-bottom:5px;}
@media(max-width:560px){
  .nm-para-quien{grid-template-columns:1fr;}
}
html[data-nm-theme="light"] .nm-para-quien__col--si,
html[data-theme="light"]    .nm-para-quien__col--si{background:rgba(0,170,100,.06);border-color:rgba(0,170,100,.16);}
html[data-nm-theme="light"] .nm-para-quien__col--no,
html[data-theme="light"]    .nm-para-quien__col--no{background:rgba(200,120,0,.05);border-color:rgba(200,120,0,.15);}
html[data-nm-theme="light"] .nm-para-quien__col li,
html[data-theme="light"]    .nm-para-quien__col li{color:#2d4060;}

/* ── Quick button CTA highlight (top conversion action) ── */
.nm-quick-btn--cta{background:linear-gradient(135deg,rgba(0,114,255,.22),rgba(0,180,216,.22))!important;border-color:rgba(0,180,216,.38)!important;color:#fff!important;font-weight:700!important;}
.nm-quick-btn--cta:hover{background:linear-gradient(135deg,rgba(0,114,255,.35),rgba(0,180,216,.35))!important;}
html[data-nm-theme="light"] .nm-quick-btn--cta,
html[data-theme="light"]    .nm-quick-btn--cta{background:linear-gradient(135deg,rgba(0,90,220,.12),rgba(0,150,200,.12))!important;border-color:rgba(0,100,180,.28)!important;color:#004a9e!important;}


/* ============================================================
   V28 — nm-ci-grid: Compra Inteligente — layout sin conflictos
   Reemplaza nm-pdp-bundle__grid con clases nuevas limpias
   ============================================================ */
/* tablet y arriba: 2 columnas */
@media(min-width:600px){
}
/* desktop: 3 columnas */
@media(min-width:900px){
}
/* Light mode */
.nm-assistant-cta__body{
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.nm-assistant-cta__icon{
  font-size:28px;
  line-height:1;
  flex-shrink:0;
  margin-top:2px;
}
.nm-assistant-cta__body div{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.nm-assistant-cta__body strong{
  font-size:14px;
  font-weight:700;
  color:#fff;
  line-height:1.4;
}
.nm-assistant-cta__body span{
  font-size:13px;
  color:rgba(225,236,255,.72);
  line-height:1.45;
}
.nm-assistant-cta__btn{
  width:100%;
  padding:14px;
  border-radius:14px;
  background:linear-gradient(135deg,#0070f3,#00b4d8);
  color:#fff;
  font-size:15px;
  font-weight:700;
  border:none;
  cursor:pointer;
  transition:opacity .2s,transform .2s;
  letter-spacing:.01em;
}
.nm-assistant-cta__btn:hover{
  opacity:.9;
  transform:translateY(-1px);
}
/* Light mode */
html[data-nm-theme="light"] .nm-assistant-cta,
html[data-theme="light"]    .nm-assistant-cta{
  background:#f0f7ff;
  border-color:rgba(49,102,173,.16);
  box-shadow:0 8px 24px rgba(18,41,74,.08);
}
html[data-nm-theme="light"] .nm-assistant-cta__body strong,
html[data-theme="light"]    .nm-assistant-cta__body strong{color:#0b2040;}
html[data-nm-theme="light"] .nm-assistant-cta__body span,
html[data-theme="light"]    .nm-assistant-cta__body span{color:#4a6285;}


/* ============================================================
   V30 — nm-stack-discovery: "Descubre tu stack ideal"
   Reemplaza Compra Inteligente en el home. CTA único al asistente.
   ============================================================ */
.nm-stack-discovery{
  margin:40px auto;
  padding:0;
}
.nm-stack-discovery__inner{
  display:flex;
  flex-direction:column;
  gap:24px;
  padding:32px;
  border-radius:28px;
  background:linear-gradient(135deg,rgba(8,16,28,.98),rgba(12,24,42,.98));
  border:1px solid rgba(110,205,255,.15);
  box-shadow:0 20px 48px rgba(0,0,0,.28);
}
@media(min-width:768px){
  .nm-stack-discovery__inner{
    flex-direction:row;
    align-items:flex-start;
    gap:40px;
  }
  .nm-stack-discovery__left{flex:1 1 55%;}
  .nm-stack-discovery__right{flex:1 1 40%;min-width:0;}
}
.nm-stack-discovery__eyebrow{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:#9fe9ff;
  margin-bottom:10px;
  font-weight:700;
}
.nm-stack-discovery__title{
  font-size:28px;
  font-weight:800;
  color:#fff;
  line-height:1.25;
  margin:0 0 12px;
}
@media(min-width:768px){.nm-stack-discovery__title{font-size:34px;}}
.nm-stack-discovery__sub{
  color:rgba(225,236,255,.75);
  font-size:15px;
  line-height:1.6;
  margin:0 0 20px;
}
.nm-stack-discovery__bullets{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:24px;
}
.nm-stack-discovery__bullet{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px;
  color:rgba(225,236,255,.85);
}
.nm-stack-discovery__bullet span{
  font-size:18px;
  line-height:1;
  flex-shrink:0;
}
.nm-stack-discovery__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:16px 24px;
  border-radius:16px;
  background:linear-gradient(135deg,#0070f3,#00b4d8);
  color:#fff;
  font-size:16px;
  font-weight:800;
  border:none;
  cursor:pointer;
  transition:opacity .2s,transform .2s;
  letter-spacing:.01em;
}
.nm-stack-discovery__cta:hover{opacity:.9;transform:translateY(-2px);}
/* Preview card (right side) */
.nm-stack-discovery__card{
  padding:22px;
  border-radius:20px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(110,205,255,.14);
}
.nm-stack-discovery__card-label{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#9fe9ff;
  margin-bottom:10px;
}
.nm-stack-discovery__card-title{
  font-size:17px;
  font-weight:800;
  color:#fff;
  margin-bottom:16px;
}
.nm-stack-discovery__card-items{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-bottom:14px;
}
.nm-stack-discovery__card-item{
  display:flex;
  flex-direction:column;
  padding:12px 14px;
  border-radius:12px;
  background:rgba(92,212,255,.06);
  border:1px solid rgba(92,212,255,.12);
}
.nm-stack-discovery__card-item strong{
  font-size:13px;
  color:#fff;
  margin-bottom:2px;
}
.nm-stack-discovery__card-item span{
  font-size:12px;
  color:rgba(225,236,255,.6);
}
.nm-stack-discovery__card-note{
  font-size:12px;
  color:rgba(225,236,255,.45);
  text-align:center;
  font-style:italic;
}
/* Light mode */
html[data-nm-theme="light"] .nm-stack-discovery__inner,
html[data-theme="light"]    .nm-stack-discovery__inner{
  background:#f0f7ff;
  border-color:rgba(49,102,173,.14);
  box-shadow:0 12px 36px rgba(18,41,74,.08);
}
html[data-nm-theme="light"] .nm-stack-discovery__title,
html[data-theme="light"]    .nm-stack-discovery__title{color:#0b2040;}
html[data-nm-theme="light"] .nm-stack-discovery__sub,
html[data-theme="light"]    .nm-stack-discovery__sub{color:#4a6285;}
html[data-nm-theme="light"] .nm-stack-discovery__bullet,
html[data-theme="light"]    .nm-stack-discovery__bullet{color:#2a4a72;}
html[data-nm-theme="light"] .nm-stack-discovery__eyebrow,
html[data-theme="light"]    .nm-stack-discovery__eyebrow{color:#0070c0;}
html[data-nm-theme="light"] .nm-stack-discovery__card,
html[data-theme="light"]    .nm-stack-discovery__card{
  background:#e8f2ff;
  border-color:rgba(49,102,173,.14);
}
html[data-nm-theme="light"] .nm-stack-discovery__card-item,
html[data-theme="light"]    .nm-stack-discovery__card-item{
  background:rgba(49,102,173,.06);
  border-color:rgba(49,102,173,.12);
}
html[data-nm-theme="light"] .nm-stack-discovery__card-item strong,
html[data-theme="light"]    .nm-stack-discovery__card-item strong{color:#0b2040;}
html[data-nm-theme="light"] .nm-stack-discovery__card-item span,
html[data-theme="light"]    .nm-stack-discovery__card-item span{color:#4a6285;}
html[data-nm-theme="light"] .nm-stack-discovery__card-note,
html[data-theme="light"]    .nm-stack-discovery__card-note{color:#7a9abf;}


/* ============================================================
   V33 — nm-faq: FAQs — diseño card-accordion alto contraste
   ============================================================ */
.nm-faq{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:20px 0;
}
/* Cada pregunta es una card — también funciona dentro de .rte */
.nm-faq details,
.product-description .nm-faq details,
.rte .nm-faq details{
  border-radius:14px !important;
  background:rgba(20,40,70,.7) !important;
  border:1px solid rgba(110,205,255,.22) !important;
  overflow:hidden;
  transition:border-color .2s,background .2s;
  padding:0 !important;
  margin-bottom:0 !important;
}
.nm-faq details[open],
.product-description .nm-faq details[open],
.rte .nm-faq details[open]{
  background:rgba(0,60,120,.55) !important;
  border-color:rgba(110,205,255,.42) !important;
}
/* Pregunta */
.nm-faq summary,
.product-description .nm-faq summary,
.rte .nm-faq summary{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:12px !important;
  padding:15px 18px !important;
  cursor:pointer !important;
  list-style:none !important;
  font-size:14px !important;
  font-weight:700 !important;
  color:#e8f4ff !important;
  line-height:1.4 !important;
  background:transparent !important;
  border:none !important;
  margin:0 !important;
}
.nm-faq summary::-webkit-details-marker{display:none !important;}
/* Ícono +/− */
.nm-faq summary::after,
.product-description .nm-faq summary::after,
.rte .nm-faq summary::after{
  content:'+' !important;
  flex-shrink:0 !important;
  width:24px !important;
  height:24px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(110,205,255,.25) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:16px !important;
  font-weight:400 !important;
  line-height:24px !important;
  text-align:center !important;
  color:#9fe9ff !important;
  transition:background .2s,color .2s !important;
}
.nm-faq details[open] summary::after,
.product-description .nm-faq details[open] summary::after,
.rte .nm-faq details[open] summary::after{
  content:'−' !important;
  background:rgba(92,212,255,.2) !important;
  border-color:rgba(110,205,255,.5) !important;
  color:#fff !important;
}
.nm-faq summary:hover,
.product-description .nm-faq summary:hover,
.rte .nm-faq summary:hover{color:#9fe9ff !important;}
/* Respuesta */
.nm-faq details p,
.nm-faq details > p,
.product-description .nm-faq details p,
.rte .nm-faq details p{
  padding:14px 18px 16px !important;
  margin:0 !important;
  font-size:13.5px !important;
  color:#d4eaff !important;
  line-height:1.75 !important;
  border-top:1px solid rgba(110,205,255,.15) !important;
  background:transparent !important;
}

/* ── LIGHT MODE ─────────────────────────────────────────── */
html[data-nm-theme="light"] .nm-faq details,
html[data-nm-theme="light"] .product-description .nm-faq details,
html[data-nm-theme="light"] .rte .nm-faq details,
html[data-theme="light"]    .nm-faq details,
html[data-theme="light"]    .product-description .nm-faq details,
html[data-theme="light"]    .rte .nm-faq details{
  background:#e8f2ff !important;
  border-color:rgba(0,80,163,.2) !important;
}
html[data-nm-theme="light"] .nm-faq details[open],
html[data-nm-theme="light"] .product-description .nm-faq details[open],
html[data-nm-theme="light"] .rte .nm-faq details[open],
html[data-theme="light"]    .nm-faq details[open],
html[data-theme="light"]    .product-description .nm-faq details[open],
html[data-theme="light"]    .rte .nm-faq details[open]{
  background:#daeeff !important;
  border-color:rgba(0,88,163,.4) !important;
}
html[data-nm-theme="light"] .nm-faq summary,
html[data-nm-theme="light"] .product-description .nm-faq summary,
html[data-nm-theme="light"] .rte .nm-faq summary,
html[data-theme="light"]    .nm-faq summary,
html[data-theme="light"]    .product-description .nm-faq summary,
html[data-theme="light"]    .rte .nm-faq summary{
  color:#0a2240 !important;
}
html[data-nm-theme="light"] .nm-faq summary::after,
html[data-nm-theme="light"] .product-description .nm-faq summary::after,
html[data-nm-theme="light"] .rte .nm-faq summary::after,
html[data-theme="light"]    .nm-faq summary::after,
html[data-theme="light"]    .product-description .nm-faq summary::after,
html[data-theme="light"]    .rte .nm-faq summary::after{
  background:rgba(0,88,163,.08) !important;
  border-color:rgba(0,88,163,.22) !important;
  color:#0058a3 !important;
}
html[data-nm-theme="light"] .nm-faq details[open] summary::after,
html[data-nm-theme="light"] .product-description .nm-faq details[open] summary::after,
html[data-nm-theme="light"] .rte .nm-faq details[open] summary::after,
html[data-theme="light"]    .nm-faq details[open] summary::after,
html[data-theme="light"]    .product-description .nm-faq details[open] summary::after,
html[data-theme="light"]    .rte .nm-faq details[open] summary::after{
  background:rgba(0,88,163,.18) !important;
  border-color:rgba(0,88,163,.45) !important;
  color:#003b82 !important;
}
html[data-nm-theme="light"] .nm-faq details p,
html[data-nm-theme="light"] .nm-faq details > p,
html[data-nm-theme="light"] .product-description .nm-faq details p,
html[data-nm-theme="light"] .rte .nm-faq details p,
html[data-theme="light"]    .nm-faq details p,
html[data-theme="light"]    .nm-faq details > p,
html[data-theme="light"]    .product-description .nm-faq details p,
html[data-theme="light"]    .rte .nm-faq details p{
  color:#0f2d55 !important;
  border-top-color:rgba(0,88,163,.14) !important;
}
html[data-nm-theme="light"] .nm-faq summary:hover,
html[data-theme="light"]    .nm-faq summary:hover{color:#0058a3 !important;}

/* ── 15. nm-collection-ia-strip ── */
.nm-collection-ia-strip{
  margin:0 0 24px;
  padding:16px 20px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(0,80,160,.12),rgba(0,150,200,.08));
  border:1px solid rgba(110,205,255,.18);
  display:flex;
}
.nm-collection-ia-strip__inner{
  display:flex;
  align-items:center;
  gap:14px;
  width:100%;
  flex-wrap:wrap;
}
.nm-collection-ia-strip__icon{font-size:26px;flex-shrink:0;}
.nm-collection-ia-strip__text{flex:1;min-width:0;}
.nm-collection-ia-strip__text strong{
  display:block;
  font-size:14px;
  font-weight:700;
  color:#fff;
  margin-bottom:2px;
}
.nm-collection-ia-strip__text span{
  font-size:13px;
  color:rgba(225,236,255,.72);
}
.nm-collection-ia-strip__btn{
  padding:11px 20px;
  border-radius:12px;
  background:linear-gradient(135deg,#0070f3,#00b4d8);
  border:none;
  color:#fff;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
  flex-shrink:0;
  transition:opacity .2s;
}
.nm-collection-ia-strip__btn:hover{opacity:.9;}
/* Light mode */
html[data-nm-theme="light"] .nm-collection-ia-strip,
html[data-theme="light"]    .nm-collection-ia-strip{
  background:#eef5ff;
  border-color:rgba(0,88,163,.14);
}
html[data-nm-theme="light"] .nm-collection-ia-strip__text strong,
html[data-theme="light"]    .nm-collection-ia-strip__text strong{color:#0b2040;}
html[data-nm-theme="light"] .nm-collection-ia-strip__text span,
html[data-theme="light"]    .nm-collection-ia-strip__text span{color:#3a5878;}


/* ╔══════════════════════════════════════════════════════════╗
   ║  V34 — MOTOR ASESOR→RECOMENDADOR→VENDEDOR               ║
   ╚══════════════════════════════════════════════════════════╝ */

/* ── nm-product-card v2 ──────────────────────────────────── */
.nm-product-card--v2{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(110,205,255,.18);
  border-radius:16px;
  padding:14px;
  margin:8px 0;
  transition:border-color .2s;
}
.nm-product-card--v2:hover{border-color:rgba(110,205,255,.35);}
.nm-card-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;}
.nm-card-icon{font-size:24px;flex-shrink:0;line-height:1.2;}
.nm-card-heading{flex:1;min-width:0;}
.nm-card-name{font-size:14px;font-weight:700;color:#e8f4ff;line-height:1.3;}
.nm-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;}
.nm-card-tag{display:inline-block;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;}
.nm-card-tag--goal{background:rgba(0,180,216,.18);color:#5ce4ff;border:1px solid rgba(0,180,216,.25);}
.nm-card-tag--lvl{border:1px solid;}
.nm-card-tag--suave{background:rgba(0,200,100,.1);color:#00e58c;border-color:rgba(0,200,100,.2);}
.nm-card-tag--moderado{background:rgba(255,190,50,.1);color:#ffc84a;border-color:rgba(255,190,50,.2);}
.nm-card-tag--fuerte{background:rgba(255,80,50,.1);color:#ff6b5b;border-color:rgba(255,80,50,.2);}
.nm-card-price{font-size:15px;font-weight:800;color:#00e5cc;white-space:nowrap;}
.nm-card-details{display:flex;flex-direction:column;gap:5px;margin:8px 0 10px;padding:8px 10px;background:rgba(255,255,255,.03);border-radius:10px;border:1px solid rgba(255,255,255,.06);}
.nm-card-row{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:rgba(225,236,255,.78);line-height:1.4;}
.nm-card-row span:first-child{flex-shrink:0;width:16px;text-align:center;}
.nm-card-actions{display:flex;gap:8px;margin-top:10px;}
/* Light mode — product card v2 */
html[data-nm-theme="light"] .nm-product-card--v2,
html[data-theme="light"]    .nm-product-card--v2{background:#f0f6ff;border-color:rgba(0,88,163,.16);}
html[data-nm-theme="light"] .nm-card-name,
html[data-theme="light"]    .nm-card-name{color:#0b2040;}
html[data-nm-theme="light"] .nm-card-price,
html[data-theme="light"]    .nm-card-price{color:#006d5b;}
html[data-nm-theme="light"] .nm-card-row,
html[data-theme="light"]    .nm-card-row{color:#3a5272;}
html[data-nm-theme="light"] .nm-card-details,
html[data-theme="light"]    .nm-card-details{background:#e5f0ff;border-color:rgba(0,88,163,.1);}

/* ── Upsell bubble post-ATC ─────────────────────────────── */
.nm-upsell-bubble{
  padding:12px 14px;
  background:rgba(0,229,204,.06);
  border:1px solid rgba(0,229,204,.2);
  border-radius:16px;
  margin:4px 0;
}
.nm-upsell-title{font-size:13px;font-weight:700;color:#e8f4ff;margin-bottom:10px;}
.nm-upsell-cards{display:flex;flex-direction:column;gap:8px;}
.nm-upsell-card{
  display:flex;align-items:center;gap:10px;
  padding:8px 10px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
}
.nm-upsell-card__icon{font-size:20px;flex-shrink:0;}
.nm-upsell-card__body{flex:1;min-width:0;}
.nm-upsell-card__name{font-size:12.5px;font-weight:700;color:#e8f4ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nm-upsell-card__price{font-size:11.5px;color:#00e5cc;font-weight:700;}
.nm-upsell-card__btn{
  padding:6px 12px;border-radius:10px;
  background:linear-gradient(135deg,#0070f3,#00b4d8);
  border:none;color:#fff;font-size:11.5px;font-weight:700;
  cursor:pointer;white-space:nowrap;flex-shrink:0;
  transition:opacity .2s;
}
.nm-upsell-card__btn:hover{opacity:.88;}
.nm-upsell-footer{margin-top:10px;text-align:right;}
/* Light mode */
html[data-nm-theme="light"] .nm-upsell-bubble,
html[data-theme="light"]    .nm-upsell-bubble{background:#eefaf7;border-color:rgba(0,150,136,.2);}
html[data-nm-theme="light"] .nm-upsell-title,
html[data-theme="light"]    .nm-upsell-title{color:#0b2040;}
html[data-nm-theme="light"] .nm-upsell-card,
html[data-theme="light"]    .nm-upsell-card{background:#f5fbff;border-color:rgba(0,88,163,.1);}
html[data-nm-theme="light"] .nm-upsell-card__name,
html[data-theme="light"]    .nm-upsell-card__name{color:#0b2040;}
html[data-nm-theme="light"] .nm-upsell-card__price,
html[data-theme="light"]    .nm-upsell-card__price{color:#006d5b;}

/* ── Quick replies contextuales ─────────────────────────── */
.nm-quick-replies{
  display:flex;flex-wrap:wrap;gap:6px;
  padding:4px 0;
  animation:nmFadeIn .25s ease;
}
.nm-qr-btn{
  padding:7px 13px;
  border-radius:999px;
  background:rgba(92,228,255,.08);
  border:1px solid rgba(92,228,255,.22);
  color:#9fe9ff;
  font-size:12px;font-weight:600;
  cursor:pointer;
  transition:background .18s,border-color .18s,color .18s;
  white-space:nowrap;
}
.nm-qr-btn:hover{
  background:rgba(92,228,255,.18);
  border-color:rgba(92,228,255,.4);
  color:#fff;
}
/* Light mode */
html[data-nm-theme="light"] .nm-qr-btn,
html[data-theme="light"]    .nm-qr-btn{
  background:rgba(0,88,163,.07);
  border-color:rgba(0,88,163,.2);
  color:#0058a3;
}
html[data-nm-theme="light"] .nm-qr-btn:hover,
html[data-theme="light"]    .nm-qr-btn:hover{
  background:rgba(0,88,163,.15);
  border-color:rgba(0,88,163,.4);
  color:#003b82;
}

/* ── Comparativa widget ──────────────────────────────────── */
.nm-compare-widget{
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(110,205,255,.22);
  margin:8px 0;
}
.nm-cw-header{
  padding:12px 16px;
  background:rgba(0,60,120,.5);
  font-size:14px;color:#e8f4ff;
}
.nm-cw-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;}
.nm-cw-col{padding:14px 14px 16px;position:relative;}
.nm-cw-col--a{background:rgba(0,80,160,.18);border-right:1px solid rgba(110,205,255,.15);}
.nm-cw-col--b{background:rgba(0,120,80,.12);}
.nm-cw-name{font-size:14px;font-weight:800;color:#fff;margin-bottom:6px;}
.nm-cw-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px;}
.nm-cw-tag{padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(225,236,255,.8);font-size:10px;font-weight:700;border:1px solid rgba(255,255,255,.1);}
.nm-cw-list,.nm-cw-cons{list-style:none;padding:0;margin:0 0 6px;}
.nm-cw-list li{font-size:11.5px;color:rgba(225,236,255,.85);padding:2px 0;line-height:1.4;}
.nm-cw-cons li{font-size:11.5px;color:rgba(255,200,100,.8);padding:2px 0;line-height:1.4;}
.nm-cw-best{font-size:11px;color:rgba(225,236,255,.6);font-style:italic;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.07);}
.nm-cw-buy{
  display:block;width:100%;margin-top:10px;
  padding:8px;border-radius:10px;
  background:linear-gradient(135deg,#0070f3,#00b4d8);
  border:none;color:#fff;font-size:12px;font-weight:700;
  cursor:pointer;transition:opacity .2s;
}
.nm-cw-buy:hover{opacity:.88;}
.nm-cw-verdict{
  padding:12px 16px;
  background:rgba(255,255,255,.03);
  border-top:1px solid rgba(110,205,255,.12);
  font-size:12.5px;color:rgba(225,236,255,.78);
}
@media(max-width:540px){
  .nm-cw-grid{grid-template-columns:1fr;}
  .nm-cw-col--a{border-right:none;border-bottom:1px solid rgba(110,205,255,.15);}
}
/* Light mode comparativa */
html[data-nm-theme="light"] .nm-compare-widget,
html[data-theme="light"]    .nm-compare-widget{border-color:rgba(0,88,163,.18);}
html[data-nm-theme="light"] .nm-cw-header,
html[data-theme="light"]    .nm-cw-header{background:#d8eaff;color:#0a2040;}
html[data-nm-theme="light"] .nm-cw-col--a,
html[data-theme="light"]    .nm-cw-col--a{background:#eaf2ff;}
html[data-nm-theme="light"] .nm-cw-col--b,
html[data-theme="light"]    .nm-cw-col--b{background:#e8f8f0;}
html[data-nm-theme="light"] .nm-cw-name,
html[data-theme="light"]    .nm-cw-name{color:#0a2040;}
html[data-nm-theme="light"] .nm-cw-list li,
html[data-theme="light"]    .nm-cw-list li{color:#1a3a5c;}
html[data-nm-theme="light"] .nm-cw-cons li,
html[data-theme="light"]    .nm-cw-cons li{color:#8a4800;}
html[data-nm-theme="light"] .nm-cw-verdict,
html[data-theme="light"]    .nm-cw-verdict{color:#3a5272;background:#f5f9ff;}
html[data-nm-theme="light"] .nm-cw-tag,
html[data-theme="light"]    .nm-cw-tag{background:rgba(0,88,163,.08);color:#0058a3;border-color:rgba(0,88,163,.15);}
html[data-nm-theme="light"] .nm-cw-best,
html[data-theme="light"]    .nm-cw-best{color:#4a6285;}

/* ── Home: Objetivos grid ────────────────────────────────── */
.nm-objectives{padding:48px 0 40px;text-align:center;}
.nm-objectives__eyebrow{
  font-size:12px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:#5ce4ff;
  margin-bottom:8px;
}
.nm-objectives__title{
  font-size:clamp(22px,4vw,32px);font-weight:800;
  color:#e8f4ff;margin:0 0 8px;
}
.nm-objectives__sub{
  font-size:15px;color:rgba(225,236,255,.65);
  margin:0 0 32px;
}
.nm-objectives__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  max-width:700px;
  margin:0 auto;
}
@media(max-width:600px){
  .nm-objectives__grid{grid-template-columns:repeat(2,1fr);}
}
.nm-obj-card{
  position:relative;
  display:flex;flex-direction:column;align-items:flex-start;
  padding:16px 16px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(110,205,255,.15);
  cursor:pointer;text-align:left;
  transition:background .2s,border-color .2s,transform .15s;
  overflow:hidden;
}
.nm-obj-card::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(0,180,216,.06),transparent 60%);
  opacity:0;transition:opacity .2s;
}
.nm-obj-card:hover{
  background:rgba(0,130,200,.1);
  border-color:rgba(92,228,255,.35);
  transform:translateY(-2px);
}
.nm-obj-card:hover::before{opacity:1;}
.nm-obj-card--quiz{
  background:rgba(0,112,243,.1);
  border-color:rgba(0,180,255,.22);
}
.nm-obj-card--quiz:hover{
  background:rgba(0,112,243,.2);
  border-color:rgba(0,180,255,.5);
}
.nm-obj-card__icon{font-size:22px;margin-bottom:8px;line-height:1;}
.nm-obj-card__label{
  font-size:14px;font-weight:700;
  color:#e8f4ff;margin-bottom:3px;
  display:block;line-height:1.2;
}
.nm-obj-card__sub{
  font-size:11.5px;color:rgba(225,236,255,.58);
  line-height:1.4;display:block;
}
.nm-obj-card__arrow{
  position:absolute;top:12px;right:14px;
  font-size:14px;color:rgba(92,228,255,.5);
  transition:color .2s,transform .2s;
}
.nm-obj-card:hover .nm-obj-card__arrow{
  color:#5ce4ff;transform:translateX(3px);
}
/* Light mode objectives */
html[data-nm-theme="light"] .nm-objectives__title,
html[data-theme="light"]    .nm-objectives__title{color:#0b2040;}
html[data-nm-theme="light"] .nm-objectives__sub,
html[data-theme="light"]    .nm-objectives__sub{color:#4a6285;}
html[data-nm-theme="light"] .nm-objectives__eyebrow,
html[data-theme="light"]    .nm-objectives__eyebrow{color:#0058a3;}
html[data-nm-theme="light"] .nm-obj-card,
html[data-theme="light"]    .nm-obj-card{background:#eef5ff;border-color:rgba(0,88,163,.14);}
html[data-nm-theme="light"] .nm-obj-card:hover,
html[data-theme="light"]    .nm-obj-card:hover{background:#daeeff;border-color:rgba(0,88,163,.35);}
html[data-nm-theme="light"] .nm-obj-card__label,
html[data-theme="light"]    .nm-obj-card__label{color:#0a2040;}
html[data-nm-theme="light"] .nm-obj-card__sub,
html[data-theme="light"]    .nm-obj-card__sub{color:#4a6285;}
html[data-nm-theme="light"] .nm-obj-card--quiz,
html[data-theme="light"]    .nm-obj-card--quiz{background:#e8f0ff;border-color:rgba(0,88,163,.22);}
html[data-nm-theme="light"] .nm-obj-card__arrow,
html[data-theme="light"]    .nm-obj-card__arrow{color:rgba(0,88,163,.4);}
html[data-nm-theme="light"] .nm-obj-card:hover .nm-obj-card__arrow,
html[data-theme="light"]    .nm-obj-card:hover .nm-obj-card__arrow{color:#0058a3;}

/* ── NM: Ocultar barra sticky producto (nm-sticky-atc) ── */
#nmStickyATC,
.nm-sticky-atc {
  display: none !important;
}

/* ── NM: FAQ — Mejora de contraste (dark + light) ── */

/* DARK MODE — mayor legibilidad */
.nm-faq details,
.product-description .nm-faq details,
.rte .nm-faq details {
  background: rgba(10, 30, 60, 0.85) !important;
  border: 1px solid rgba(120, 210, 255, 0.35) !important;
}
.nm-faq details[open],
.product-description .nm-faq details[open],
.rte .nm-faq details[open] {
  background: rgba(0, 50, 110, 0.75) !important;
  border-color: rgba(110, 205, 255, 0.55) !important;
}
.nm-faq summary,
.product-description .nm-faq summary,
.rte .nm-faq summary {
  color: #ffffff !important;
}
.nm-faq details p,
.nm-faq details > p,
.product-description .nm-faq details p,
.rte .nm-faq details p {
  color: #cee8ff !important;
  border-top-color: rgba(110, 205, 255, 0.22) !important;
}

/* LIGHT MODE — fondo blanco limpio, texto oscuro */
html[data-nm-theme="light"] .nm-faq details,
html[data-nm-theme="light"] .product-description .nm-faq details,
html[data-nm-theme="light"] .rte .nm-faq details,
html[data-theme="light"] .nm-faq details,
html[data-theme="light"] .product-description .nm-faq details,
html[data-theme="light"] .rte .nm-faq details {
  background: #ffffff !important;
  border: 1px solid rgba(0, 80, 160, 0.18) !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.07);
}
html[data-nm-theme="light"] .nm-faq details[open],
html[data-nm-theme="light"] .product-description .nm-faq details[open],
html[data-nm-theme="light"] .rte .nm-faq details[open],
html[data-theme="light"] .nm-faq details[open],
html[data-theme="light"] .product-description .nm-faq details[open],
html[data-theme="light"] .rte .nm-faq details[open] {
  background: #f0f7ff !important;
  border-color: rgba(0, 100, 200, 0.32) !important;
}
html[data-nm-theme="light"] .nm-faq summary,
html[data-nm-theme="light"] .product-description .nm-faq summary,
html[data-nm-theme="light"] .rte .nm-faq summary,
html[data-theme="light"] .nm-faq summary,
html[data-theme="light"] .product-description .nm-faq summary,
html[data-theme="light"] .rte .nm-faq summary {
  color: #08203c !important;
  font-weight: 700 !important;
}
html[data-nm-theme="light"] .nm-faq summary:hover,
html[data-theme="light"] .nm-faq summary:hover {
  color: #005bb5 !important;
}
html[data-nm-theme="light"] .nm-faq summary::after,
html[data-nm-theme="light"] .product-description .nm-faq summary::after,
html[data-nm-theme="light"] .rte .nm-faq summary::after,
html[data-theme="light"] .nm-faq summary::after,
html[data-theme="light"] .product-description .nm-faq summary::after,
html[data-theme="light"] .rte .nm-faq summary::after {
  background: rgba(0, 80, 163, 0.1) !important;
  border-color: rgba(0, 80, 163, 0.3) !important;
  color: #0050a3 !important;
}
html[data-nm-theme="light"] .nm-faq details[open] summary::after,
html[data-nm-theme="light"] .product-description .nm-faq details[open] summary::after,
html[data-nm-theme="light"] .rte .nm-faq details[open] summary::after,
html[data-theme="light"] .nm-faq details[open] summary::after,
html[data-theme="light"] .product-description .nm-faq details[open] summary::after,
html[data-theme="light"] .rte .nm-faq details[open] summary::after {
  background: rgba(0, 88, 163, 0.22) !important;
  border-color: rgba(0, 88, 163, 0.5) !important;
  color: #003b82 !important;
}
html[data-nm-theme="light"] .nm-faq details p,
html[data-nm-theme="light"] .nm-faq details > p,
html[data-nm-theme="light"] .product-description .nm-faq details p,
html[data-nm-theme="light"] .rte .nm-faq details p,
html[data-theme="light"] .nm-faq details p,
html[data-theme="light"] .nm-faq details > p,
html[data-theme="light"] .product-description .nm-faq details p,
html[data-theme="light"] .rte .nm-faq details p {
  color: #0c2240 !important;
  border-top-color: rgba(0, 88, 163, 0.18) !important;
}

/* ── NM: Testimonials placeholder ── */
.nm-testimonials-placeholder { padding: 48px 0; }
.nm-tph {
  text-align: center;
  max-width: 560px;
  margin: 0 auto;
  padding: 48px 32px;
  background: rgba(20,40,70,.5);
  border: 1px solid rgba(110,205,255,.18);
  border-radius: 20px;
}
.nm-tph__eyebrow {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #5cd4ff;
  margin-bottom: 12px;
}
.nm-tph__title {
  font-size: 24px;
  font-weight: 800;
  color: #fff;
  margin: 0 0 12px;
}
.nm-tph__sub {
  font-size: 14px;
  color: rgba(200,230,255,.75);
  line-height: 1.7;
  margin-bottom: 28px;
}
.nm-tph__sub a { color: #5cd4ff; text-decoration: underline; }
.nm-tph__cta {
  display: inline-block;
  padding: 12px 28px;
  background: #00bfff;
  color: #000;
  font-weight: 700;
  border-radius: 50px;
  text-decoration: none;
  font-size: 14px;
}
.nm-tph__cta:hover { background: #33ccff; }

/* Light mode */
html[data-nm-theme="light"] .nm-tph,
html[data-theme="light"] .nm-tph {
  background: #f0f7ff;
  border-color: rgba(0,80,163,.15);
}
html[data-nm-theme="light"] .nm-tph__title,
html[data-theme="light"] .nm-tph__title { color: #08203c; }
html[data-nm-theme="light"] .nm-tph__sub,
html[data-theme="light"] .nm-tph__sub { color: #2d4a6e; }
html[data-nm-theme="light"] .nm-tph__sub a,
html[data-theme="light"] .nm-tph__sub a { color: #0058a3; }

/* ── NM: Home End CTA ── */
.nm-home-endcta {
  padding: 60px 0 48px;
}
.nm-home-endcta__inner {
  text-align: center;
  max-width: 580px;
  margin: 0 auto;
  padding: 48px 32px;
  background: linear-gradient(135deg, rgba(0,80,160,.18), rgba(0,150,200,.1));
  border: 1px solid rgba(110,205,255,.22);
  border-radius: 24px;
}
.nm-home-endcta__title {
  font-size: 28px;
  font-weight: 800;
  color: #fff;
  margin: 0 0 12px;
}
.nm-home-endcta__sub {
  font-size: 15px;
  color: rgba(200,230,255,.8);
  line-height: 1.65;
  margin-bottom: 28px;
}
.nm-home-endcta__actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}
.nm-home-endcta__btn {
  display: inline-block;
  padding: 13px 26px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: opacity .2s, transform .15s;
}
.nm-home-endcta__btn:hover { opacity: .88; transform: translateY(-1px); }
.nm-home-endcta__btn--primary { background: #00bfff; color: #000; }
.nm-home-endcta__btn--ghost {
  background: transparent;
  color: #00bfff;
  border: 1.5px solid rgba(0,191,255,.5);
}
/* Light mode */
html[data-nm-theme="light"] .nm-home-endcta__inner,
html[data-theme="light"] .nm-home-endcta__inner {
  background: #f0f7ff;
  border-color: rgba(0,80,163,.18);
}
html[data-nm-theme="light"] .nm-home-endcta__title,
html[data-theme="light"] .nm-home-endcta__title { color: #08203c; }
html[data-nm-theme="light"] .nm-home-endcta__sub,
html[data-theme="light"] .nm-home-endcta__sub { color: #2d4a6e; }
html[data-nm-theme="light"] .nm-home-endcta__btn--ghost,
html[data-theme="light"] .nm-home-endcta__btn--ghost {
  color: #0050a3;
  border-color: rgba(0,80,163,.4);
}