{"id":3457,"date":"2026-03-11T19:16:24","date_gmt":"2026-03-11T19:16:24","guid":{"rendered":"https:\/\/meteor.com.co\/promocion-minoxidil\/"},"modified":"2026-03-11T23:29:22","modified_gmt":"2026-03-11T23:29:22","slug":"promocion-minoxidil","status":"publish","type":"page","link":"https:\/\/meteor.com.co\/en\/promocion-minoxidil\/","title":{"rendered":"promocion-minoxidil"},"content":{"rendered":"<p><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&#038;family=Syne:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n<style>\n\/* ===== RESET & BASE ===== *\/\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n:root {\n  --black: #080808;\n  --dark: #0e0e0e;\n  --dark2: #141414;\n  --dark3: #1c1c1c;\n  --accent: #62CC48;\n  --accent2: #7ddd63;\n  --accent-dim: rgba(98,204,72,0.15);\n  --white: #ffffff;\n  --off-white: #f0ede8;\n  --gray: #888888;\n  --gray2: #555;\n  --light: #f5f3ef;\n  --light2: #eeebe5;\n  --font-display: 'Cormorant Garamond', Georgia, serif;\n  --font-body: 'Syne', system-ui, sans-serif;\n  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);\n  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);\n}\nhtml {\n  scroll-behavior: smooth;\n}\nbody {\n  font-family: var(--font-body);\n  background: var(--white);\n  color: var(--dark);\n  line-height: 1.6;\n  overflow-x: hidden;\n}\na {\n  text-decoration: none;\n  color: inherit;\n}\n\/* ===== REVEAL ANIMATIONS ===== *\/\n.reveal {\n  transition: opacity 0.75s var(--ease-out), transform 0.75s var(--ease-out);\n}\n.js-ready .reveal {\n  opacity: 0;\n  transform: translateY(36px);\n}\n.js-ready .reveal.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\/* ===== HERO ENTRANCE ===== *\/\n.hero-animate {\n  opacity: 0;\n  transform: translateY(28px);\n  animation: heroIn 0.85s var(--ease-out) forwards;\n  animation-delay: var(--d, 0s);\n}\n@keyframes heroIn {\n  to { opacity: 1; transform: translateY(0); }\n}\n\/* ===== FLOAT ANIMATION ===== *\/\n@keyframes float {\n  0%, 100% { transform: translateY(0px) rotate(0deg); }\n  33% { transform: translateY(-10px) rotate(0.5deg); }\n  66% { transform: translateY(-5px) rotate(-0.3deg); }\n}\n.float-anim {\n  animation: float 5s ease-in-out infinite;\n}\n\/* ===== RIPPLE ===== *\/\n.ripple {\n  position: absolute;\n  border-radius: 50%;\n  background: rgba(255,255,255,0.3);\n  transform: scale(0);\n  animation: rippleAnim 0.6s linear;\n  pointer-events: none;\n}\n@keyframes rippleAnim {\n  to { transform: scale(2.5); opacity: 0; }\n}\n\/* ===== GLOW PULSE ===== *\/\n@keyframes glowPulse {\n  0%, 100% { opacity: 0.5; transform: scale(1); }\n  50% { opacity: 1; transform: scale(1.05); }\n}\n@keyframes scrollLine {\n  0% { height: 0; opacity: 1; }\n  80% { height: 40px; opacity: 1; }\n  100% { height: 40px; opacity: 0; }\n}\n\/* ===== TOPBAR ===== *\/\n.topbar {\n  background: var(--black);\n  color: rgba(98,204,72,0.8);\n  font-size: 11.5px;\n  padding: 8px 0;\n  font-family: var(--font-body);\n  letter-spacing: 0.3px;\n}\n.topbar-inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 24px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.topbar-left,\n.topbar-right {\n  display: flex;\n  gap: 24px;\n  align-items: center;\n}\n.topbar-right a {\n  color: rgba(98,204,72,0.8);\n  font-weight: 500;\n  transition: color 0.2s;\n  letter-spacing: 0.5px;\n}\n.topbar-right a:hover {\n  color: var(--white);\n}\n\/* ===== NAVBAR ===== *\/\n.navbar {\n  background: rgba(14,14,14,0.95);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  padding: 0 24px;\n  position: sticky;\n  top: 0;\n  z-index: 100;\n  border-bottom: 1px solid rgba(255,255,255,0.04);\n  transition: box-shadow 0.3s, border-color 0.3s;\n}\n.navbar.scrolled {\n  box-shadow: 0 4px 30px rgba(0,0,0,0.6);\n  border-bottom-color: rgba(98,204,72,0.1);\n}\n.nav-inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 68px;\n}\n.logo {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.logo-icon {\n  background: var(--accent);\n  color: var(--black);\n  font-weight: 800;\n  font-size: 13px;\n  padding: 6px 10px;\n  border-radius: 5px;\n  letter-spacing: 1.5px;\n  font-family: var(--font-body);\n}\n.logo-text {\n  color: var(--white);\n  font-weight: 600;\n  font-size: 17px;\n  letter-spacing: 0.5px;\n  font-family: var(--font-display);\n  font-size: 20px;\n}\n.nav-links {\n  list-style: none;\n  display: flex;\n  gap: 32px;\n}\n.nav-links a {\n  color: rgba(255,255,255,0.5);\n  font-size: 13px;\n  font-weight: 500;\n  transition: color 0.25s;\n  position: relative;\n  letter-spacing: 0.3px;\n}\n.nav-links a::after {\n  content: '';\n  position: absolute;\n  bottom: -4px;\n  left: 0;\n  width: 0;\n  height: 1.5px;\n  background: var(--accent);\n  border-radius: 2px;\n  transition: width 0.3s var(--ease-out);\n}\n.nav-links a:hover,\n.nav-links a.active {\n  color: var(--white);\n}\n.nav-links a:hover::after,\n.nav-links a.active::after {\n  width: 100%;\n}\n.btn-order {\n  background: var(--accent);\n  color: var(--black);\n  font-weight: 700;\n  font-size: 12px;\n  padding: 10px 22px;\n  border-radius: 5px;\n  letter-spacing: 1.5px;\n  transition: background 0.2s, transform 0.15s, box-shadow 0.2s;\n  font-family: var(--font-body);\n}\n.btn-order:hover {\n  background: var(--accent2);\n  transform: translateY(-2px);\n  box-shadow: 0 6px 20px rgba(98,204,72,0.35);\n}\n\/* ===== HERO ===== *\/\n.hero {\n  background: linear-gradient(150deg, #0a0a0a 0%, #111110 50%, #0f0f0a 100%);\n  min-height: 92vh;\n  display: flex;\n  align-items: center;\n  position: relative;\n  overflow: hidden;\n}\n\/* Grain texture *\/\n.hero-noise {\n  position: absolute;\n  inset: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'\/%3E%3C\/svg%3E\");\n  opacity: 0.028;\n  pointer-events: none;\n  z-index: 0;\n}\n\/* Subtle grid lines *\/\n.hero-grid-lines {\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(rgba(98,204,72,0.04) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(98,204,72,0.04) 1px, transparent 1px);\n  background-size: 80px 80px;\n  pointer-events: none;\n  z-index: 0;\n}\n.hero::before {\n  content: '';\n  position: absolute;\n  top: -300px;\n  right: -200px;\n  width: 800px;\n  height: 800px;\n  background: radial-gradient(circle, rgba(98,204,72,0.07) 0%, transparent 65%);\n  pointer-events: none;\n  z-index: 0;\n}\n.hero-inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 90px 24px;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 60px;\n  align-items: center;\n  width: 100%;\n  position: relative;\n  z-index: 1;\n}\n.hero-tag {\n  color: var(--accent);\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  margin-bottom: 18px;\n  font-family: var(--font-body);\n}\n.hero h1 {\n  font-size: 64px;\n  font-weight: 700;\n  color: var(--white);\n  line-height: 1.1;\n  margin-bottom: 22px;\n  font-family: var(--font-display);\n  font-style: italic;\n  letter-spacing: -0.5px;\n}\n.accent-word {\n  color: var(--accent);\n  font-style: normal;\n  font-weight: 600;\n  position: relative;\n}\n.hero-desc {\n  color: rgba(255,255,255,0.5);\n  font-size: 15px;\n  line-height: 1.75;\n  margin-bottom: 38px;\n  max-width: 460px;\n  font-weight: 400;\n}\n.hero-buttons {\n  display: flex;\n  gap: 16px;\n  margin-bottom: 52px;\n  align-items: center;\n}\n.btn-primary {\n  background: var(--accent);\n  color: var(--black);\n  font-weight: 700;\n  font-size: 12px;\n  padding: 14px 30px;\n  border-radius: 5px;\n  letter-spacing: 1.5px;\n  transition: background 0.2s, transform 0.15s, box-shadow 0.2s;\n  display: inline-block;\n  font-family: var(--font-body);\n  position: relative;\n  overflow: hidden;\n}\n.btn-primary:hover {\n  background: var(--accent2);\n  transform: translateY(-2px);\n  box-shadow: 0 8px 28px rgba(98,204,72,0.4);\n}\n.btn-ghost {\n  color: rgba(255,255,255,0.7);\n  font-weight: 500;\n  font-size: 13px;\n  padding: 14px 24px;\n  transition: color 0.2s;\n  letter-spacing: 0.3px;\n}\n.btn-ghost:hover {\n  color: var(--white);\n}\n.hero-stats {\n  display: flex;\n  align-items: center;\n  gap: 28px;\n}\n.stat {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n}\n.stat-num {\n  font-size: 34px;\n  font-weight: 800;\n  color: var(--accent);\n  font-family: var(--font-body);\n  line-height: 1;\n  display: inline;\n}\n.stat-unit {\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--accent);\n  font-family: var(--font-body);\n}\n.stat-label {\n  font-size: 11px;\n  color: rgba(255,255,255,0.35);\n  font-weight: 500;\n  letter-spacing: 0.5px;\n  margin-top: 3px;\n}\n.stat-divider {\n  width: 1px;\n  height: 44px;\n  background: rgba(255,255,255,0.08);\n}\n\/* \u2500\u2500 Hero Product Visual \u2500\u2500 *\/\n.hero-image {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n}\n.hero-glow {\n  position: absolute;\n  width: 380px;\n  height: 380px;\n  background: radial-gradient(circle, rgba(98,204,72,0.12) 0%, transparent 70%);\n  border-radius: 50%;\n  animation: glowPulse 4s ease-in-out infinite;\n}\n.hero-glow-2 {\n  width: 260px;\n  height: 260px;\n  background: radial-gradient(circle, rgba(98,204,72,0.08) 0%, transparent 70%);\n  animation-delay: -2s;\n}\n.hero-circle-accent {\n  position: absolute;\n  width: 440px;\n  height: 440px;\n  border: 1px solid rgba(98,204,72,0.08);\n  border-radius: 50%;\n  pointer-events: none;\n}\n.product-card-3d {\n  display: flex;\n  align-items: flex-end;\n  gap: 24px;\n  position: relative;\n  z-index: 1;\n}\n.product-box {\n  background: linear-gradient(160deg, #1a1a1a 0%, #0c0c0c 100%);\n  border: 1px solid rgba(255,255,255,0.06);\n  border-radius: 14px;\n  width: 160px;\n  height: 220px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 20px;\n  box-shadow: 0 24px 60px rgba(0,0,0,0.7), 0 0 0 1px rgba(98,204,72,0.18), inset 0 1px 0 rgba(255,255,255,0.04);\n  position: relative;\n  overflow: hidden;\n  transition: transform 0.3s var(--ease-out), box-shadow 0.3s;\n}\n.product-box:hover {\n  box-shadow: 0 30px 80px rgba(0,0,0,0.8), 0 0 0 1px rgba(98,204,72,0.35), 0 0 40px rgba(98,204,72,0.1);\n}\n\/* Scan line effect *\/\n.box-scan {\n  position: absolute;\n  top: -100%;\n  left: 0;\n  right: 0;\n  height: 40%;\n  background: linear-gradient(180deg, transparent, rgba(98,204,72,0.03), transparent);\n  animation: scanLine 4s ease-in-out infinite;\n}\n@keyframes scanLine {\n  0% { top: -40%; }\n  100% { top: 110%; }\n}\n\/* Corner accents *\/\n.box-corner {\n  position: absolute;\n  width: 12px;\n  height: 12px;\n  border-color: rgba(98,204,72,0.4);\n  border-style: solid;\n}\n.box-corner.tl { top: 8px; left: 8px; border-width: 1px 0 0 1px; }\n.box-corner.tr { top: 8px; right: 8px; border-width: 1px 1px 0 0; }\n.box-corner.bl { bottom: 8px; left: 8px; border-width: 0 0 1px 1px; }\n.box-corner.br { bottom: 8px; right: 8px; border-width: 0 1px 1px 0; }\n.box-top {\n  background: var(--accent);\n  color: var(--black);\n  font-weight: 800;\n  font-size: 14px;\n  padding: 3px 14px;\n  border-radius: 20px;\n  letter-spacing: 2px;\n  font-family: var(--font-body);\n}\n.box-brand {\n  color: var(--white);\n  font-size: 17px;\n  font-weight: 400;\n  font-family: var(--font-display);\n  font-style: italic;\n}\n.box-forte {\n  color: var(--accent);\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 1.5px;\n  font-family: var(--font-body);\n}\n.box-sub {\n  color: rgba(255,255,255,0.25);\n  font-size: 10px;\n  text-align: center;\n  letter-spacing: 0.5px;\n}\n.product-bottle {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.bottle-cap {\n  width: 32px;\n  height: 42px;\n  background: linear-gradient(180deg, #d8d8d8, #b0b0b0);\n  border-radius: 6px 6px 0 0;\n  box-shadow: inset -2px 0 5px rgba(0,0,0,0.25);\n}\n.bottle-body {\n  width: 92px;\n  height: 268px;\n  background: linear-gradient(160deg, #1a1a1a 0%, #0a0a0a 100%);\n  border-radius: 8px;\n  border: 1px solid rgba(255,255,255,0.06);\n  box-shadow: 0 24px 60px rgba(0,0,0,0.7), 0 0 0 1px rgba(98,204,72,0.12), inset 0 1px 0 rgba(255,255,255,0.04);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  transition: box-shadow 0.3s;\n}\n.bottle-body:hover {\n  box-shadow: 0 24px 60px rgba(0,0,0,0.7), 0 0 0 1px rgba(98,204,72,0.3), 0 0 30px rgba(98,204,72,0.08);\n}\n.bottle-sheen {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 30%;\n  height: 100%;\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.02), transparent);\n  pointer-events: none;\n}\n.bottle-label {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  background: rgba(98,204,72,0.07);\n  border: 1px solid rgba(98,204,72,0.25);\n  border-radius: 6px;\n  padding: 12px 10px;\n  width: 72px;\n}\n.bl-brand {\n  color: var(--accent);\n  font-weight: 800;\n  font-size: 15px;\n  font-family: var(--font-body);\n  letter-spacing: 1px;\n}\n.bl-name {\n  color: var(--white);\n  font-size: 10px;\n  font-weight: 600;\n  font-family: var(--font-body);\n}\n.bl-forte {\n  color: rgba(98,204,72,0.7);\n  font-size: 9px;\n  letter-spacing: 0.5px;\n}\n.floating-badge {\n  position: absolute;\n  background: var(--accent);\n  color: var(--black);\n  font-size: 10px;\n  font-weight: 700;\n  padding: 6px 14px;\n  border-radius: 20px;\n  letter-spacing: 0.8px;\n  box-shadow: 0 4px 20px rgba(98,204,72,0.5);\n  font-family: var(--font-body);\n  animation: float 5s ease-in-out infinite;\n}\n.badge-1 {\n  top: 20px;\n  right: -10px;\n  animation-delay: -2s;\n}\n.badge-2 {\n  bottom: 30px;\n  left: -20px;\n  animation-delay: -3.5s;\n}\n\/* Hero scroll hint *\/\n.hero-scroll-hint {\n  position: absolute;\n  bottom: 32px;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  z-index: 1;\n  opacity: 0;\n  animation: heroIn 1s var(--ease-out) 1.2s forwards;\n}\n.hero-scroll-hint span {\n  font-size: 10px;\n  letter-spacing: 2px;\n  color: rgba(255,255,255,0.2);\n  text-transform: uppercase;\n  font-family: var(--font-body);\n}\n.scroll-line {\n  width: 1px;\n  height: 40px;\n  background: linear-gradient(to bottom, rgba(98,204,72,0.6), transparent);\n  animation: scrollLine 2s ease-in-out 1.2s infinite;\n}\n\/* ===== BANNER ===== *\/\n.banner {\n  background: var(--black);\n  border-top: 1px solid rgba(98,204,72,0.25);\n  border-bottom: 1px solid rgba(98,204,72,0.25);\n  padding: 22px 24px;\n}\n.banner-inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.banner-left {\n  display: flex;\n  align-items: center;\n  gap: 24px;\n  color: var(--white);\n}\n.banner-left p {\n  font-size: 14px;\n  color: rgba(255,255,255,0.6);\n  font-family: var(--font-body);\n}\n.banner-left strong {\n  font-size: 15px;\n  color: var(--accent);\n}\n.mini-bottle {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.mini-cap {\n  width: 14px;\n  height: 18px;\n  background: #bbb;\n  border-radius: 3px 3px 0 0;\n}\n.mini-body {\n  width: 40px;\n  height: 72px;\n  background: linear-gradient(180deg, #1a1a1a, #0a0a0a);\n  border: 1px solid rgba(98,204,72,0.3);\n  border-radius: 4px;\n}\n.btn-banner {\n  background: transparent;\n  border: 1px solid rgba(98,204,72,0.5);\n  color: var(--accent);\n  font-weight: 600;\n  font-size: 12px;\n  padding: 10px 26px;\n  border-radius: 5px;\n  letter-spacing: 1.5px;\n  transition: background 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n  font-family: var(--font-body);\n}\n.btn-banner:hover {\n  background: var(--accent);\n  color: var(--black);\n  border-color: var(--accent);\n  box-shadow: 0 4px 20px rgba(98,204,72,0.35);\n}\n\/* ===== BENEFITS ===== *\/\n.benefits {\n  padding: 100px 24px;\n  background: var(--white);\n}\n.section-inner {\n  max-width: 1200px;\n  margin: 0 auto;\n}\n.section-tag {\n  color: var(--accent);\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  text-align: center;\n  display: block;\n  margin-bottom: 10px;\n  font-family: var(--font-body);\n}\n.section-title {\n  font-size: 44px;\n  font-weight: 700;\n  text-align: center;\n  color: var(--dark);\n  margin-bottom: 14px;\n  font-family: var(--font-display);\n  font-style: italic;\n  letter-spacing: -0.5px;\n  line-height: 1.1;\n}\n.section-title.light {\n  color: var(--white);\n}\n.title-line {\n  width: 40px;\n  height: 2px;\n  background: var(--accent);\n  margin: 0 auto 56px;\n  border-radius: 2px;\n}\n.benefits-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n}\n.benefit-card {\n  text-align: center;\n  padding: 38px 24px;\n  border-radius: 18px;\n  background: var(--white);\n  border: 1px solid rgba(0,0,0,0.06);\n  box-shadow: 0 2px 16px rgba(0,0,0,0.05);\n  transition: box-shadow 0.35s var(--ease-out);\n  position: relative;\n  overflow: hidden;\n  transform-style: preserve-3d;\n  will-change: transform;\n}\n.card-glow-border {\n  position: absolute;\n  inset: 0;\n  border-radius: 18px;\n  border: 1px solid transparent;\n  background: linear-gradient(135deg, rgba(98,204,72,0), rgba(98,204,72,0.3), rgba(98,204,72,0)) border-box;\n  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n  -webkit-mask-composite: destination-out;\n  mask-composite: exclude;\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n.benefit-card:hover .card-glow-border {\n  opacity: 1;\n}\n.benefit-card:hover {\n  box-shadow: 0 16px 50px rgba(0,0,0,0.12), 0 0 40px rgba(98,204,72,0.06);\n}\n.benefit-icon {\n  font-size: 38px;\n  margin-bottom: 18px;\n  display: block;\n}\n.benefit-card h3 {\n  font-size: 17px;\n  font-weight: 700;\n  margin-bottom: 12px;\n  color: var(--dark);\n  font-family: var(--font-display);\n  letter-spacing: 0.3px;\n}\n.benefit-card p {\n  font-size: 13.5px;\n  color: var(--gray);\n  line-height: 1.65;\n}\n\/* ===== PRODUCT DETAIL ===== *\/\n.product-detail {\n  padding: 100px 24px;\n  background: var(--light);\n}\n.product-detail-inner {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 90px;\n  align-items: center;\n}\n.pd-image {\n  display: flex;\n  justify-content: center;\n}\n.pd-product-visual {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.pd-ring {\n  position: absolute;\n  width: 300px;\n  height: 300px;\n  border: 1px solid rgba(98,204,72,0.1);\n  border-radius: 50%;\n  pointer-events: none;\n}\n.pd-bottle-big {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  filter: drop-shadow(0 24px 48px rgba(0,0,0,0.18));\n  position: relative;\n  z-index: 1;\n}\n.pd-cap-big {\n  width: 52px;\n  height: 62px;\n  background: linear-gradient(180deg, #e8e8e8, #aaaaaa);\n  border-radius: 10px 10px 0 0;\n  box-shadow: inset -3px 0 6px rgba(0,0,0,0.2);\n}\n.pd-body-big {\n  width: 152px;\n  height: 368px;\n  background: linear-gradient(160deg, #1c1c1c 0%, #090909 100%);\n  border-radius: 12px;\n  border: 1px solid rgba(255,255,255,0.06);\n  box-shadow: 0 0 0 1px rgba(98,204,72,0.15), 0 30px 80px rgba(0,0,0,0.35);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n}\n.pd-sheen {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 25%;\n  height: 100%;\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.025), transparent);\n}\n.pd-label-big {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  border: 1px solid rgba(98,204,72,0.35);\n  border-radius: 8px;\n  padding: 22px 16px;\n  background: rgba(98,204,72,0.04);\n  width: 114px;\n}\n.pd-mk {\n  color: var(--accent);\n  font-weight: 900;\n  font-size: 24px;\n  letter-spacing: 2px;\n  font-family: var(--font-body);\n}\n.pd-name {\n  color: var(--white);\n  font-weight: 400;\n  font-size: 15px;\n  font-family: var(--font-display);\n  font-style: italic;\n}\n.pd-forte {\n  color: rgba(98,204,72,0.8);\n  font-size: 11px;\n  letter-spacing: 1.5px;\n  font-family: var(--font-body);\n}\n.pd-vol {\n  color: rgba(255,255,255,0.25);\n  font-size: 10px;\n  margin-top: 4px;\n  letter-spacing: 0.5px;\n}\n.pd-pills {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n.pill {\n  position: absolute;\n  width: 16px;\n  height: 8px;\n  border-radius: 10px;\n  background: linear-gradient(135deg, var(--accent), #3a8a28);\n  opacity: 0.5;\n}\n.p1 { top: 10%; left: 5%; transform: rotate(30deg); }\n.p2 { top: 20%; right: 5%; transform: rotate(-20deg); }\n.p3 { bottom: 15%; left: 10%; transform: rotate(60deg); }\n.p4 { bottom: 25%; right: 8%; transform: rotate(-45deg); }\n.pd-content .section-tag,\n.pd-content .section-title {\n  text-align: left;\n}\n.pd-tag-italic {\n  color: var(--accent);\n  font-style: italic;\n  font-size: 16px;\n  margin-bottom: 6px;\n  font-family: var(--font-display);\n}\n.pd-subtitle {\n  font-size: 26px;\n  font-weight: 700;\n  color: var(--dark);\n  margin-bottom: 30px;\n  font-family: var(--font-display);\n  font-style: italic;\n  line-height: 1.2;\n}\n.pd-features {\n  display: flex;\n  flex-direction: column;\n  gap: 22px;\n  margin-bottom: 36px;\n}\n.pd-feature {\n  display: flex;\n  gap: 16px;\n  align-items: flex-start;\n}\n.pd-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--accent);\n  margin-top: 7px;\n  flex-shrink: 0;\n  box-shadow: 0 0 8px rgba(98,204,72,0.5);\n}\n.pd-feature strong {\n  display: block;\n  font-size: 14px;\n  font-weight: 700;\n  margin-bottom: 4px;\n  color: var(--dark);\n  font-family: var(--font-body);\n  letter-spacing: 0.2px;\n}\n.pd-feature p {\n  font-size: 13px;\n  color: var(--gray);\n  line-height: 1.65;\n}\n.pd-promo {\n  display: flex;\n  align-items: center;\n  gap: 24px;\n  flex-wrap: wrap;\n}\n.pd-promo p {\n  font-size: 13px;\n  color: var(--dark);\n}\n.highlight {\n  color: var(--accent);\n  font-weight: 700;\n}\n\/* ===== HOW IT WORKS ===== *\/\n.how-it-works {\n  background: linear-gradient(150deg, #0a0a0a 0%, #0f0f0a 100%);\n  padding: 100px 24px;\n  position: relative;\n  overflow: hidden;\n}\n.how-it-works::before {\n  content: '';\n  position: absolute;\n  bottom: -200px;\n  left: -200px;\n  width: 600px;\n  height: 600px;\n  background: radial-gradient(circle, rgba(98,204,72,0.06) 0%, transparent 65%);\n  pointer-events: none;\n}\n.how-inner {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 90px;\n  align-items: center;\n  position: relative;\n  z-index: 1;\n}\n.video-thumb {\n  border-radius: 18px;\n  overflow: hidden;\n  position: relative;\n  aspect-ratio: 16\/10;\n  background: var(--dark2);\n  border: 1px solid rgba(255,255,255,0.06);\n  cursor: pointer;\n  transition: transform 0.3s var(--ease-out), box-shadow 0.3s;\n}\n.video-thumb:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 24px 60px rgba(0,0,0,0.5), 0 0 0 1px rgba(98,204,72,0.2);\n}\n.video-img-placeholder {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  color: rgba(255,255,255,0.2);\n  font-size: 13px;\n}\n.video-hair-icon {\n  font-size: 56px;\n}\n.video-overlay {\n  position: absolute;\n  inset: 0;\n  background: rgba(0,0,0,0.45);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background 0.25s;\n}\n.video-overlay:hover {\n  background: rgba(0,0,0,0.2);\n}\n.play-btn {\n  width: 68px;\n  height: 68px;\n  background: var(--accent);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 22px;\n  color: var(--black);\n  padding-left: 4px;\n  box-shadow: 0 0 0 10px rgba(98,204,72,0.15), 0 0 40px rgba(98,204,72,0.5);\n  transition: transform 0.2s, box-shadow 0.2s;\n}\n.video-overlay:hover .play-btn {\n  transform: scale(1.1);\n  box-shadow: 0 0 0 16px rgba(98,204,72,0.1), 0 0 50px rgba(98,204,72,0.6);\n}\n.how-content .section-tag {\n  text-align: left;\n}\n.how-content .section-title {\n  text-align: left;\n  margin-bottom: 28px;\n}\n.how-desc {\n  color: rgba(255,255,255,0.45);\n  font-size: 14.5px;\n  line-height: 1.85;\n  margin-bottom: 20px;\n}\n.btn-outline-white {\n  display: inline-block;\n  color: var(--accent);\n  border: 1px solid rgba(98,204,72,0.4);\n  padding: 12px 28px;\n  border-radius: 5px;\n  font-weight: 600;\n  font-size: 12px;\n  margin-top: 8px;\n  transition: background 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;\n  letter-spacing: 1px;\n  font-family: var(--font-body);\n}\n.btn-outline-white:hover {\n  background: var(--accent);\n  color: var(--black);\n  border-color: var(--accent);\n  box-shadow: 0 4px 20px rgba(98,204,72,0.35);\n}\n\/* ===== INGREDIENTS ===== *\/\n.ingredients {\n  padding: 100px 24px;\n  background: var(--white);\n}\n.ing-grid {\n  display: grid;\n  grid-template-columns: 1fr auto 1fr;\n  gap: 48px;\n  align-items: center;\n}\n.ing-col {\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n}\n.ing-item {\n  display: flex;\n  gap: 16px;\n  align-items: flex-start;\n  padding: 20px;\n  border-radius: 12px;\n  transition: background 0.25s, transform 0.25s var(--ease-out);\n}\n.ing-item:hover {\n  background: rgba(98,204,72,0.04);\n  transform: translateX(4px);\n}\n.ing-col:last-child .ing-item:hover {\n  transform: translateX(-4px);\n}\n.ing-icon {\n  font-size: 26px;\n  flex-shrink: 0;\n}\n.ing-item h4 {\n  font-size: 14px;\n  font-weight: 700;\n  margin-bottom: 6px;\n  color: var(--dark);\n  font-family: var(--font-body);\n}\n.ing-item p {\n  font-size: 13px;\n  color: var(--gray);\n  line-height: 1.65;\n}\n.ing-center {\n  display: flex;\n  justify-content: center;\n  padding: 0 24px;\n}\n.ing-bottle {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  filter: drop-shadow(0 12px 32px rgba(0,0,0,0.12));\n}\n.ing-cap {\n  width: 36px;\n  height: 46px;\n  background: linear-gradient(180deg, #e0e0e0, #b0b0b0);\n  border-radius: 6px 6px 0 0;\n}\n.ing-body {\n  width: 112px;\n  height: 266px;\n  background: linear-gradient(160deg, #1c1c1c, #080808);\n  border-radius: 8px;\n  border: 1px solid rgba(255,255,255,0.06);\n  box-shadow: 0 0 0 1px rgba(98,204,72,0.18);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.ing-label {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  border: 1px solid rgba(98,204,72,0.28);\n  border-radius: 6px;\n  padding: 14px 10px;\n  background: rgba(98,204,72,0.04);\n  width: 82px;\n}\n.ing-label span:nth-child(1) {\n  color: var(--accent);\n  font-weight: 900;\n  font-size: 18px;\n  font-family: var(--font-body);\n  letter-spacing: 1px;\n}\n.ing-label span:nth-child(2) {\n  color: var(--white);\n  font-size: 10px;\n  font-weight: 600;\n  font-family: var(--font-display);\n  font-style: italic;\n}\n.ing-label span:nth-child(3) {\n  color: rgba(98,204,72,0.7);\n  font-size: 9px;\n  letter-spacing: 0.5px;\n}\n\/* ===== TESTIMONIALS ===== *\/\n.testimonials {\n  padding: 100px 24px;\n  background: var(--light);\n}\n.testi-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 28px;\n  align-items: start;\n}\n.testi-card {\n  background: var(--white);\n  border-radius: 18px;\n  padding: 34px;\n  border: 1px solid rgba(0,0,0,0.06);\n  box-shadow: 0 2px 16px rgba(0,0,0,0.05);\n  transition: transform 0.3s var(--ease-out), box-shadow 0.3s;\n}\n.testi-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 16px 50px rgba(0,0,0,0.1);\n}\n.testi-card.featured {\n  border-color: rgba(98,204,72,0.3);\n  box-shadow: 0 8px 30px rgba(98,204,72,0.1);\n  transform: translateY(-10px);\n}\n.testi-card.featured:hover {\n  transform: translateY(-14px);\n  box-shadow: 0 20px 60px rgba(98,204,72,0.18);\n}\n.stars {\n  color: var(--accent);\n  font-size: 16px;\n  margin-bottom: 18px;\n  letter-spacing: 3px;\n}\n.testi-card p {\n  font-size: 14px;\n  color: var(--gray);\n  line-height: 1.75;\n  margin-bottom: 26px;\n  font-style: italic;\n  font-family: var(--font-display);\n  font-size: 16px;\n}\n.testi-author {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.testi-avatar {\n  width: 44px;\n  height: 44px;\n  background: var(--accent);\n  color: var(--black);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 12px;\n  flex-shrink: 0;\n  font-family: var(--font-body);\n  letter-spacing: 0.5px;\n}\n.testi-author strong {\n  display: block;\n  font-size: 13px;\n  color: var(--dark);\n  font-family: var(--font-body);\n}\n.testi-author span {\n  font-size: 11.5px;\n  color: var(--gray);\n  letter-spacing: 0.3px;\n}\n\/* ===== ORDER CTA ===== *\/\n.order-cta {\n  background: linear-gradient(150deg, #0a0a0a 0%, #0f0f0a 100%);\n  padding: 100px 24px;\n  position: relative;\n  overflow: hidden;\n}\n.order-cta::before {\n  content: '';\n  position: absolute;\n  top: -200px;\n  right: -200px;\n  width: 600px;\n  height: 600px;\n  background: radial-gradient(circle, rgba(98,204,72,0.06) 0%, transparent 65%);\n  pointer-events: none;\n}\n.order-inner {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 90px;\n  align-items: center;\n  position: relative;\n  z-index: 1;\n}\n.order-text p {\n  color: rgba(255,255,255,0.45);\n  font-size: 15px;\n  margin: 16px 0;\n}\n.order-list {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  margin-top: 24px;\n}\n.order-list li {\n  color: rgba(255,255,255,0.5);\n  font-size: 14px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.check {\n  color: var(--accent);\n  font-weight: 700;\n  font-size: 13px;\n}\n.order-box {\n  background: rgba(255,255,255,0.025);\n  border: 1px solid rgba(98,204,72,0.2);\n  border-radius: 22px;\n  padding: 42px;\n  position: relative;\n  overflow: hidden;\n  backdrop-filter: blur(10px);\n  transition: border-color 0.3s, box-shadow 0.3s;\n}\n.order-box:hover {\n  border-color: rgba(98,204,72,0.35);\n  box-shadow: 0 0 60px rgba(98,204,72,0.07);\n}\n.order-box-glow {\n  position: absolute;\n  top: -80px;\n  right: -80px;\n  width: 240px;\n  height: 240px;\n  background: radial-gradient(circle, rgba(98,204,72,0.06) 0%, transparent 70%);\n  pointer-events: none;\n}\n.price-tag {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 8px;\n}\n.old-price {\n  font-size: 17px;\n  color: rgba(255,255,255,0.2);\n  text-decoration: line-through;\n  font-family: var(--font-body);\n}\n.new-price {\n  font-size: 40px;\n  font-weight: 800;\n  color: var(--accent);\n  font-family: var(--font-body);\n  line-height: 1;\n}\n.discount-badge {\n  background: var(--accent);\n  color: var(--black);\n  font-size: 11px;\n  font-weight: 800;\n  padding: 4px 12px;\n  border-radius: 20px;\n  letter-spacing: 0.5px;\n  font-family: var(--font-body);\n}\n.price-label {\n  color: rgba(255,255,255,0.3);\n  font-size: 12px;\n  margin-bottom: 30px;\n  letter-spacing: 0.3px;\n}\n.order-form {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n.input-wrap {\n  position: relative;\n}\n.order-form input {\n  background: rgba(255,255,255,0.04);\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 8px;\n  padding: 14px 18px;\n  color: var(--white);\n  font-size: 14px;\n  font-family: var(--font-body);\n  outline: none;\n  transition: border-color 0.25s, background 0.25s;\n  width: 100%;\n}\n.order-form input::placeholder {\n  color: rgba(255,255,255,0.2);\n}\n.order-form input:focus {\n  border-color: rgba(98,204,72,0.5);\n  background: rgba(98,204,72,0.03);\n}\n.input-line {\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  width: 0;\n  height: 2px;\n  background: var(--accent);\n  border-radius: 2px;\n  transition: width 0.3s var(--ease-out), left 0.3s var(--ease-out);\n}\n.input-wrap:focus-within .input-line {\n  width: 100%;\n  left: 0;\n}\n.btn-order-now {\n  background: var(--accent);\n  color: var(--black);\n  font-weight: 800;\n  font-size: 13px;\n  padding: 16px;\n  border-radius: 8px;\n  border: none;\n  cursor: pointer;\n  letter-spacing: 1.5px;\n  font-family: var(--font-body);\n  transition: background 0.2s, transform 0.15s, box-shadow 0.2s;\n  margin-top: 4px;\n  position: relative;\n  overflow: hidden;\n}\n.btn-order-now:hover {\n  background: var(--accent2);\n  transform: translateY(-2px);\n  box-shadow: 0 8px 30px rgba(98,204,72,0.45);\n}\n\/* ===== FOOTER ===== *\/\n.footer {\n  background: var(--black);\n  padding: 64px 24px 0;\n}\n.footer-inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 2fr 1fr 1fr 1fr;\n  gap: 40px;\n  padding-bottom: 52px;\n  border-bottom: 1px solid rgba(255,255,255,0.06);\n}\n.footer-brand p {\n  color: rgba(255,255,255,0.3);\n  font-size: 13px;\n  line-height: 1.75;\n  margin-top: 16px;\n  max-width: 260px;\n}\n.footer-links h4,\n.footer-contact h4 {\n  color: var(--white);\n  font-size: 12px;\n  font-weight: 700;\n  margin-bottom: 18px;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  font-family: var(--font-body);\n}\n.footer-links ul {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.footer-links a {\n  color: rgba(255,255,255,0.3);\n  font-size: 13px;\n  transition: color 0.2s;\n}\n.footer-links a:hover {\n  color: var(--accent);\n}\n.footer-contact p {\n  color: rgba(255,255,255,0.3);\n  font-size: 13px;\n  margin-bottom: 9px;\n}\n.footer-bottom {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 22px 0;\n  text-align: center;\n}\n.footer-bottom p {\n  color: rgba(255,255,255,0.15);\n  font-size: 11.5px;\n  letter-spacing: 0.3px;\n}\n\/* ===== HAMBURGER ===== *\/\n.nav-hamburger {\n  display: none;\n  flex-direction: column;\n  gap: 0;\n  cursor: pointer;\n  padding: 0;\n  background: none;\n  border: none;\n}\n.nav-hamburger span {\n  display: block;\n  width: 20px;\n  height: 2px;\n  background: var(--white);\n  border-radius: 2px;\n  transition: transform 0.3s, opacity 0.3s;\n}\n.nav-hamburger.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }\n.nav-hamburger.open span:nth-child(2) { opacity: 0; }\n.nav-hamburger.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }\n\/* ===== TABLET (max 1024px) ===== *\/\n@media (max-width: 1024px) {\n  .hero h1 { font-size: 52px; }\n  .benefits-grid { grid-template-columns: repeat(2, 1fr); }\n  .ing-grid { grid-template-columns: 1fr; gap: 20px; }\n  .ing-center { display: none; }\n  .testi-grid { grid-template-columns: 1fr 1fr; gap: 20px; }\n  .testi-card.featured { transform: none; }\n  .order-inner { gap: 50px; }\n  .footer-inner { grid-template-columns: 1fr 1fr; gap: 32px; }\n  .footer-brand { grid-column: 1 \/ -1; }\n}\n\/* ===== MOBILE (max 768px) ===== *\/\n@media (max-width: 768px) {\n  \/* Topbar *\/\n  .topbar-inner { flex-direction: column; gap: 4px; text-align: center; }\n  .topbar-left, .topbar-right { flex-direction: column; gap: 2px; align-items: center; }\n  \/* Navbar hamburger *\/\n  .nav-hamburger { display: flex; }\n  .nav-links {\n    display: none;\n    position: absolute;\n    top: 68px;\n    left: 0;\n    right: 0;\n    background: rgba(10,10,10,0.98);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    flex-direction: column;\n    gap: 0;\n    padding: 12px 0;\n    border-bottom: 1px solid rgba(98,204,72,0.12);\n  }\n  .nav-links.open { display: flex; }\n  .nav-links li { width: 100%; }\n  .nav-links a { display: block; padding: 14px 24px; font-size: 14px; }\n  .nav-links a::after { display: none; }\n  .btn-order { display: none; }\n  \/* Hero *\/\n  .hero-inner {\n    grid-template-columns: 1fr;\n    gap: 40px;\n    padding: 60px 20px 80px;\n    text-align: center;\n  }\n  .hero h1 { font-size: 40px; }\n  .hero-tag { text-align: center; }\n  .hero-desc { max-width: 100%; margin-left: auto; margin-right: auto; }\n  .hero-buttons { justify-content: center; flex-wrap: wrap; }\n  .hero-stats { justify-content: center; gap: 12px; }\n  .hero-image { order: -1; }\n  .hero-circle-accent { width: 280px; height: 280px; }\n  .hero-glow { width: 240px; height: 240px; }\n  \/* Sections padding *\/\n  .benefits, .product-detail, .how-it-works, .ingredients,\n  .testimonials, .order-cta { padding: 60px 20px; }\n  .footer { padding: 48px 20px 0; }\n  \/* Typography *\/\n  .section-title { font-size: 30px; }\n  \/* Benefits *\/\n  .benefits-grid { grid-template-columns: 1fr; gap: 14px; }\n  .benefit-card { padding: 28px 20px; }\n  \/* Product detail *\/\n  .product-detail-inner { grid-template-columns: 1fr; gap: 40px; }\n  .pd-content .section-tag,\n  .pd-content .section-title,\n  .pd-tag-italic,\n  .pd-subtitle { text-align: center; }\n  .pd-content .title-line { margin: 0 auto 20px; }\n  \/* How it works *\/\n  .how-inner { grid-template-columns: 1fr; gap: 40px; }\n  .how-content .section-tag,\n  .how-content .section-title { text-align: center; }\n  .how-content .title-line { margin: 0 auto 28px; }\n  .btn-outline-white { display: block; text-align: center; }\n  \/* Ingredients *\/\n  .ing-grid { grid-template-columns: 1fr; }\n  .ing-center { display: none; }\n  \/* Testimonials *\/\n  .testi-grid { grid-template-columns: 1fr; gap: 16px; }\n  .testi-card.featured { transform: none; }\n  \/* Order CTA *\/\n  .order-inner { grid-template-columns: 1fr; gap: 36px; }\n  .order-box { padding: 28px 20px; }\n  .order-text .section-tag,\n  .order-text .section-title { text-align: center; }\n  .order-list { align-items: flex-start; margin-left: auto; margin-right: auto; width: fit-content; }\n  .new-price { font-size: 34px; }\n  \/* Banner *\/\n  .banner-inner { flex-direction: column; gap: 18px; text-align: center; }\n  \/* Footer *\/\n  .footer-inner { grid-template-columns: 1fr; gap: 28px; }\n  .footer-brand { grid-column: auto; }\n}<\/p>\n<\/style>\n<p><!-- Top Bar --><\/p>\n<div class=\"topbar\">\n<div class=\"topbar-inner\">\n<div class=\"topbar-left\">\n          <span>\u2709 contacto@minoxidilmk.co<\/span><br \/>\n          <span>\u00b7 +57 (601) 542 5426<\/span>\n        <\/div>\n<div class=\"topbar-right\">\n          <a href=\"#\">Iniciar Sesi\u00f3n<\/a><br \/>\n          <a href=\"#\">Preguntas Frecuentes<\/a>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Navbar --><\/p>\n<nav class=\"navbar\" id=\"navbar\">\n<div class=\"nav-inner\">\n<div class=\"logo\">\n          <span class=\"logo-icon\">MK<\/span><br \/>\n          <span class=\"logo-text\">Minoxidil<\/span>\n        <\/div>\n<ul class=\"nav-links\">\n<li><a href=\"#inicio\" class=\"active\">Inicio<\/a><\/li>\n<li><a href=\"#beneficios\">Beneficios<\/a><\/li>\n<li><a href=\"#producto\">Producto<\/a><\/li>\n<li><a href=\"#como-funciona\">C\u00f3mo Funciona<\/a><\/li>\n<li><a href=\"#ingredientes\">Ingredientes<\/a><\/li>\n<li><a href=\"#contacto\">Contacto<\/a><\/li>\n<\/ul>\n<p>        <a href=\"#order\" class=\"btn-order magnetic\">ORDENAR<\/a><button class=\"nav-hamburger\" id=\"hamburger\" aria-label=\"Men\u00fa\"><br \/>\n          <span><\/span><br \/>\n          <span><\/span><br \/>\n          <span><\/span><br \/>\n        <\/button>\n      <\/div>\n<\/nav>\n<p>    <!-- Hero --><\/p>\n<section class=\"hero\" id=\"inicio\">\n<div class=\"hero-noise\"><\/div>\n<div class=\"hero-grid-lines\"><\/div>\n<div class=\"hero-inner\">\n<div class=\"hero-text\">\n<p class=\"hero-tag hero-animate\" style=\"--d:0s\">Tratamiento Capilar Cl\u00ednico<\/p>\n<h1 class=\"hero-animate\" style=\"--d:0.1s\">Recupera Tu <br \/><span class=\"accent-word\">Cabello<\/span><br \/>con Minoxidil<\/h1>\n<p class=\"hero-desc hero-animate\" style=\"--d:0.25s\">\n            Minoxidil Forte 5% MK es la soluci\u00f3n t\u00f3pica m\u00e1s efectiva para prevenir<br \/>\n            y controlar la ca\u00edda del cabello. Formulaci\u00f3n de grado farmac\u00e9utico,<br \/>\n            respaldada por d\u00e9cadas de investigaci\u00f3n cl\u00ednica.\n          <\/p>\n<div class=\"hero-buttons hero-animate\" style=\"--d:0.4s\">\n            <a href=\"#producto\" class=\"btn-primary magnetic\">VER PRODUCTO<\/a><br \/>\n            <a href=\"#como-funciona\" class=\"btn-ghost\">C\u00f3mo Funciona \u2192<\/a>\n          <\/div>\n<div class=\"hero-stats hero-animate\" style=\"--d:0.55s\">\n<div class=\"stat\">\n              <span class=\"stat-num\" data-count=\"95\">0<\/span><span class=\"stat-unit\">%<\/span><br \/>\n              <span class=\"stat-label\">Detiene la ca\u00edda<\/span>\n            <\/div>\n<div class=\"stat-divider\"><\/div>\n<div class=\"stat\">\n              <span class=\"stat-num\">60<\/span><span class=\"stat-unit\">ml<\/span><br \/>\n              <span class=\"stat-label\">Soluci\u00f3n t\u00f3pica<\/span>\n            <\/div>\n<div class=\"stat-divider\"><\/div>\n<div class=\"stat\">\n              <span class=\"stat-num\">5<\/span><span class=\"stat-unit\">%<\/span><br \/>\n              <span class=\"stat-label\">Concentraci\u00f3n<\/span>\n            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hero-image hero-animate\" style=\"--d:0.2s\">\n<div class=\"hero-glow\"><\/div>\n<div class=\"hero-glow hero-glow-2\"><\/div>\n<div class=\"product-card-3d\">\n<div class=\"product-main\">\n<div class=\"product-box float-anim\">\n<div class=\"box-scan\"><\/div>\n<div class=\"box-top\">MK<\/div>\n<div class=\"box-brand\">Minoxidil<\/div>\n<div class=\"box-forte\">Forte 5%<\/div>\n<div class=\"box-sub\">Soluci\u00f3n T\u00f3pica 60 mL<\/div>\n<div class=\"box-corner tl\"><\/div>\n<div class=\"box-corner tr\"><\/div>\n<div class=\"box-corner bl\"><\/div>\n<div class=\"box-corner br\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"product-bottle float-anim\" style=\"animation-delay: -1.5s\">\n<div class=\"bottle-cap\"><\/div>\n<div class=\"bottle-body\">\n<div class=\"bottle-sheen\"><\/div>\n<div class=\"bottle-label\">\n                  <span class=\"bl-brand\">MK<\/span><br \/>\n                  <span class=\"bl-name\">Minoxidil<\/span><br \/>\n                  <span class=\"bl-forte\">Forte 5%<\/span>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"floating-badge badge-1\">F\u00f3rmula Forte<\/div>\n<div class=\"floating-badge badge-2\">Uso Cl\u00ednico<\/div>\n<div class=\"hero-circle-accent\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hero-scroll-hint\">\n        <span>Scroll<\/span><\/p>\n<div class=\"scroll-line\"><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- Banner --><\/p>\n<div class=\"banner\">\n<div class=\"banner-inner\">\n<div class=\"banner-left\">\n<div class=\"mini-bottle\">\n<div class=\"mini-cap\"><\/div>\n<div class=\"mini-body\"><\/div>\n<\/p><\/div>\n<p><em>Obt\u00e9n tu tratamiento natural<\/em><br \/><strong>La soluci\u00f3n m\u00e1s poderosa en una sola f\u00f3rmula<\/strong><\/p>\n<\/p><\/div>\n<p>        <a href=\"#order\" class=\"btn-banner magnetic\">VER PRODUCTO<\/a>\n      <\/div>\n<\/p><\/div>\n<p>    <!-- Beneficios --><\/p>\n<section class=\"benefits\" id=\"beneficios\">\n<div class=\"section-inner\">\n<p class=\"section-tag reveal\">Cuatro Asombrosos<\/p>\n<h2 class=\"section-title reveal\" style=\"--rd:0.1s\">Beneficios en Uno<\/h2>\n<div class=\"title-line reveal\" style=\"--rd:0.2s\"><\/div>\n<div class=\"benefits-grid\">\n<div class=\"benefit-card reveal tilt-card\" style=\"--rd:0s\">\n<div class=\"benefit-icon\">\ud83d\udc86<\/div>\n<h3>Detiene la Ca\u00edda<\/h3>\n<p>Act\u00faa directamente en los fol\u00edculos pilosos para frenar la ca\u00edda del cabello desde las primeras semanas de uso.<\/p>\n<div class=\"card-glow-border\"><\/div>\n<\/p><\/div>\n<div class=\"benefit-card reveal tilt-card\" style=\"--rd:0.1s\">\n<div class=\"benefit-icon\">\ud83c\udf31<\/div>\n<h3>Estimula el Crecimiento<\/h3>\n<p>Reactiva los fol\u00edculos dormidos y estimula el crecimiento de cabello nuevo con mayor densidad y grosor.<\/p>\n<div class=\"card-glow-border\"><\/div>\n<\/p><\/div>\n<div class=\"benefit-card reveal tilt-card\" style=\"--rd:0.2s\">\n<div class=\"benefit-icon\">\u26a1<\/div>\n<h3>Aumenta la Densidad<\/h3>\n<p>Aumenta el flujo sangu\u00edneo en el cuero cabelludo, mejorando la nutrici\u00f3n de cada fol\u00edculo capilar.<\/p>\n<div class=\"card-glow-border\"><\/div>\n<\/p><\/div>\n<div class=\"benefit-card reveal tilt-card\" style=\"--rd:0.3s\">\n<div class=\"benefit-icon\">\ud83d\udd04<\/div>\n<h3>Rutina Continua<\/h3>\n<p>F\u00e1cil de incorporar en tu rutina diaria. Solo dos aplicaciones al d\u00eda para resultados sostenidos y duraderos.<\/p>\n<div class=\"card-glow-border\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- Producto Detalle --><\/p>\n<section class=\"product-detail\" id=\"producto\">\n<div class=\"section-inner product-detail-inner\">\n<div class=\"pd-image reveal\">\n<div class=\"pd-product-visual\">\n<div class=\"pd-bottle-big float-anim\">\n<div class=\"pd-cap-big\"><\/div>\n<div class=\"pd-body-big\">\n<div class=\"pd-sheen\"><\/div>\n<div class=\"pd-label-big\">\n<div class=\"pd-mk\">MK<\/div>\n<div class=\"pd-name\">Minoxidil<\/div>\n<div class=\"pd-forte\">Forte 5%<\/div>\n<div class=\"pd-vol\">60 mL<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"pd-pills\">\n<div class=\"pill p1\"><\/div>\n<div class=\"pill p2\"><\/div>\n<div class=\"pill p3\"><\/div>\n<div class=\"pill p4\"><\/div>\n<\/p><\/div>\n<div class=\"pd-ring\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"pd-content\">\n<p class=\"section-tag reveal\" style=\"text-align:left\">Nuestro Mejor<\/p>\n<h2 class=\"section-title reveal\" style=\"text-align:left;--rd:0.1s\">Producto<\/h2>\n<div class=\"title-line reveal\" style=\"margin:0 0 20px;--rd:0.2s\"><\/div>\n<p class=\"pd-tag-italic reveal\" style=\"--rd:0.25s\">Tu Sue\u00f1o<\/p>\n<h3 class=\"pd-subtitle reveal\" style=\"--rd:0.3s\">El Cabello Lleno Est\u00e1 a un Click<\/h3>\n<div class=\"pd-features\">\n<div class=\"pd-feature reveal\" style=\"--rd:0.35s\">\n              <span class=\"pd-dot\"><\/span><\/p>\n<div>\n                <strong>Energ\u00eda Restaurada<\/strong><\/p>\n<p>Revitaliza cada fol\u00edculo, aportando los nutrientes esenciales para un cabello m\u00e1s fuerte y saludable.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"pd-feature reveal\" style=\"--rd:0.4s\">\n              <span class=\"pd-dot\"><\/span><\/p>\n<div>\n                <strong>Constructor de Densidad<\/strong><\/p>\n<p>Aumenta notablemente la densidad capilar con uso constante, rellenando las zonas m\u00e1s afectadas.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"pd-feature reveal\" style=\"--rd:0.45s\">\n              <span class=\"pd-dot\"><\/span><\/p>\n<div>\n                <strong>Reduce la P\u00e9rdida<\/strong><\/p>\n<p>Cl\u00ednicamente comprobado para reducir la ca\u00edda progresiva y estabilizar el ciclo de crecimiento capilar.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"pd-feature reveal\" style=\"--rd:0.5s\">\n              <span class=\"pd-dot\"><\/span><\/p>\n<div>\n                <strong>Libera el Estr\u00e9s Capilar<\/strong><\/p>\n<p>Mejora la circulaci\u00f3n y reduce la inflamaci\u00f3n del cuero cabelludo, aliviando el estr\u00e9s que debilita el cabello.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"pd-promo reveal\" style=\"--rd:0.55s\">\n<p>** <strong>Oferta especial este mes \u2014 <span class=\"highlight\">10% Off<\/span><\/strong> en Minoxidil Forte 5%<\/p>\n<p>            <a href=\"#order\" class=\"btn-primary magnetic\">ORDENAR AHORA<\/a>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- C\u00f3mo Funciona --><\/p>\n<section class=\"how-it-works\" id=\"como-funciona\">\n<div class=\"section-inner how-inner\">\n<div class=\"how-video reveal\">\n<div class=\"video-thumb\">\n<div class=\"video-overlay\">\n<div class=\"play-btn\">\n                <span>\u25b6<\/span>\n              <\/div>\n<\/p><\/div>\n<div class=\"video-img-placeholder\">\n<div class=\"video-hair-icon\">\ud83d\udc8a<\/div>\n<p>Minoxidil en Acci\u00f3n<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"how-content\">\n<p class=\"section-tag light reveal\" style=\"--rd:0.1s\">C\u00f3mo Act\u00faa<\/p>\n<h2 class=\"section-title light reveal\" style=\"--rd:0.15s\">Nuestro Suplemento<br \/>Funciona:<\/h2>\n<p class=\"how-desc reveal\" style=\"--rd:0.25s\">\n            El Minoxidil Forte 5% act\u00faa como vasodilatador perif\u00e9rico al aplicarse en el cuero cabelludo.<br \/>\n            Aumenta el flujo sangu\u00edneo hacia los fol\u00edculos pilosos, suministrando m\u00e1s ox\u00edgeno y nutrientes esenciales,<br \/>\n            lo que reactiva los fol\u00edculos en fase de reposo y prolonga la fase de crecimiento activo del cabello.\n          <\/p>\n<p class=\"how-desc reveal\" style=\"--rd:0.35s\">\n            Su f\u00f3rmula de alta concentraci\u00f3n penetra en las capas profundas del cuero cabelludo para actuar<br \/>\n            directamente donde se necesita, ofreciendo resultados visibles desde las primeras 8 a 12 semanas de uso continuo.\n          <\/p>\n<p>          <a href=\"#beneficios\" class=\"btn-outline-white reveal magnetic\" style=\"--rd:0.45s\">DESCUBRIR M\u00c1S \u2192<\/a>\n        <\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- Ingredientes \/ Features --><\/p>\n<section class=\"ingredients\" id=\"ingredientes\">\n<div class=\"section-inner\">\n<p class=\"section-tag reveal\">Nuestros<\/p>\n<h2 class=\"section-title reveal\" style=\"--rd:0.1s\">Componentes Activos<\/h2>\n<div class=\"title-line reveal\" style=\"--rd:0.2s\"><\/div>\n<div class=\"ing-grid\">\n<div class=\"ing-col\">\n<div class=\"ing-item reveal\" style=\"--rd:0s\">\n<div class=\"ing-icon\">\ud83e\uddea<\/div>\n<div>\n<h4>Minoxidil 5%<\/h4>\n<p>Principio activo principal. Vasodilatador que estimula directamente los fol\u00edculos pilosos y prolonga la fase de crecimiento.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"ing-item reveal\" style=\"--rd:0.15s\">\n<div class=\"ing-icon\">\ud83d\udca7<\/div>\n<div>\n<h4>Propilenglicol<\/h4>\n<p>Veh\u00edculo que facilita la penetraci\u00f3n del Minoxidil en la dermis, asegurando una absorci\u00f3n profunda y uniforme.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"ing-item reveal\" style=\"--rd:0.3s\">\n<div class=\"ing-icon\">\ud83c\udf3f<\/div>\n<div>\n<h4>Etanol Farmac\u00e9utico<\/h4>\n<p>Excipiente que garantiza la estabilidad de la f\u00f3rmula y una aplicaci\u00f3n limpia sin residuos grasos.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"ing-center reveal\" style=\"--rd:0.1s\">\n<div class=\"ing-product-visual\">\n<div class=\"ing-bottle float-anim\">\n<div class=\"ing-cap\"><\/div>\n<div class=\"ing-body\">\n<div class=\"ing-label\">\n                    <span>MK<\/span><br \/>\n                    <span>Minoxidil<\/span><br \/>\n                    <span>Forte 5%<\/span>\n                  <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"ing-col\">\n<div class=\"ing-item reveal\" style=\"--rd:0s\">\n<div class=\"ing-icon\">\ud83d\udd2c<\/div>\n<div>\n<h4>Agua Purificada<\/h4>\n<p>Base acuosa de grado farmac\u00e9utico que asegura una formulaci\u00f3n segura, suave y libre de impurezas.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"ing-item reveal\" style=\"--rd:0.15s\">\n<div class=\"ing-icon\">\u2697\ufe0f<\/div>\n<div>\n<h4>Soluci\u00f3n T\u00f3pica<\/h4>\n<p>Presentaci\u00f3n l\u00edquida de f\u00e1cil aplicaci\u00f3n con atomizador para distribuci\u00f3n uniforme en todo el cuero cabelludo.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"ing-item reveal\" style=\"--rd:0.3s\">\n<div class=\"ing-icon\">\u2705<\/div>\n<div>\n<h4>Certificaci\u00f3n INVIMA<\/h4>\n<p>Registro sanitario vigente. Fabricado bajo estrictos est\u00e1ndares de calidad farmac\u00e9utica colombiana.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- Testimonios --><\/p>\n<section class=\"testimonials\">\n<div class=\"section-inner\">\n<p class=\"section-tag reveal\">Lo que Dicen<\/p>\n<h2 class=\"section-title reveal\" style=\"--rd:0.1s\">Nuestros Clientes<\/h2>\n<div class=\"title-line reveal\" style=\"--rd:0.2s\"><\/div>\n<div class=\"testi-grid\">\n<div class=\"testi-card reveal\" style=\"--rd:0s\">\n<div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<p>&#8220;Despu\u00e9s de 3 meses de uso vi resultados incre\u00edbles. Mi cabello dej\u00f3 de caer y empez\u00f3 a crecer en zonas donde antes no hab\u00eda nada.&#8221;<\/p>\n<div class=\"testi-author\">\n<div class=\"testi-avatar\">JM<\/div>\n<div>\n                <strong>Juan M.<\/strong><br \/>\n                <span>Bogot\u00e1, Colombia<\/span>\n              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"testi-card featured reveal\" style=\"--rd:0.15s\">\n<div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<p>&#8220;Lo recomiendo 100%. Empec\u00e9 a usarlo por recomendaci\u00f3n de mi dermat\u00f3logo y los resultados son visibles. Producto de calidad farmac\u00e9utica garantizada.&#8221;<\/p>\n<div class=\"testi-author\">\n<div class=\"testi-avatar\">CP<\/div>\n<div>\n                <strong>Carlos P.<\/strong><br \/>\n                <span>Medell\u00edn, Colombia<\/span>\n              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"testi-card reveal\" style=\"--rd:0.3s\">\n<div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<p>&#8220;Us\u00e9 varios productos antes y ninguno funcion\u00f3 como el Minoxidil MK. La diferencia es notable desde la semana 8. Mi confianza volvi\u00f3.&#8221;<\/p>\n<div class=\"testi-author\">\n<div class=\"testi-avatar\">AR<\/div>\n<div>\n                <strong>Andr\u00e9s R.<\/strong><br \/>\n                <span>Cali, Colombia<\/span>\n              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- Order CTA --><\/p>\n<section class=\"order-cta\" id=\"order\">\n<div class=\"section-inner order-inner\">\n<div class=\"order-text\">\n<p class=\"section-tag light reveal\">Empieza Hoy<\/p>\n<h2 class=\"section-title light reveal\" style=\"--rd:0.1s\">\u00bfListo para Recuperar<br \/>tu Cabello?<\/h2>\n<p class=\"reveal\" style=\"--rd:0.2s\">Minoxidil Forte 5% MK \u2014 60 mL Soluci\u00f3n T\u00f3pica<\/p>\n<ul class=\"order-list reveal\" style=\"--rd:0.3s\">\n<li><span class=\"check\">\u2713<\/span> Env\u00edo a todo Colombia<\/li>\n<li><span class=\"check\">\u2713<\/span> Registro INVIMA vigente<\/li>\n<li><span class=\"check\">\u2713<\/span> Garant\u00eda de calidad farmac\u00e9utica<\/li>\n<li><span class=\"check\">\u2713<\/span> Soporte de expertos<\/li>\n<\/ul><\/div>\n<div class=\"order-box reveal\" style=\"--rd:0.2s\">\n<div class=\"order-box-glow\"><\/div>\n<div class=\"price-tag\">\n            <span class=\"old-price\">$89.900<\/span><br \/>\n            <span class=\"new-price\">$80.910<\/span><br \/>\n            <span class=\"discount-badge\">10% OFF<\/span>\n          <\/div>\n<p class=\"price-label\">Minoxidil Forte 5% MK x 60 mL<\/p>\n<div class=\"order-form\">\n<div class=\"input-wrap\">\n              <input type=\"text\" placeholder=\"Tu nombre\" \/><\/p>\n<div class=\"input-line\"><\/div>\n<\/p><\/div>\n<div class=\"input-wrap\">\n              <input type=\"tel\" placeholder=\"Tu n\u00famero de WhatsApp\" \/><\/p>\n<div class=\"input-line\"><\/div>\n<\/p><\/div>\n<div class=\"input-wrap\">\n              <input type=\"text\" placeholder=\"Ciudad de entrega\" \/><\/p>\n<div class=\"input-line\"><\/div>\n<\/p><\/div>\n<p>            <button class=\"btn-order-now magnetic\">ORDENAR AHORA<\/button>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- Footer --><\/p>\n<footer class=\"footer\" id=\"contacto\">\n<div class=\"footer-inner\">\n<div class=\"footer-brand\">\n<div class=\"logo\">\n            <span class=\"logo-icon\">MK<\/span><br \/>\n            <span class=\"logo-text\">Minoxidil<\/span>\n          <\/div>\n<p>Tratamiento t\u00f3pico para la ca\u00edda del cabello. Formulaci\u00f3n farmac\u00e9utica de alta concentraci\u00f3n.<\/p>\n<\/p><\/div>\n<div class=\"footer-links\">\n<h4>Navegaci\u00f3n<\/h4>\n<ul>\n<li><a href=\"#inicio\">Inicio<\/a><\/li>\n<li><a href=\"#beneficios\">Beneficios<\/a><\/li>\n<li><a href=\"#producto\">Producto<\/a><\/li>\n<li><a href=\"#como-funciona\">C\u00f3mo Funciona<\/a><\/li>\n<\/ul><\/div>\n<div class=\"footer-links\">\n<h4>Informaci\u00f3n<\/h4>\n<ul>\n<li><a href=\"#\">Pol\u00edtica de privacidad<\/a><\/li>\n<li><a href=\"#\">T\u00e9rminos y condiciones<\/a><\/li>\n<li><a href=\"#\">Preguntas frecuentes<\/a><\/li>\n<li><a href=\"#\">Registro INVIMA<\/a><\/li>\n<\/ul><\/div>\n<div class=\"footer-contact\">\n<h4>Contacto<\/h4>\n<p>\u2709 contacto@minoxidilmk.co<\/p>\n<p>\u260e +57 (601) 542 5426<\/p>\n<p>\u25ce Colombia<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"footer-bottom\">\n<p>\u00a9 2024 Minoxidil Forte 5% MK. Todos los derechos reservados. Producto de uso exclusivo externo.<\/p>\n<\/p><\/div>\n<\/footer>\n<p>    <script>\n      document.body.classList.add('js-ready');<\/p>\n<p>      \/\/ \u2500\u2500 Scroll reveal\n      const revealEls = document.querySelectorAll('.reveal');\n      const revealObs = new IntersectionObserver((entries) => {\n        entries.forEach(el => {\n          if (el.isIntersecting) {\n            const delay = el.target.style.getPropertyValue('--rd') || '0s';\n            el.target.style.transitionDelay = delay;\n            el.target.classList.add('visible');\n            revealObs.unobserve(el.target);\n          }\n        });\n      }, { threshold: 0.12 });\n      revealEls.forEach(el => revealObs.observe(el));<\/p>\n<p>      \/\/ \u2500\u2500 Counter-up animation\n      const counters = document.querySelectorAll('[data-count]');\n      const counterObs = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) {\n            const el = entry.target;\n            const target = parseInt(el.getAttribute('data-count'));\n            let start = 0;\n            const duration = 1400;\n            const step = timestamp => {\n              if (!start) start = timestamp;\n              const progress = Math.min((timestamp - start) \/ duration, 1);\n              const eased = 1 - Math.pow(1 - progress, 3);\n              el.textContent = Math.floor(eased * target);\n              if (progress < 1) requestAnimationFrame(step);\n              else el.textContent = target;\n            };\n            requestAnimationFrame(step);\n            counterObs.unobserve(el);\n          }\n        });\n      }, { threshold: 0.5 });\n      counters.forEach(el => counterObs.observe(el));<\/p>\n<p>      \/\/ \u2500\u2500 Navbar scroll effect\n      const navbar = document.getElementById('navbar');\n      window.addEventListener('scroll', () => {\n        navbar.classList.toggle('scrolled', window.scrollY > 60);\n      });<\/p>\n<p>      \/\/ \u2500\u2500 3D tilt on benefit cards\n      document.querySelectorAll('.tilt-card').forEach(card => {\n        card.addEventListener('mousemove', e => {\n          const rect = card.getBoundingClientRect();\n          const x = (e.clientX - rect.left) \/ rect.width - 0.5;\n          const y = (e.clientY - rect.top) \/ rect.height - 0.5;\n          card.style.transform = `perspective(600px) rotateY(${x * 10}deg) rotateX(${-y * 10}deg) translateY(-6px)`;\n        });\n        card.addEventListener('mouseleave', () => {\n          card.style.transform = '';\n        });\n      });<\/p>\n<p>      \/\/ \u2500\u2500 Ripple on buttons\n      document.querySelectorAll('.btn-primary, .btn-order-now, .btn-order').forEach(btn => {\n        btn.addEventListener('click', e => {\n          const ripple = document.createElement('span');\n          ripple.className = 'ripple';\n          const rect = btn.getBoundingClientRect();\n          const size = Math.max(rect.width, rect.height);\n          ripple.style.cssText = `width:${size}px;height:${size}px;left:${e.clientX - rect.left - size\/2}px;top:${e.clientY - rect.top - size\/2}px`;\n          btn.style.position = 'relative';\n          btn.style.overflow = 'hidden';\n          btn.appendChild(ripple);\n          setTimeout(() => ripple.remove(), 600);\n        });\n      });<\/p>\n<p>      \/\/ \u2500\u2500 Hamburger menu\n      const hamburger = document.getElementById('hamburger');\n      const navMenu = document.querySelector('.nav-links');\n      hamburger.addEventListener('click', () => {\n        hamburger.classList.toggle('open');\n        navMenu.classList.toggle('open');\n      });\n      navMenu.querySelectorAll('a').forEach(a => {\n        a.addEventListener('click', () => {\n          hamburger.classList.remove('open');\n          navMenu.classList.remove('open');\n        });\n      });<\/p>\n<p>      \/\/ \u2500\u2500 Active nav on scroll\n      const sections = document.querySelectorAll('section[id]');\n      const navLinks = document.querySelectorAll('.nav-links a');\n      window.addEventListener('scroll', () => {\n        let current = '';\n        sections.forEach(sec => {\n          if (window.scrollY >= sec.offsetTop - 120) current = sec.id;\n        });\n        navLinks.forEach(a => {\n          a.classList.toggle('active', a.getAttribute('href') === '#' + current);\n        });\n      });\n    <\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u2709 contacto@minoxidilmk.co \u00b7 +57 (601) 542 5426 Iniciar Sesi\u00f3n Preguntas Frecuentes MK Minoxidil Inicio Beneficios Producto C\u00f3mo Funciona Ingredientes Contacto [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3457","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/meteor.com.co\/en\/wp-json\/wp\/v2\/pages\/3457","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meteor.com.co\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/meteor.com.co\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/meteor.com.co\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/meteor.com.co\/en\/wp-json\/wp\/v2\/comments?post=3457"}],"version-history":[{"count":7,"href":"https:\/\/meteor.com.co\/en\/wp-json\/wp\/v2\/pages\/3457\/revisions"}],"predecessor-version":[{"id":3468,"href":"https:\/\/meteor.com.co\/en\/wp-json\/wp\/v2\/pages\/3457\/revisions\/3468"}],"wp:attachment":[{"href":"https:\/\/meteor.com.co\/en\/wp-json\/wp\/v2\/media?parent=3457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}