{"product_id":"biohack-mind","title":"Biohack Mind","description":"\u003csection class=\"biohack-results\" id=\"biohack-results-section\"\u003e\n\u003cdiv class=\"biohack-header\"\u003e\n\u003ch2 class=\"biohack-badge\"\u003eBIOHACK MIND\u003c\/h2\u003e\n\u003ch2\u003eMás enfoque.\u003cbr\u003e\u003cspan\u003eMás claridad mental.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eUna fórmula pensada para acompañarte durante el día, ayudándote a mantener el enfoque, la energía y la concentración \u003cspan style=\"color: rgb(3, 34, 135);\"\u003e\u003cstrong\u003esin depender\u003c\/strong\u003e\u003c\/span\u003e constantemente de la \u003cstrong\u003e\u003cspan style=\"color: rgb(1, 32, 131);\"\u003ecafeína\u003c\/span\u003e\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"biohack-grid\"\u003e\n\u003cdiv class=\"biohack-card\"\u003e\n\u003cdiv class=\"biohack-icon\"\u003e⚡\u003c\/div\u003e\n\u003cdiv class=\"biohack-number\"\u003e94%\u003c\/div\u003e\n\u003cdiv class=\"biohack-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"biohack-text\"\u003eNotaron una sensación de \u003cstrong\u003emayor energía y vitalidad\u003c\/strong\u003e durante sus actividades diarias.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"biohack-card\"\u003e\n\u003cdiv class=\"biohack-icon\"\u003e🧠\u003c\/div\u003e\n\u003cdiv class=\"biohack-number\"\u003e89%\u003c\/div\u003e\n\u003cdiv class=\"biohack-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"biohack-text\"\u003ePercibieron una sensación de \u003cstrong\u003emayor concentración y enfoque\u003c\/strong\u003e al realizar sus tareas.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"biohack-card\"\u003e\n\u003cdiv class=\"biohack-icon\"\u003e☕\u003c\/div\u003e\n\u003cdiv class=\"biohack-number\"\u003e91%\u003c\/div\u003e\n\u003cdiv class=\"biohack-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"biohack-text\"\u003eBuscan \u003cstrong\u003ereducir su dependencia del café\u003c\/strong\u003e para mantenerse activos y productivos.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"biohack-card\"\u003e\n\u003cdiv class=\"biohack-icon\"\u003e🔋\u003c\/div\u003e\n\u003cdiv class=\"biohack-number\"\u003e90%\u003c\/div\u003e\n\u003cdiv class=\"biohack-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"biohack-text\"\u003ePrefieren una sensación de \u003cstrong\u003eenergía más equilibrada\u003c\/strong\u003e sin recurrir constantemente a bebidas con cafeína.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"biohack-footer\"\u003e\n\u003cdiv class=\"biohack-footer-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan\u003eUNA NUEVA FORMA DE ACTIVAR TU DÍA\u003c\/span\u003e \u003cstrong\u003e Enfoque que acompaña tu ritmo. \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\n   BIOHACK MIND - RESULTADOS\n========================================================= *\/\n\n#biohack-results-section {\n  width: 100%;\n  max-width: 1150px;\n\n  margin: 0 auto;\n\n  \/* MENOS ESPACIO ARRIBA *\/\n  padding: 30px 20px 65px;\n\n  box-sizing: border-box;\n\n  position: relative;\n\n  overflow: hidden;\n\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n#biohack-results-section .biohack-header {\n\n  text-align: center;\n\n  max-width: 850px;\n\n  margin: 0 auto 42px;\n}\n\n\n\/* BADGE *\/\n\n#biohack-results-section .biohack-badge {\n\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  padding: 9px 19px;\n\n  margin: 0 0 17px;\n\n  border-radius: 50px;\n\n  font-size: 13px;\n\n  font-weight: 800;\n\n  letter-spacing: 2.2px;\n\n  color: #ffffff;\n\n  background:\n    linear-gradient(\n      135deg,\n      #071a3d,\n      #1168d8\n    );\n\n  box-shadow:\n    0 8px 25px rgba(0, 91, 210, 0.25);\n}\n\n\n\/* =========================================================\n   TÍTULO PRINCIPAL\n========================================================= *\/\n\n#biohack-results-section h2:not(.biohack-badge) {\n\n  margin: 0;\n\n  font-size: 52px;\n\n  line-height: 1.04;\n\n  font-weight: 900;\n\n  letter-spacing: -2px;\n\n  color: #08152d;\n}\n\n\n\/* TEXTO AZUL *\/\n\n#biohack-results-section h2 span {\n\n  background:\n    linear-gradient(\n      90deg,\n      #0755c9,\n      #00a8ff,\n      #2867ff\n    );\n\n  -webkit-background-clip: text;\n\n  -webkit-text-fill-color: transparent;\n\n  background-clip: text;\n}\n\n\n\/* =========================================================\n   DESCRIPCIÓN\n========================================================= *\/\n\n#biohack-results-section .biohack-header p {\n\n  max-width: 760px;\n\n  margin: 17px auto 0;\n\n  font-size: 19px;\n\n  line-height: 1.55;\n\n  color: #64748b;\n}\n\n\n\/* =========================================================\n   GRID\n========================================================= *\/\n\n#biohack-results-section .biohack-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, 1fr);\n\n  gap: 20px;\n}\n\n\n\/* =========================================================\n   TARJETAS\n========================================================= *\/\n\n#biohack-results-section .biohack-card {\n\n  position: relative;\n\n  padding: 35px 28px 32px;\n\n  min-height: 275px;\n\n  box-sizing: border-box;\n\n  text-align: center;\n\n  border-radius: 24px;\n\n  border: 1px solid rgba(32, 102, 190, 0.14);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.98),\n      rgba(241, 247, 255, 0.95)\n    );\n\n  box-shadow:\n    0 18px 50px rgba(20, 64, 120, 0.09),\n    inset 0 1px 0 rgba(255, 255, 255, 0.9);\n\n  overflow: hidden;\n\n  transition:\n    transform 0.35s cubic-bezier(.2,.8,.2,1),\n    box-shadow 0.35s,\n    border-color 0.35s;\n}\n\n\n#biohack-results-section .biohack-card::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  top: -100px;\n\n  left: 50%;\n\n  transform: translateX(-50%);\n\n  width: 230px;\n\n  height: 180px;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(0, 139, 255, 0.18) 0%,\n      rgba(0, 139, 255, 0) 70%\n    );\n\n  pointer-events: none;\n}\n\n\n#biohack-results-section .biohack-card:hover {\n\n  transform: translateY(-8px);\n\n  border-color:\n    rgba(0, 112, 255, 0.35);\n\n  box-shadow:\n    0 28px 65px rgba(0, 91, 210, 0.16),\n    0 0 35px rgba(0, 140, 255, 0.08);\n}\n\n\n\/* =========================================================\n   ICONOS\n========================================================= *\/\n\n#biohack-results-section .biohack-icon {\n\n  position: relative;\n\n  z-index: 2;\n\n  width: 50px;\n\n  height: 50px;\n\n  margin: 0 auto 15px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  border-radius: 15px;\n\n  font-size: 23px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #061a3d,\n      #087cff\n    );\n\n  box-shadow:\n    0 10px 25px rgba(0, 93, 220, 0.25);\n}\n\n\n\/* =========================================================\n   PORCENTAJES\n========================================================= *\/\n\n#biohack-results-section .biohack-number {\n\n  position: relative;\n\n  z-index: 2;\n\n  font-size: 58px;\n\n  line-height: 1;\n\n  font-weight: 950;\n\n  letter-spacing: -2px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #063a91,\n      #087cff,\n      #00a8ff\n    );\n\n  -webkit-background-clip: text;\n\n  -webkit-text-fill-color: transparent;\n\n  background-clip: text;\n}\n\n\n\/* =========================================================\n   DIVISOR\n========================================================= *\/\n\n#biohack-results-section .biohack-line {\n\n  width: 45px;\n\n  height: 3px;\n\n  margin: 17px auto;\n\n  border-radius: 10px;\n\n  background:\n    linear-gradient(\n      90deg,\n      #0755c9,\n      #00a8ff\n    );\n}\n\n\n\/* =========================================================\n   TEXTO TARJETAS\n========================================================= *\/\n\n#biohack-results-section .biohack-text {\n\n  position: relative;\n\n  z-index: 2;\n\n  max-width: 390px;\n\n  margin: 0 auto;\n\n  font-size: 18px;\n\n  line-height: 1.5;\n\n  font-weight: 500;\n\n  color: #334155;\n}\n\n\n#biohack-results-section .biohack-text strong {\n\n  color: #092e68;\n\n  font-weight: 800;\n}\n\n\n\/* =========================================================\n   FOOTER\n========================================================= *\/\n\n#biohack-results-section .biohack-footer {\n\n  position: relative;\n\n  margin: 35px auto 0;\n\n  padding: 27px 25px;\n\n  text-align: center;\n\n  border-radius: 22px;\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      135deg,\n      #04152f 0%,\n      #063b85 50%,\n      #0578d8 100%\n    );\n\n  box-shadow:\n    0 20px 45px rgba(0, 65, 150, 0.22);\n}\n\n\n#biohack-results-section .biohack-footer-glow {\n\n  position: absolute;\n\n  width: 280px;\n\n  height: 180px;\n\n  left: 50%;\n\n  top: -100px;\n\n  transform: translateX(-50%);\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(0, 193, 255, 0.30),\n      transparent 70%\n    );\n}\n\n\n#biohack-results-section .biohack-footer span {\n\n  position: relative;\n\n  display: block;\n\n  margin-bottom: 7px;\n\n  font-size: 11px;\n\n  font-weight: 800;\n\n  letter-spacing: 2px;\n\n  color: #a9d8ff;\n}\n\n\n#biohack-results-section .biohack-footer strong {\n\n  position: relative;\n\n  font-size: 24px;\n\n  font-weight: 900;\n\n  color: #ffffff;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 768px) {\n\n  #biohack-results-section {\n\n    padding: 22px 15px 55px;\n\n  }\n\n  #biohack-results-section .biohack-header {\n\n    margin-bottom: 35px;\n\n  }\n\n  #biohack-results-section h2:not(.biohack-badge) {\n\n    font-size: 41px;\n\n  }\n\n  #biohack-results-section .biohack-header p {\n\n    font-size: 17px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 520px) {\n\n  #biohack-results-section {\n\n    padding: 18px 12px 48px;\n\n  }\n\n  #biohack-results-section .biohack-header {\n\n    margin-bottom: 30px;\n\n  }\n\n  #biohack-results-section .biohack-badge {\n\n    font-size: 10px;\n\n    letter-spacing: 1.5px;\n\n    padding: 7px 13px;\n\n    margin-bottom: 14px;\n\n  }\n\n  #biohack-results-section h2:not(.biohack-badge) {\n\n    font-size: 35px;\n\n    line-height: 1.05;\n\n    letter-spacing: -1.3px;\n\n  }\n\n  #biohack-results-section .biohack-header p {\n\n    font-size: 15.5px;\n\n    line-height: 1.5;\n\n    margin-top: 15px;\n\n  }\n\n  #biohack-results-section .biohack-grid {\n\n    grid-template-columns:\n      repeat(2, 1fr);\n\n    gap: 11px;\n\n  }\n\n  #biohack-results-section .biohack-card {\n\n    min-height: 250px;\n\n    padding: 22px 11px;\n\n    border-radius: 18px;\n\n  }\n\n  #biohack-results-section .biohack-icon {\n\n    width: 42px;\n\n    height: 42px;\n\n    margin-bottom: 12px;\n\n    border-radius: 13px;\n\n    font-size: 19px;\n\n  }\n\n  #biohack-results-section .biohack-number {\n\n    font-size: 39px;\n\n    letter-spacing: -1px;\n\n  }\n\n  #biohack-results-section .biohack-line {\n\n    width: 32px;\n\n    height: 2px;\n\n    margin: 13px auto;\n\n  }\n\n  #biohack-results-section .biohack-text {\n\n    font-size: 14px;\n\n    line-height: 1.42;\n\n  }\n\n  #biohack-results-section .biohack-footer {\n\n    margin-top: 25px;\n\n    padding: 23px 15px;\n\n    border-radius: 18px;\n\n  }\n\n  #biohack-results-section .biohack-footer strong {\n\n    font-size: 20px;\n\n  }\n\n}\n\n\u003c\/style\u003e\n\u003ch3 style=\"text-align: center;\"\u003e\n\u003cstrong\u003e\u003cspan dir=\"auto\"\u003eBiohack® Mind\u003c\/span\u003e\u003c\/strong\u003e\u003cspan dir=\"auto\"\u003e\u003cspan\u003e \u003c\/span\u003eestá aquí para ayudarte. Esta fórmula avanzada para el cerebro te brinda la claridad, la concentración y la energía equilibrada que necesitas para afrontar el día, sin los nervios ni los bajones de energía de la \u003cspan style=\"color: rgb(1, 30, 127);\"\u003e\u003cstrong\u003ecafeína tradicional o los ´´energizantes´´.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/span\u003e\u003cspan dir=\"auto\"\u003e\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\n   BIOHACK MIND\n   CÁPSULA REAL — IMAGEN PNG\n========================================================= *\/\n\n.biohack-scene {\n  width: 100%;\n  box-sizing: border-box;\n  overflow: hidden;\n  position: relative;\n  padding: 45px 15px 38px;\n\n  background:\n    radial-gradient(\n      circle at 50% 25%,\n      rgba(72, 145, 255, 0.14),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 15% 70%,\n      rgba(255, 255, 255, 0.75),\n      transparent 25%\n    ),\n    linear-gradient(\n      180deg,\n      #f1f2f4 0%,\n      #e5e8ec 50%,\n      #dfe3e8 100%\n    );\n\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n}\n\n\n\/* =========================================================\n   CONTENEDOR\n========================================================= *\/\n\n.biohack-container {\n  max-width: 900px;\n  width: 100%;\n  margin: 0 auto;\n  text-align: center;\n  position: relative;\n}\n\n\n\/* =========================================================\n   ETIQUETA\n========================================================= *\/\n\n.biohack-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n\n  padding: 9px 16px;\n\n  border-radius: 50px;\n\n  background: rgba(255,255,255,0.85);\n\n  border: 1px solid rgba(20,55,100,0.12);\n\n  color: #12417a;\n\n  font-size: 11px;\n  font-weight: 700;\n\n  letter-spacing: 1.5px;\n\n  margin-bottom: 10px;\n\n  box-shadow:\n    0 6px 20px rgba(20,40,70,0.06);\n}\n\n\n.biohack-badge-dot {\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n\n  background: #2589ff;\n\n  box-shadow:\n    0 0 0 4px rgba(37,137,255,0.10),\n    0 0 14px rgba(37,137,255,0.65);\n\n  animation: badgePulse 2s ease-in-out infinite;\n}\n\n\n\/* =========================================================\n   ESCENA\n========================================================= *\/\n\n.biohack-stage {\n  height: 420px;\n  width: 100%;\n\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n\n\/* =========================================================\n   HALO DE ENERGÍA\n========================================================= *\/\n\n.energy-glow {\n  position: absolute;\n\n  width: 300px;\n  height: 300px;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(66,150,255,0.25) 0%,\n      rgba(66,150,255,0.12) 35%,\n      rgba(66,150,255,0.03) 55%,\n      transparent 72%\n    );\n\n  filter: blur(4px);\n\n  animation:\n    glowPulse 4s ease-in-out infinite;\n}\n\n\n\/* =========================================================\n   ANILLO EXTERNO\n========================================================= *\/\n\n.energy-ring-one {\n  position: absolute;\n\n  width: 330px;\n  height: 190px;\n\n  border-radius: 50%;\n\n  border: 2px solid rgba(80,170,255,0.24);\n\n  box-shadow:\n    0 0 25px rgba(50,140,255,0.10),\n    inset 0 0 20px rgba(80,170,255,0.06);\n\n  transform: rotate(-18deg);\n\n  animation:\n    ringMoveOne 7s ease-in-out infinite;\n}\n\n\n\/* =========================================================\n   SEGUNDO ANILLO\n========================================================= *\/\n\n.energy-ring-two {\n  position: absolute;\n\n  width: 280px;\n  height: 360px;\n\n  border-radius: 50%;\n\n  border: 1px solid rgba(68,148,255,0.18);\n\n  transform: rotate(25deg);\n\n  animation:\n    ringMoveTwo 9s linear infinite;\n}\n\n\n\/* =========================================================\n   TERCER ANILLO\n========================================================= *\/\n\n.energy-ring-three {\n  position: absolute;\n\n  width: 390px;\n  height: 120px;\n\n  border-radius: 50%;\n\n  border: 1px solid rgba(70,165,255,0.16);\n\n  transform: rotate(12deg);\n\n  animation:\n    ringMoveThree 6s ease-in-out infinite;\n}\n\n\n\/* =========================================================\n   PARTÍCULAS\n========================================================= *\/\n\n.energy-particle {\n  position: absolute;\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: #70b9ff;\n\n  box-shadow:\n    0 0 12px rgba(70,180,255,0.9);\n\n  animation:\n    particleFloat 4s ease-in-out infinite;\n}\n\n\n.particle-1 {\n  top: 16%;\n  left: 22%;\n}\n\n\n.particle-2 {\n  top: 25%;\n  right: 21%;\n\n  animation-delay: 1s;\n}\n\n\n.particle-3 {\n  bottom: 20%;\n  left: 18%;\n\n  animation-delay: 2s;\n}\n\n\n.particle-4 {\n  bottom: 28%;\n  right: 16%;\n\n  animation-delay: 1.5s;\n}\n\n\n.particle-5 {\n  top: 10%;\n  left: 50%;\n\n  animation-delay: 2.5s;\n}\n\n\n.particle-6 {\n  top: 45%;\n  left: 10%;\n\n  animation-delay: 0.8s;\n}\n\n\n.particle-7 {\n  top: 55%;\n  right: 10%;\n\n  animation-delay: 2.2s;\n}\n\n\n\/* =========================================================\n   SOMBRA DE LA CÁPSULA\n========================================================= *\/\n\n.capsule-shadow {\n  position: absolute;\n\n  width: 210px;\n  height: 38px;\n\n  bottom: 40px;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      ellipse,\n      rgba(17,45,80,0.25),\n      rgba(17,45,80,0.08) 45%,\n      transparent 72%\n    );\n\n  filter: blur(8px);\n\n  animation:\n    shadowMove 4s ease-in-out infinite;\n}\n\n\n\/* =========================================================\n   CÁPSULA REAL\n========================================================= *\/\n\n.biohack-capsule {\n\n  width: 190px;\n  height: 360px;\n\n  position: relative;\n\n  z-index: 5;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  transform: rotate(-18deg);\n\n  animation:\n    capsuleFloat 4s ease-in-out infinite;\n\n  filter:\n    drop-shadow(\n      12px 18px 20px\n      rgba(20,45,75,0.18)\n    );\n}\n\n\n\/* =========================================================\n   IMAGEN REAL DE LA CÁPSULA\n========================================================= *\/\n\n.biohack-capsule img {\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: contain;\n\n  display: block;\n\n  user-select: none;\n\n  -webkit-user-drag: none;\n\n  filter:\n    brightness(1.03)\n    contrast(1.02)\n    saturate(0.92);\n\n}\n\n\n\/* =========================================================\n   TÍTULO\n========================================================= *\/\n\n.biohack-title {\n\n  margin:\n    -10px auto\n    10px;\n\n  color: #0d1e33;\n\n  font-size:\n    clamp(28px, 5.2vw, 44px);\n\n  line-height: 1.15;\n\n  font-weight: 800;\n\n  letter-spacing: -0.5px;\n}\n\n\n.biohack-title span {\n  color: #0e5db8;\n}\n\n\n\/* =========================================================\n   SUBTÍTULO\n========================================================= *\/\n\n.biohack-subtitle {\n\n  max-width: 620px;\n\n  margin:\n    0 auto\n    30px;\n\n  color: #4a586a;\n\n  font-size: 15.5px;\n\n  line-height: 1.6;\n\n  font-weight: 400;\n}\n\n\n\/* =========================================================\n   TÍTULO INGREDIENTES\n========================================================= *\/\n\n.ingredients-title {\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 13px;\n\n  margin:\n    5px 0\n    22px;\n\n  color: #1f334a;\n\n  font-size: 13.5px;\n\n  font-weight: 700;\n\n  letter-spacing: 3px;\n}\n\n\n.ingredients-title::before,\n.ingredients-title::after {\n\n  content: \"\";\n\n  width: 55px;\n  height: 2px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(40,85,135,0.45)\n    );\n}\n\n\n.ingredients-title::after {\n\n  transform:\n    rotate(180deg);\n}\n\n\n\/* =========================================================\n   GRID DE INGREDIENTES\n========================================================= *\/\n\n.ingredients-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, 1fr);\n\n  gap: 12px;\n\n  width: 100%;\n\n  max-width: 850px;\n\n  margin: auto;\n}\n\n\n\/* =========================================================\n   TARJETAS\n========================================================= *\/\n\n.ingredient-card {\n\n  position: relative;\n\n  min-height: 170px;\n\n  padding:\n    20px 14px\n    18px;\n\n  box-sizing: border-box;\n\n  border-radius: 18px;\n\n  background:\n    rgba(255,255,255,0.75);\n\n  border:\n    1px solid rgba(255,255,255,0.95);\n\n  box-shadow:\n\n    0 10px 25px\n    rgba(20,50,80,0.08),\n\n    inset 0 1px 0\n    rgba(255,255,255,0.9);\n\n  backdrop-filter:\n    blur(12px);\n\n  transition:\n    transform 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n\n.ingredient-card:hover {\n\n  transform:\n    translateY(-5px);\n\n  box-shadow:\n    0 16px 32px\n    rgba(20,70,130,0.13);\n}\n\n\n\/* =========================================================\n   ICONO\n========================================================= *\/\n\n.ingredient-icon {\n\n  width: 62px;\n  height: 62px;\n\n  margin:\n    0 auto\n    12px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background:\n\n    radial-gradient(\n      circle at 30% 25%,\n      #ffffff,\n      #d8ecff 60%,\n      #a9d2ff\n    );\n\n  border:\n    1px solid\n    rgba(40,120,210,0.14);\n\n  color: #1267c6;\n\n  font-size: 28px;\n\n  box-shadow:\n\n    inset 4px 4px 10px\n    rgba(255,255,255,0.8),\n\n    0 8px 18px\n    rgba(30,110,200,0.12);\n}\n\n\n.ingredient-name {\n\n  color: #0f2b4c;\n\n  font-size: 12.5px;\n\n  font-weight: 700;\n\n  letter-spacing: 0.5px;\n\n  margin-bottom: 6px;\n}\n\n\n.ingredient-text {\n\n  color: #4f5d70;\n\n  font-size: 12px;\n\n  line-height: 1.45;\n\n  font-weight: 400;\n}\n\n\n\/* =========================================================\n   BENEFICIOS FINALES\n========================================================= *\/\n\n.biohack-benefits-bar {\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  flex-wrap: wrap;\n\n  gap: 0;\n\n  max-width: 850px;\n\n  margin:\n    28px auto\n    0;\n\n  padding: 6px;\n\n  border-radius: 50px;\n\n  background:\n    rgba(255,255,255,0.72);\n\n  border:\n    1px solid\n    rgba(255,255,255,0.95);\n\n  box-shadow:\n    0 8px 22px\n    rgba(20,50,80,0.07);\n}\n\n\n.benefit-item {\n\n  flex: 1;\n\n  min-width: 130px;\n\n  padding:\n    14px 10px;\n\n  color: #0f2b4c;\n\n  font-size: 13px;\n\n  font-weight: 700;\n\n  letter-spacing: 0.5px;\n\n  position: relative;\n}\n\n\n.benefit-item:not(:last-child)::after {\n\n  content: \"\";\n\n  position: absolute;\n\n  right: 0;\n  top: 25%;\n\n  width: 1px;\n  height: 50%;\n\n  background:\n    rgba(30,70,120,0.18);\n}\n\n\n.benefit-icon {\n\n  color: #0e5db8;\n\n  font-size: 20px;\n\n  margin-right: 7px;\n\n  vertical-align: middle;\n}\n\n\n\/* =========================================================\n   ANIMACIONES\n========================================================= *\/\n\n@keyframes capsuleFloat {\n\n  0%,\n  100% {\n\n    transform:\n      translateY(0)\n      rotate(-18deg);\n  }\n\n  50% {\n\n    transform:\n      translateY(-14px)\n      rotate(-15deg);\n  }\n\n}\n\n\n@keyframes shadowMove {\n\n  0%,\n  100% {\n\n    transform:\n      scale(1);\n\n    opacity: 0.65;\n  }\n\n  50% {\n\n    transform:\n      scale(0.72);\n\n    opacity: 0.28;\n  }\n\n}\n\n\n@keyframes glowPulse {\n\n  0%,\n  100% {\n\n    transform:\n      scale(0.9);\n\n    opacity: 0.7;\n  }\n\n  50% {\n\n    transform:\n      scale(1.15);\n\n    opacity: 1;\n  }\n\n}\n\n\n@keyframes ringMoveOne {\n\n  0%,\n  100% {\n\n    transform:\n      rotate(-18deg)\n      scale(1);\n  }\n\n  50% {\n\n    transform:\n      rotate(-12deg)\n      scale(1.05);\n  }\n\n}\n\n\n@keyframes ringMoveTwo {\n\n  from {\n\n    transform:\n      rotate(25deg);\n  }\n\n  to {\n\n    transform:\n      rotate(385deg);\n  }\n\n}\n\n\n@keyframes ringMoveThree {\n\n  0%,\n  100% {\n\n    transform:\n      rotate(12deg)\n      scale(1);\n  }\n\n  50% {\n\n    transform:\n      rotate(22deg)\n      scale(1.08);\n  }\n\n}\n\n\n@keyframes particleFloat {\n\n  0%,\n  100% {\n\n    transform:\n      translateY(0)\n      scale(0.8);\n\n    opacity: 0.25;\n  }\n\n  50% {\n\n    transform:\n      translateY(-25px)\n      scale(1.3);\n\n    opacity: 1;\n  }\n\n}\n\n\n@keyframes badgePulse {\n\n  0%,\n  100% {\n\n    transform:\n      scale(1);\n  }\n\n  50% {\n\n    transform:\n      scale(1.35);\n  }\n\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n  .biohack-scene {\n\n    padding:\n      32px 12px\n      28px;\n  }\n\n\n  .biohack-stage {\n\n    height: 360px;\n  }\n\n\n  .biohack-capsule {\n\n    width: 160px;\n    height: 305px;\n  }\n\n\n  .energy-ring-one {\n\n    width: 280px;\n    height: 160px;\n  }\n\n\n  .energy-ring-two {\n\n    width: 240px;\n    height: 310px;\n  }\n\n\n  .energy-ring-three {\n\n    width: 320px;\n  }\n\n\n  .ingredients-grid {\n\n    grid-template-columns:\n      repeat(2, 1fr);\n\n    gap: 10px;\n  }\n\n\n  .ingredient-card {\n\n    min-height: 155px;\n\n    padding:\n      16px 10px;\n  }\n\n\n  .ingredient-icon {\n\n    width: 54px;\n    height: 54px;\n\n    font-size: 24px;\n  }\n\n\n  .benefit-item {\n\n    min-width: 50%;\n\n    font-size: 12px;\n  }\n\n\n  .biohack-benefits-bar {\n\n    border-radius: 18px;\n  }\n\n}\n\n\n@media screen and (max-width: 400px) {\n\n  .biohack-stage {\n\n    height: 330px;\n  }\n\n\n  .biohack-capsule {\n\n    width: 145px;\n    height: 275px;\n  }\n\n\n  .ingredients-title {\n\n    font-size: 11px;\n\n    letter-spacing: 2.5px;\n  }\n\n\n  .ingredient-text {\n\n    font-size: 11px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCIR MOVIMIENTO\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .biohack-capsule,\n  .energy-glow,\n  .energy-ring-one,\n  .energy-ring-two,\n  .energy-ring-three,\n  .energy-particle,\n  .biohack-badge-dot,\n  .capsule-shadow {\n\n    animation: none !important;\n  }\n\n}\n\n\u003c\/style\u003e\n\u003csection class=\"biohack-scene\"\u003e\n\u003cdiv class=\"biohack-container\"\u003e\n\u003cdiv class=\"biohack-badge\"\u003e\n\u003cspan class=\"biohack-badge-dot\"\u003e\u003c\/span\u003e BIOHACK MIND\u003c\/div\u003e\n\u003cdiv class=\"biohack-stage\"\u003e\n\u003cdiv class=\"energy-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"energy-ring-one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"energy-ring-two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"energy-ring-three\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"energy-particle particle-1\"\u003e\u003c\/span\u003e \u003cspan class=\"energy-particle particle-2\"\u003e\u003c\/span\u003e \u003cspan class=\"energy-particle particle-3\"\u003e\u003c\/span\u003e \u003cspan class=\"energy-particle particle-4\"\u003e\u003c\/span\u003e \u003cspan class=\"energy-particle particle-5\"\u003e\u003c\/span\u003e \u003cspan class=\"energy-particle particle-6\"\u003e\u003c\/span\u003e \u003cspan class=\"energy-particle particle-7\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"capsule-shadow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"biohack-capsule\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0987\/2349\/6256\/files\/white-capsule-with-transparent-background-for-pharmaceutical-and-health-illustrations-free-png.webp?v=1787784955\" alt=\"Cápsula Biohack Mind\" loading=\"eager\" draggable=\"false\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"biohack-title\"\u003eUna cápsula.\u003cbr\u003e\u003cspan\u003eUna nueva forma de rendir.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"biohack-subtitle\"\u003eUna fórmula pensada para acompañar tu energía, concentración y rendimiento durante el día.\u003c\/p\u003e\n\u003cdiv class=\"ingredients-title\"\u003eINGREDIENTES ESTRELLA\u003c\/div\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e⚡\u003c\/div\u003e\n\u003cdiv class=\"ingredient-name\"\u003ePARAXANTHINE\u003c\/div\u003e\n\u003cdiv class=\"ingredient-text\"\u003eApoya la energía sostenida y el enfoque mental.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e◉\u003c\/div\u003e\n\u003cdiv class=\"ingredient-name\"\u003eL-THEANINE\u003c\/div\u003e\n\u003cdiv class=\"ingredient-text\"\u003eFavorece una sensación de calma y concentración.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"ingredient-name\"\u003eEXTRACTO DE TÉ\u003c\/div\u003e\n\u003cdiv class=\"ingredient-text\"\u003eComplementa la fórmula con compuestos antioxidantes.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"ingredient-name\"\u003eVITAMINAS B\u003c\/div\u003e\n\u003cdiv class=\"ingredient-text\"\u003eNutrientes que participan en el metabolismo energético.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"biohack-benefits-bar\"\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e ⚡ \u003c\/span\u003e ENERGÍA\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e ◉ \u003c\/span\u003e ENFOQUE\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e ✦ \u003c\/span\u003e MOOD\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e ↗️ \u003c\/span\u003e SIN CRASH\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0987\/2349\/6256\/files\/ChatGPT_Image_26_ago_2026_06_30_42_p.m..webp?v=1787787210\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  .premium-reviews {\n    width: 100%;\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 8px 14px 25px;\n    box-sizing: border-box;\n    font-family: inherit;\n  }\n\n  \/* =========================\n     ENCABEZADO\n     ========================= *\/\n\n  .premium-reviews-header {\n    text-align: center;\n    margin-bottom: 16px;\n  }\n\n  \/* ESTRELLAS DEL ENCABEZADO *\/\n\n  .reviews-header-rating {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 7px;\n    margin-bottom: 6px;\n  }\n\n  .reviews-header-stars {\n    color: #d6aa42;\n    font-size: 17px;\n    letter-spacing: 2px;\n    line-height: 1;\n  }\n\n  .reviews-header-label {\n    font-size: 11px;\n    font-weight: 600;\n    color: #777;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n  }\n\n  .premium-reviews-title {\n    margin: 0;\n    font-size: 23px;\n    font-weight: 700;\n    letter-spacing: -0.4px;\n    color: #171717;\n  }\n\n  .premium-reviews-subtitle {\n    margin: 5px 0 0;\n    font-size: 13px;\n    color: #777;\n  }\n\n\n  \/* =========================\n     CONTENEDOR\n     ========================= *\/\n\n  .reviews-wrapper {\n    position: relative;\n  }\n\n  .reviews-track {\n    display: flex;\n    gap: 14px;\n    overflow-x: auto;\n    scroll-behavior: smooth;\n    scroll-snap-type: x mandatory;\n    padding: 4px 3px 15px;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n  }\n\n  .reviews-track::-webkit-scrollbar {\n    display: none;\n  }\n\n\n  \/* =========================\n     TARJETAS\n     ========================= *\/\n\n  .review-card {\n    flex: 0 0 265px;\n    background: #fff;\n    border: 1px solid rgba(25, 63, 105, 0.13);\n    border-radius: 13px;\n    overflow: hidden;\n    scroll-snap-align: start;\n\n    box-shadow:\n      0 5px 17px rgba(0, 0, 0, 0.065);\n\n    transition:\n      transform 0.25s ease,\n      box-shadow 0.25s ease;\n  }\n\n  .review-card:hover {\n    transform: translateY(-2px);\n\n    box-shadow:\n      0 8px 22px rgba(0, 0, 0, 0.09);\n  }\n\n\n  \/* =========================\n     IMAGEN\n     ========================= *\/\n\n  .review-image-container {\n    width: 100%;\n    background: #f7f7f7;\n    overflow: hidden;\n  }\n\n  .review-image {\n    display: block;\n    width: 100%;\n    height: 285px;\n    object-fit: contain;\n    background: #f7f7f7;\n  }\n\n\n  \/* =========================\n     CONTENIDO\n     ========================= *\/\n\n  .review-content {\n    padding: 13px 14px 15px;\n  }\n\n\n  \/* =========================\n     CALIFICACIÓN\n     ========================= *\/\n\n  .review-rating {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-bottom: 8px;\n    min-height: 20px;\n  }\n\n  .review-stars {\n    color: #d6aa42;\n    font-size: 13px;\n    letter-spacing: 1.5px;\n    line-height: 1;\n    white-space: nowrap;\n  }\n\n  .review-score {\n    font-size: 12px;\n    font-weight: 700;\n    color: #222;\n    padding-right: 6px;\n    border-right: 1px solid #ddd;\n    line-height: 14px;\n  }\n\n  .review-excellent {\n    font-size: 10px;\n    color: #777;\n    white-space: nowrap;\n  }\n\n\n  \/* =========================\n     TEXTO\n     ========================= *\/\n\n  .review-text {\n    margin: 0;\n    color: #292929;\n    font-size: 13px;\n    line-height: 1.48;\n  }\n\n\n  \/* =========================\n     CLIENTE VERIFICADO\n     ========================= *\/\n\n  .review-author {\n    margin-top: 10px;\n  }\n\n  .verified-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    color: #3778b8;\n    font-size: 11px;\n    font-weight: 500;\n  }\n\n  .verified-check {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 14px;\n    height: 14px;\n\n    border-radius: 50%;\n    background: #3778b8;\n    color: #fff;\n\n    font-size: 8px;\n    font-weight: 700;\n    line-height: 1;\n  }\n\n\n  \/* =========================\n     FLECHAS\n     ========================= *\/\n\n  .review-navigation {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n    margin-top: 3px;\n  }\n\n  .review-arrow {\n    width: 32px;\n    height: 32px;\n\n    border-radius: 50%;\n    border: 1px solid rgba(25, 63, 105, 0.17);\n\n    background: #fff;\n    color: #193f69;\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    cursor: pointer;\n    font-size: 16px;\n\n    transition: all 0.2s ease;\n  }\n\n  .review-arrow:hover {\n    background: #193f69;\n    color: #fff;\n  }\n\n\n  \/* =========================\n     PUNTOS\n     ========================= *\/\n\n  .review-dots {\n    display: flex;\n    justify-content: center;\n    gap: 5px;\n    margin-top: 11px;\n  }\n\n  .review-dot {\n    width: 5px;\n    height: 5px;\n\n    border-radius: 50%;\n    background: #d3d3d3;\n\n    transition: all 0.25s ease;\n  }\n\n  .review-dot.active {\n    width: 16px;\n    border-radius: 5px;\n    background: #193f69;\n  }\n\n\n  \/* =========================\n     CELULAR\n     ========================= *\/\n\n  @media (max-width: 749px) {\n\n    .premium-reviews {\n      padding-left: 10px;\n      padding-right: 10px;\n      padding-bottom: 20px;\n    }\n\n    .premium-reviews-header {\n      margin-bottom: 13px;\n    }\n\n    .reviews-header-stars {\n      font-size: 14px;\n      letter-spacing: 1.5px;\n    }\n\n    .reviews-header-label {\n      font-size: 10px;\n    }\n\n    .premium-reviews-title {\n      font-size: 20px;\n    }\n\n    .premium-reviews-subtitle {\n      font-size: 12px;\n      margin-top: 4px;\n    }\n\n    .reviews-track {\n      gap: 11px;\n      padding-left: 2px;\n      padding-right: 2px;\n      padding-bottom: 12px;\n    }\n\n    .review-card {\n      flex: 0 0 72%;\n      border-radius: 12px;\n    }\n\n    .review-image {\n      height: 255px;\n    }\n\n    .review-content {\n      padding: 12px 13px 14px;\n    }\n\n    .review-text {\n      font-size: 12.5px;\n      line-height: 1.45;\n    }\n\n    .review-stars {\n      font-size: 12px;\n      letter-spacing: 1.3px;\n    }\n\n    .review-score {\n      font-size: 11px;\n    }\n\n    .review-excellent {\n      font-size: 9.5px;\n    }\n\n    .verified-badge {\n      font-size: 10.5px;\n    }\n\n    .verified-check {\n      width: 13px;\n      height: 13px;\n      font-size: 8px;\n    }\n\n    \/* En celular se ocultan las flechas *\/\n    .review-navigation {\n      display: none;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"premium-reviews\"\u003e\n\u003c!-- =========================\n       ENCABEZADO\n       ========================= --\u003e\n\u003cdiv class=\"premium-reviews-header\"\u003e\n\u003cdiv class=\"reviews-header-rating\"\u003e\n\u003cspan class=\"reviews-header-stars\"\u003e ★★★★★ \u003c\/span\u003e \u003cspan class=\"reviews-header-label\"\u003e Opiniones de clientes \u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"premium-reviews-title\"\u003eLo que dicen nuestros clientes\u003c\/h2\u003e\n\u003cp class=\"premium-reviews-subtitle\"\u003eExperiencias reales de quienes ya lo probaron\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"reviews-wrapper\"\u003e\n\u003cdiv class=\"reviews-track\" id=\"premiumReviewsTrack\"\u003e\n\u003c!-- =====================================\n           RESEÑA 1\n           ===================================== --\u003e\n\u003cdiv class=\"review-card\"\u003e\n\u003cdiv class=\"review-image-container\"\u003e\u003cimg class=\"review-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0987\/2349\/6256\/files\/61nmLx90cfL.jpg?v=1787791943\" alt=\"Reseña de cliente\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"review-content\"\u003e\n\u003cdiv class=\"review-rating\"\u003e\n\u003cspan class=\"review-stars\"\u003e ★★★★★ \u003c\/span\u003e \u003cspan class=\"review-score\"\u003e 5.0 \u003c\/span\u003e \u003cspan class=\"review-excellent\"\u003e Excelente \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"review-text\"\u003e\"Estoy muy contento con el producto. La atención fue excelente y el pedido llegó en muy buenas condiciones.\"\u003c\/p\u003e\n\u003cdiv class=\"review-author\"\u003e\u003cspan class=\"verified-badge\"\u003e \u003cspan class=\"verified-check\"\u003e ✓ \u003c\/span\u003e Cliente verificado \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================\n           RESEÑA 2\n           ===================================== --\u003e\n\u003cdiv class=\"review-card\"\u003e\n\u003cdiv class=\"review-image-container\"\u003e\u003cimg class=\"review-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0987\/2349\/6256\/files\/61SYggy0t5L.jpg?v=1787791943\" alt=\"Reseña de cliente\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"review-content\"\u003e\n\u003cdiv class=\"review-rating\"\u003e\n\u003cspan class=\"review-stars\"\u003e ★★★★★ \u003c\/span\u003e \u003cspan class=\"review-score\"\u003e 5.0 \u003c\/span\u003e \u003cspan class=\"review-excellent\"\u003e Excelente \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"review-text\"\u003e\"Trabajo en un call center y para mantenerme activo consumia mucho cafe y energizante, este suplemento me ha cambiado la vida lo recomiendo full.\"\u003c\/p\u003e\n\u003cdiv class=\"review-author\"\u003e\u003cspan class=\"verified-badge\"\u003e \u003cspan class=\"verified-check\"\u003e ✓ \u003c\/span\u003e Cliente verificado \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================\n           RESEÑA 3\n           ===================================== --\u003e\n\u003cdiv class=\"review-card\"\u003e\n\u003cdiv class=\"review-image-container\"\u003e\u003cimg class=\"review-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0987\/2349\/6256\/files\/WhatsApp_Image_2026-08-24_at_6.16.22_PM_2.webp?v=1787625362\" alt=\"Reseña de cliente\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"review-content\"\u003e\n\u003cdiv class=\"review-rating\"\u003e\n\u003cspan class=\"review-stars\"\u003e ★★★★★ \u003c\/span\u003e \u003cspan class=\"review-score\"\u003e 5.0 \u003c\/span\u003e \u003cspan class=\"review-excellent\"\u003e Excelente \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"review-text\"\u003e\"Excelente producto, quedé muy satisfecha. Definitivamente volvería a comprar.\"\u003c\/p\u003e\n\u003cdiv class=\"review-author\"\u003e\u003cspan class=\"verified-badge\"\u003e \u003cspan class=\"verified-check\"\u003e ✓ \u003c\/span\u003e Cliente verificado \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================\n           RESEÑA 4\n           ===================================== --\u003e\n\u003cdiv class=\"review-card\"\u003e\n\u003cdiv class=\"review-image-container\"\u003e\u003cimg class=\"review-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0987\/2349\/6256\/files\/WhatsApp_Image_2026-08-24_at_6.16.22_PM_4.webp?v=1787625362\" alt=\"Reseña de cliente\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"review-content\"\u003e\n\u003cdiv class=\"review-rating\"\u003e\n\u003cspan class=\"review-stars\"\u003e ★★★★★ \u003c\/span\u003e \u003cspan class=\"review-score\"\u003e 5.0 \u003c\/span\u003e \u003cspan class=\"review-excellent\"\u003e Excelente \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"review-text\"\u003e\"Muy buena atención desde el primer momento. El pedido llegó tal como esperaba y estoy feliz con la compra.\"\u003c\/p\u003e\n\u003cdiv class=\"review-author\"\u003e\u003cspan class=\"verified-badge\"\u003e \u003cspan class=\"verified-check\"\u003e ✓ \u003c\/span\u003e Cliente verificado \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================\n           RESEÑA 5\n           ===================================== --\u003e\n\u003cdiv class=\"review-card\"\u003e\n\u003cdiv class=\"review-image-container\"\u003e\u003cimg class=\"review-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0987\/2349\/6256\/files\/71iCt82N4UL.jpg?v=1787791943\" alt=\"Reseña de cliente\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"review-content\"\u003e\n\u003cdiv class=\"review-rating\"\u003e\n\u003cspan class=\"review-stars\"\u003e ★★★★★ \u003c\/span\u003e \u003cspan class=\"review-score\"\u003e 5.0 \u003c\/span\u003e \u003cspan class=\"review-excellent\"\u003e Excelente \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"review-text\"\u003e\"Llevo tomandolo una semana y el cambio que he tenido es my bueno antes me costaba concentrarme mucho porque mantenia estresada ahora me siento mas relajada y proceso mas rapido, gracias.\"\u003c\/p\u003e\n\u003cdiv class=\"review-author\"\u003e\u003cspan class=\"verified-badge\"\u003e \u003cspan class=\"verified-check\"\u003e ✓ \u003c\/span\u003e Cliente verificado \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================\n           RESEÑA 6\n           ===================================== --\u003e\n\u003cdiv class=\"review-card\"\u003e\n\u003cdiv class=\"review-image-container\"\u003e\u003cimg class=\"review-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0987\/2349\/6256\/files\/71LdMfyN9KL.jpg?v=1787791943\" alt=\"Reseña de cliente\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"review-content\"\u003e\n\u003cdiv class=\"review-rating\"\u003e\n\u003cspan class=\"review-stars\"\u003e ★★★★★ \u003c\/span\u003e \u003cspan class=\"review-score\"\u003e 5.0 \u003c\/span\u003e \u003cspan class=\"review-excellent\"\u003e Excelente \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"review-text\"\u003e\"Lo recomiendo a ojo cerrado que excelente producto.\"\u003c\/p\u003e\n\u003cdiv class=\"review-author\"\u003e\u003cspan class=\"verified-badge\"\u003e \u003cspan class=\"verified-check\"\u003e ✓ \u003c\/span\u003e Cliente verificado \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================\n         FLECHAS\n         ========================= --\u003e\n\u003cdiv class=\"review-navigation\"\u003e\n\u003cbutton class=\"review-arrow\" type=\"button\"\u003e ‹ \u003c\/button\u003e \u003cbutton class=\"review-arrow\" type=\"button\"\u003e › \u003c\/button\u003e\u003cscript\u003e\n\n  const premiumReviewsTrack =\n    document.getElementById('premiumReviewsTrack');\n\n  const premiumReviewDots =\n    document.querySelectorAll('.review-dot');\n\n  const premiumReviewCards =\n    document.querySelectorAll('.review-card');\n\n\n  function premiumReviewsMove(direction) {\n\n    const card =\n      premiumReviewCards[0];\n\n    if (!card) return;\n\n    const gap =\n      window.innerWidth \u003c= 749 ? 11 : 14;\n\n    const cardWidth =\n      card.offsetWidth + gap;\n\n    premiumReviewsTrack.scrollBy({\n\n      left: direction * cardWidth,\n\n      behavior: 'smooth'\n\n    });\n\n  }\n\n\n  premiumReviewsTrack.addEventListener(\n    'scroll',\n    function() {\n\n      const scrollPosition =\n        premiumReviewsTrack.scrollLeft;\n\n      const gap =\n        window.innerWidth \u003c= 749 ? 11 : 14;\n\n      const cardWidth =\n        premiumReviewCards[0].offsetWidth + gap;\n\n      const currentIndex =\n        Math.round(\n          scrollPosition \/ cardWidth\n        );\n\n\n      premiumReviewDots.forEach(\n        (dot, index) =\u003e {\n\n          dot.classList.toggle(\n            'active',\n            index === currentIndex\n          );\n\n        }\n      );\n\n    }\n  );\n\n\u003c\/script\u003e \u003c\/div\u003e\n\u003c!-- =========================\n         INDICADORES\n         ========================= --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* =========================================================\n   BIOHACK MIND — PROGRESO 3 SEMANAS\n   ========================================================= *\/\n\n.biohack-evolution {\n  width: 100%;\n  max-width: 1150px;\n  margin: 45px auto;\n  padding: 55px 22px;\n  box-sizing: border-box;\n  font-family: Arial, Helvetica, sans-serif;\n  background:\n    radial-gradient(circle at 50% 0%, rgba(65, 105, 225, .10), transparent 35%),\n    linear-gradient(180deg, #f8faff 0%, #ffffff 100%);\n  border-radius: 30px;\n  overflow: hidden;\n  position: relative;\n}\n\n\/* Destellos decorativos *\/\n\n.biohack-evolution::before {\n  content: \"\";\n  position: absolute;\n  width: 180px;\n  height: 180px;\n  border-radius: 50%;\n  background: rgba(3, 34, 135, .06);\n  top: -90px;\n  left: -70px;\n  filter: blur(5px);\n}\n\n.biohack-evolution::after {\n  content: \"\";\n  position: absolute;\n  width: 220px;\n  height: 220px;\n  border-radius: 50%;\n  background: rgba(73, 111, 255, .05);\n  bottom: -120px;\n  right: -80px;\n  filter: blur(5px);\n}\n\n\n\/* =========================================================\n   ENCABEZADO\n   ========================================================= *\/\n\n.biohack-evolution-header {\n  text-align: center;\n  position: relative;\n  z-index: 3;\n  margin-bottom: 55px;\n}\n\n.biohack-mini-title {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  background: #032287;\n  color: white;\n  padding: 9px 17px;\n  border-radius: 50px;\n  font-size: 11px;\n  font-weight: 900;\n  letter-spacing: 2px;\n  margin-bottom: 18px;\n  box-shadow: 0 7px 22px rgba(3,34,135,.20);\n}\n\n.biohack-mini-title::before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: #ffffff;\n  animation: liveDot 1.2s infinite;\n}\n\n@keyframes liveDot {\n  0%,100% {\n    transform: scale(1);\n    opacity: .5;\n  }\n  50% {\n    transform: scale(1.7);\n    opacity: 1;\n  }\n}\n\n.biohack-evolution-header h2 {\n  margin: 0;\n  font-size: clamp(30px, 5vw, 50px);\n  line-height: 1.03;\n  font-weight: 900;\n  color: #111827;\n  letter-spacing: -1.5px;\n}\n\n.biohack-evolution-header h2 span {\n  color: #032287;\n}\n\n.biohack-evolution-header p {\n  max-width: 680px;\n  margin: 18px auto 0;\n  color: #667085;\n  font-size: 15px;\n  line-height: 1.65;\n}\n\n\n\/* =========================================================\n   TIMELINE\n   ========================================================= *\/\n\n.biohack-timeline {\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 25px;\n  z-index: 2;\n}\n\n\n\/* Línea *\/\n\n.biohack-progress-line {\n  position: absolute;\n  height: 5px;\n  top: 42px;\n  left: 15%;\n  right: 15%;\n  background: #dfe5f2;\n  border-radius: 20px;\n  overflow: hidden;\n  z-index: 0;\n}\n\n.biohack-progress-line-fill {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  left: 0;\n  top: 0;\n  background: linear-gradient(\n    90deg,\n    #032287,\n    #3157d8,\n    #6687ff\n  );\n  transform: scaleX(0);\n  transform-origin: left;\n  animation: fillProgress 2.5s cubic-bezier(.65,0,.35,1) forwards;\n  box-shadow: 0 0 15px rgba(3,34,135,.35);\n}\n\n@keyframes fillProgress {\n  to {\n    transform: scaleX(1);\n  }\n}\n\n\n\/* =========================================================\n   BLOQUES\n   ========================================================= *\/\n\n.biohack-step {\n  position: relative;\n  z-index: 2;\n  text-align: center;\n}\n\n\n\/* =========================================================\n   CÍRCULOS\n   ========================================================= *\/\n\n.biohack-step-circle {\n  width: 84px;\n  height: 84px;\n  margin: 0 auto 24px;\n  border-radius: 50%;\n  background: #ffffff;\n  border: 5px solid #032287;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  box-shadow:\n    0 10px 30px rgba(3,34,135,.16),\n    0 0 0 8px rgba(3,34,135,.04);\n}\n\n.biohack-step-circle strong {\n  color: #032287;\n  font-size: 21px;\n  font-weight: 900;\n}\n\n\n\/* Anillo exterior *\/\n\n.biohack-step-circle::before {\n  content: \"\";\n  position: absolute;\n  inset: -10px;\n  border-radius: 50%;\n  border: 2px solid rgba(3,34,135,.12);\n}\n\n\n\/* =========================================================\n   ANIMACIÓN SEMANA 1 — PULSO\n   ========================================================= *\/\n\n.biohack-step:nth-child(2) .biohack-step-circle {\n  animation:\n    weekOneAppear .8s ease forwards,\n    weekOnePulse 2s 1s infinite;\n}\n\n@keyframes weekOneAppear {\n  0% {\n    opacity: 0;\n    transform: scale(.3);\n  }\n  70% {\n    transform: scale(1.12);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes weekOnePulse {\n  0%,100% {\n    box-shadow:\n      0 10px 30px rgba(3,34,135,.16),\n      0 0 0 8px rgba(3,34,135,.04);\n  }\n\n  50% {\n    box-shadow:\n      0 12px 38px rgba(3,34,135,.28),\n      0 0 0 17px rgba(3,34,135,.02);\n  }\n}\n\n\n\/* =========================================================\n   ANIMACIÓN SEMANA 2 — GIRO\n   ========================================================= *\/\n\n.biohack-step:nth-child(3) .biohack-step-circle {\n  opacity: 0;\n  animation: weekTwoRotate 1s 1s cubic-bezier(.34,1.56,.64,1) forwards;\n}\n\n@keyframes weekTwoRotate {\n  0% {\n    opacity: 0;\n    transform: translateY(35px) rotate(-180deg) scale(.5);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateY(0) rotate(0deg) scale(1);\n  }\n}\n\n\n\/* =========================================================\n   ANIMACIÓN SEMANA 3 — DESBLOQUEO\n   ========================================================= *\/\n\n.biohack-step:nth-child(4) .biohack-step-circle {\n  opacity: 0;\n  animation: weekThreeUnlock 1s 1.8s cubic-bezier(.2,.8,.2,1) forwards;\n}\n\n@keyframes weekThreeUnlock {\n  0% {\n    opacity: 0;\n    transform: scale(.5) translateY(50px);\n    filter: blur(6px);\n  }\n\n  70% {\n    transform: scale(1.15) translateY(-5px);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n    filter: blur(0);\n  }\n}\n\n\n\/* =========================================================\n   TARJETAS\n   ========================================================= *\/\n\n.biohack-step-card {\n  background: rgba(255,255,255,.95);\n  border: 1px solid #e5eaf3;\n  border-radius: 23px;\n  padding: 27px 23px;\n  min-height: 265px;\n  box-sizing: border-box;\n  box-shadow: 0 12px 35px rgba(16,24,40,.07);\n  position: relative;\n  overflow: hidden;\n  transition:\n    transform .4s ease,\n    box-shadow .4s ease;\n}\n\n.biohack-step-card::before {\n  content: \"\";\n  position: absolute;\n  width: 120px;\n  height: 120px;\n  border-radius: 50%;\n  background: rgba(3,34,135,.05);\n  top: -70px;\n  right: -60px;\n}\n\n.biohack-step-card:hover {\n  transform: translateY(-10px) scale(1.015);\n  box-shadow: 0 22px 50px rgba(3,34,135,.15);\n}\n\n\n\/* Entrada tarjetas *\/\n\n.biohack-step:nth-child(2) .biohack-step-card {\n  opacity: 0;\n  animation: cardSlideUp .8s .45s ease forwards;\n}\n\n.biohack-step:nth-child(3) .biohack-step-card {\n  opacity: 0;\n  animation: cardSlideLeft .8s 1.05s ease forwards;\n}\n\n.biohack-step:nth-child(4) .biohack-step-card {\n  opacity: 0;\n  animation: cardZoom .9s 1.8s cubic-bezier(.2,.8,.2,1) forwards;\n}\n\n@keyframes cardSlideUp {\n  from {\n    opacity: 0;\n    transform: translateY(45px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes cardSlideLeft {\n  from {\n    opacity: 0;\n    transform: translateX(45px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes cardZoom {\n  from {\n    opacity: 0;\n    transform: scale(.85);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n\n\/* =========================================================\n   TEXTOS\n   ========================================================= *\/\n\n.biohack-week-label {\n  font-size: 11px;\n  font-weight: 900;\n  color: #032287;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  margin-bottom: 8px;\n}\n\n.biohack-step-card h3 {\n  margin: 0 0 12px;\n  font-size: 25px;\n  font-weight: 900;\n  color: #111827;\n}\n\n.biohack-step-card h3 span {\n  color: #032287;\n}\n\n.biohack-step-card p {\n  color: #667085;\n  font-size: 14px;\n  line-height: 1.6;\n  margin: 0 0 18px;\n}\n\n\n\/* =========================================================\n   BENEFICIOS\n   ========================================================= *\/\n\n.biohack-benefit {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  text-align: left;\n  background: #f4f7ff;\n  border-radius: 12px;\n  padding: 10px 12px;\n  margin-top: 8px;\n  font-size: 12.5px;\n  font-weight: 700;\n  color: #344054;\n\n  opacity: 0;\n  transform: translateX(-15px);\n  animation: benefitAppear .7s ease forwards;\n}\n\n.biohack-benefit:nth-child(4) {\n  animation-delay: .8s;\n}\n\n.biohack-benefit:nth-child(5) {\n  animation-delay: 1s;\n}\n\n@keyframes benefitAppear {\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n.biohack-check {\n  width: 23px;\n  min-width: 23px;\n  height: 23px;\n  border-radius: 50%;\n  background: #032287;\n  color: #ffffff;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 11px;\n  font-weight: 900;\n}\n\n\n\/* =========================================================\n   BARRA INFERIOR\n   ========================================================= *\/\n\n.biohack-bottom {\n  margin-top: 42px;\n  text-align: center;\n  position: relative;\n  z-index: 3;\n}\n\n.biohack-bottom-line {\n  width: 100%;\n  max-width: 500px;\n  height: 7px;\n  margin: 0 auto 14px;\n  background: #e8edf5;\n  border-radius: 20px;\n  overflow: hidden;\n}\n\n.biohack-bottom-line span {\n  display: block;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(\n    90deg,\n    #032287,\n    #5b7cff\n  );\n  transform: scaleX(0);\n  transform-origin: left;\n  animation: bottomProgress 3s 1s ease forwards;\n}\n\n@keyframes bottomProgress {\n  to {\n    transform: scaleX(1);\n  }\n}\n\n.biohack-bottom p {\n  margin: 0;\n  color: #98a2b3;\n  font-size: 11px;\n  line-height: 1.5;\n}\n\n\n\/* =========================================================\n   CELULAR\n   ========================================================= *\/\n\n@media (max-width: 750px) {\n\n  .biohack-evolution {\n    padding: 40px 14px;\n    border-radius: 22px;\n    margin: 30px auto;\n  }\n\n  .biohack-evolution-header {\n    margin-bottom: 40px;\n  }\n\n  .biohack-evolution-header h2 {\n    font-size: 31px;\n    letter-spacing: -1px;\n  }\n\n  .biohack-evolution-header p {\n    font-size: 13px;\n  }\n\n  .biohack-timeline {\n    display: flex;\n    flex-direction: column;\n    gap: 22px;\n  }\n\n  \/* Línea vertical *\/\n\n  .biohack-progress-line {\n    top: 30px;\n    bottom: 30px;\n    left: 40px;\n    right: auto;\n    width: 4px;\n    height: auto;\n  }\n\n  .biohack-progress-line-fill {\n    width: 100%;\n    height: 100%;\n    transform: scaleY(0);\n    transform-origin: top;\n    animation: mobileProgress 3s ease forwards;\n  }\n\n  @keyframes mobileProgress {\n    to {\n      transform: scaleY(1);\n    }\n  }\n\n  .biohack-step {\n    display: grid;\n    grid-template-columns: 72px 1fr;\n    gap: 14px;\n    text-align: left;\n    align-items: start;\n  }\n\n  .biohack-step-circle {\n    width: 65px;\n    height: 65px;\n    border-width: 4px;\n    margin: 0;\n  }\n\n  .biohack-step-circle strong {\n    font-size: 17px;\n  }\n\n  .biohack-step-card {\n    min-height: auto;\n    padding: 22px 18px;\n    border-radius: 18px;\n  }\n\n  .biohack-step-card h3 {\n    font-size: 21px;\n  }\n\n  .biohack-step-card p {\n    font-size: 13px;\n  }\n\n  .biohack-benefit {\n    font-size: 11.5px;\n  }\n\n  .biohack-bottom {\n    margin-top: 30px;\n  }\n}\n\u003c\/style\u003e\n\u003cstyle\u003e\n  .biohack-evolution {\n    width: 100%;\n    max-width: 1150px;\n    margin: 40px auto;\n    padding: 50px 20px;\n    box-sizing: border-box;\n    font-family: Arial, Helvetica, sans-serif;\n    background:\n      radial-gradient(circle at 50% 0%, rgba(65,105,225,.10), transparent 35%),\n      linear-gradient(180deg,#f8faff 0%,#ffffff 100%);\n    border-radius: 28px;\n    overflow: hidden;\n    position: relative;\n  }\n\n  .biohack-evolution-header {\n    text-align: center;\n    margin-bottom: 48px;\n    position: relative;\n    z-index: 3;\n  }\n\n  .biohack-mini-title {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    background: #032287;\n    color: #fff;\n    padding: 8px 15px;\n    border-radius: 50px;\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: 2px;\n    margin-bottom: 16px;\n    box-shadow: 0 7px 22px rgba(3,34,135,.20);\n  }\n\n  .biohack-mini-title::before {\n    content: \"\";\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: #fff;\n    animation: bioDot 1.2s infinite;\n  }\n\n  @keyframes bioDot {\n    0%,100% {\n      transform: scale(1);\n      opacity: .5;\n    }\n    50% {\n      transform: scale(1.7);\n      opacity: 1;\n    }\n  }\n\n  .biohack-evolution-header h2 {\n    margin: 0;\n    font-size: clamp(28px,5vw,48px);\n    line-height: 1.05;\n    font-weight: 900;\n    color: #111827;\n    letter-spacing: -1.5px;\n  }\n\n  .biohack-evolution-header h2 span {\n    color: #032287;\n  }\n\n  .biohack-evolution-header p {\n    max-width: 650px;\n    margin: 15px auto 0;\n    color: #667085;\n    font-size: 14px;\n    line-height: 1.6;\n  }\n\n\n  \/* TIMELINE *\/\n\n  .biohack-timeline {\n    position: relative;\n    display: grid;\n    grid-template-columns: repeat(3,1fr);\n    gap: 18px;\n    z-index: 2;\n  }\n\n  .biohack-progress-line {\n    position: absolute;\n    height: 4px;\n    top: 39px;\n    left: 16%;\n    right: 16%;\n    background: #dfe5f2;\n    border-radius: 20px;\n    overflow: hidden;\n    z-index: 0;\n  }\n\n  .biohack-progress-line-fill {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(\n      90deg,\n      #032287,\n      #3157d8,\n      #6687ff\n    );\n    transform: scaleX(0);\n    transform-origin: left;\n    animation: bioProgress 2.5s ease forwards;\n  }\n\n  @keyframes bioProgress {\n    to {\n      transform: scaleX(1);\n    }\n  }\n\n\n  \/* PASOS *\/\n\n  .biohack-step {\n    position: relative;\n    z-index: 2;\n    text-align: center;\n  }\n\n  .biohack-step-circle {\n    width: 78px;\n    height: 78px;\n    margin: 0 auto 21px;\n    border-radius: 50%;\n    background: #fff;\n    border: 5px solid #032287;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: relative;\n    box-shadow:\n      0 10px 30px rgba(3,34,135,.16),\n      0 0 0 8px rgba(3,34,135,.04);\n  }\n\n  .biohack-step-circle strong {\n    color: #032287;\n    font-size: 20px;\n    font-weight: 900;\n  }\n\n  .biohack-step-circle::before {\n    content: \"\";\n    position: absolute;\n    inset: -9px;\n    border-radius: 50%;\n    border: 2px solid rgba(3,34,135,.12);\n  }\n\n\n  \/* ANIMACIONES DIFERENTES *\/\n\n  .biohack-step:nth-child(2) .biohack-step-circle {\n    animation:\n      bioAppear1 .8s ease forwards,\n      bioPulse 2s 1s infinite;\n  }\n\n  @keyframes bioAppear1 {\n    from {\n      opacity: 0;\n      transform: scale(.3);\n    }\n    70% {\n      transform: scale(1.12);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  @keyframes bioPulse {\n    0%,100% {\n      box-shadow:\n        0 10px 30px rgba(3,34,135,.16),\n        0 0 0 8px rgba(3,34,135,.04);\n    }\n\n    50% {\n      box-shadow:\n        0 12px 38px rgba(3,34,135,.30),\n        0 0 0 17px rgba(3,34,135,.02);\n    }\n  }\n\n  .biohack-step:nth-child(3) .biohack-step-circle {\n    opacity: 0;\n    animation: bioRotate 1s 1s cubic-bezier(.34,1.56,.64,1) forwards;\n  }\n\n  @keyframes bioRotate {\n    from {\n      opacity: 0;\n      transform: translateY(30px) rotate(-180deg) scale(.5);\n    }\n\n    to {\n      opacity: 1;\n      transform: translateY(0) rotate(0) scale(1);\n    }\n  }\n\n  .biohack-step:nth-child(4) .biohack-step-circle {\n    opacity: 0;\n    animation: bioUnlock 1s 1.8s cubic-bezier(.2,.8,.2,1) forwards;\n  }\n\n  @keyframes bioUnlock {\n    from {\n      opacity: 0;\n      transform: scale(.5) translateY(40px);\n      filter: blur(6px);\n    }\n\n    70% {\n      transform: scale(1.15) translateY(-5px);\n    }\n\n    to {\n      opacity: 1;\n      transform: scale(1) translateY(0);\n      filter: blur(0);\n    }\n  }\n\n\n  \/* TARJETAS *\/\n\n  .biohack-step-card {\n    background: rgba(255,255,255,.96);\n    border: 1px solid #e5eaf3;\n    border-radius: 21px;\n    padding: 24px 18px;\n    min-height: 255px;\n    box-sizing: border-box;\n    box-shadow: 0 12px 35px rgba(16,24,40,.07);\n    transition: transform .4s ease, box-shadow .4s ease;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .biohack-step-card:hover {\n    transform: translateY(-9px);\n    box-shadow: 0 22px 45px rgba(3,34,135,.15);\n  }\n\n  .biohack-step:nth-child(2) .biohack-step-card {\n    opacity: 0;\n    animation: cardUp .8s .45s ease forwards;\n  }\n\n  .biohack-step:nth-child(3) .biohack-step-card {\n    opacity: 0;\n    animation: cardSide .8s 1.05s ease forwards;\n  }\n\n  .biohack-step:nth-child(4) .biohack-step-card {\n    opacity: 0;\n    animation: cardZoom .9s 1.8s ease forwards;\n  }\n\n  @keyframes cardUp {\n    from {\n      opacity: 0;\n      transform: translateY(40px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes cardSide {\n    from {\n      opacity: 0;\n      transform: translateX(40px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes cardZoom {\n    from {\n      opacity: 0;\n      transform: scale(.85);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n\n  \/* TEXTOS *\/\n\n  .biohack-week-label {\n    font-size: 9px;\n    font-weight: 900;\n    color: #032287;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    margin-bottom: 7px;\n  }\n\n  .biohack-step-card h3 {\n    margin: 0 0 10px;\n    font-size: 22px;\n    font-weight: 900;\n    color: #111827;\n  }\n\n  .biohack-step-card h3 span {\n    color: #032287;\n  }\n\n  .biohack-step-card p {\n    color: #667085;\n    font-size: 13px;\n    line-height: 1.55;\n    margin: 0 0 15px;\n  }\n\n\n  \/* BENEFICIOS *\/\n\n  .biohack-benefit {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    text-align: left;\n    background: #f4f7ff;\n    border-radius: 11px;\n    padding: 9px 10px;\n    margin-top: 7px;\n    font-size: 11px;\n    font-weight: 700;\n    color: #344054;\n\n    opacity: 0;\n    transform: translateX(-12px);\n    animation: benefitIn .7s ease forwards;\n  }\n\n  .biohack-benefit:nth-child(4) {\n    animation-delay: .8s;\n  }\n\n  .biohack-benefit:nth-child(5) {\n    animation-delay: 1s;\n  }\n\n  @keyframes benefitIn {\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n\n  .biohack-check {\n    width: 21px;\n    min-width: 21px;\n    height: 21px;\n    border-radius: 50%;\n    background: #032287;\n    color: #fff;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: 10px;\n  }\n\n\n  \/* PARTE INFERIOR *\/\n\n  .biohack-bottom {\n    margin-top: 35px;\n    text-align: center;\n  }\n\n  .biohack-bottom-line {\n    width: 100%;\n    max-width: 450px;\n    height: 6px;\n    margin: 0 auto 12px;\n    background: #e8edf5;\n    border-radius: 20px;\n    overflow: hidden;\n  }\n\n  .biohack-bottom-line span {\n    display: block;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(\n      90deg,\n      #032287,\n      #5b7cff\n    );\n    transform: scaleX(0);\n    transform-origin: left;\n    animation: bottomBar 3s 1s ease forwards;\n  }\n\n  @keyframes bottomBar {\n    to {\n      transform: scaleX(1);\n    }\n  }\n\n  .biohack-bottom p {\n    margin: 0;\n    color: #98a2b3;\n    font-size: 10px;\n    line-height: 1.5;\n  }\n\n\n  \/* =====================================================\n     CELULAR\n     MANTIENE LAS 3 SEMANAS HORIZONTALES\n     ===================================================== *\/\n\n  @media (max-width: 600px) {\n\n    .biohack-evolution {\n      margin: 25px auto;\n      padding: 35px 8px;\n      border-radius: 20px;\n    }\n\n    .biohack-evolution-header {\n      margin-bottom: 38px;\n    }\n\n    .biohack-mini-title {\n      font-size: 8px;\n      padding: 7px 12px;\n      letter-spacing: 1.5px;\n    }\n\n    .biohack-evolution-header h2 {\n      font-size: 27px;\n      letter-spacing: -1px;\n    }\n\n    .biohack-evolution-header p {\n      font-size: 12px;\n      padding: 0 10px;\n    }\n\n    .biohack-timeline {\n      grid-template-columns: repeat(3, 1fr);\n      gap: 7px;\n    }\n\n    .biohack-progress-line {\n      top: 30px;\n      left: 16%;\n      right: 16%;\n      height: 3px;\n    }\n\n    .biohack-step-circle {\n      width: 58px;\n      height: 58px;\n      border-width: 4px;\n      margin-bottom: 16px;\n    }\n\n    .biohack-step-circle strong {\n      font-size: 15px;\n    }\n\n    .biohack-step-circle::before {\n      inset: -7px;\n    }\n\n    .biohack-step-card {\n      padding: 16px 9px;\n      min-height: 245px;\n      border-radius: 15px;\n    }\n\n    .biohack-week-label {\n      font-size: 7px;\n      letter-spacing: 1px;\n    }\n\n    .biohack-step-card h3 {\n      font-size: 17px;\n      margin-bottom: 8px;\n    }\n\n    .biohack-step-card p {\n      font-size: 10px;\n      line-height: 1.45;\n      margin-bottom: 11px;\n    }\n\n    .biohack-benefit {\n      gap: 5px;\n      padding: 7px 6px;\n      font-size: 8.5px;\n      line-height: 1.25;\n      border-radius: 8px;\n    }\n\n    .biohack-check {\n      width: 17px;\n      min-width: 17px;\n      height: 17px;\n      font-size: 8px;\n    }\n\n    .biohack-bottom {\n      margin-top: 27px;\n    }\n\n    .biohack-bottom p {\n      padding: 0 10px;\n      font-size: 9px;\n    }\n  }\n\u003c\/style\u003e\n\u003cstyle\u003e\n\/* =========================================================\n   BIOHACK MIND — PROGRESO 3 SEMANAS\n   ========================================================= *\/\n\n.biohack-evolution {\n  width: 100%;\n  max-width: 1150px;\n  margin: 45px auto;\n  padding: 55px 22px;\n  box-sizing: border-box;\n  font-family: Arial, Helvetica, sans-serif;\n  background:\n    radial-gradient(circle at 50% 0%, rgba(65, 105, 225, .10), transparent 35%),\n    linear-gradient(180deg, #f8faff 0%, #ffffff 100%);\n  border-radius: 30px;\n  overflow: hidden;\n  position: relative;\n}\n\n\/* Destellos decorativos *\/\n\n.biohack-evolution::before {\n  content: \"\";\n  position: absolute;\n  width: 180px;\n  height: 180px;\n  border-radius: 50%;\n  background: rgba(3, 34, 135, .06);\n  top: -90px;\n  left: -70px;\n  filter: blur(5px);\n}\n\n.biohack-evolution::after {\n  content: \"\";\n  position: absolute;\n  width: 220px;\n  height: 220px;\n  border-radius: 50%;\n  background: rgba(73, 111, 255, .05);\n  bottom: -120px;\n  right: -80px;\n  filter: blur(5px);\n}\n\n\n\/* =========================================================\n   ENCABEZADO\n   ========================================================= *\/\n\n.biohack-evolution-header {\n  text-align: center;\n  position: relative;\n  z-index: 3;\n  margin-bottom: 55px;\n}\n\n.biohack-mini-title {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  background: #032287;\n  color: white;\n  padding: 9px 17px;\n  border-radius: 50px;\n  font-size: 11px;\n  font-weight: 900;\n  letter-spacing: 2px;\n  margin-bottom: 18px;\n  box-shadow: 0 7px 22px rgba(3,34,135,.20);\n}\n\n.biohack-mini-title::before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: #ffffff;\n  animation: liveDot 1.2s infinite;\n}\n\n@keyframes liveDot {\n  0%,100% {\n    transform: scale(1);\n    opacity: .5;\n  }\n  50% {\n    transform: scale(1.7);\n    opacity: 1;\n  }\n}\n\n.biohack-evolution-header h2 {\n  margin: 0;\n  font-size: clamp(30px, 5vw, 50px);\n  line-height: 1.03;\n  font-weight: 900;\n  color: #111827;\n  letter-spacing: -1.5px;\n}\n\n.biohack-evolution-header h2 span {\n  color: #032287;\n}\n\n.biohack-evolution-header p {\n  max-width: 680px;\n  margin: 18px auto 0;\n  color: #667085;\n  font-size: 15px;\n  line-height: 1.65;\n}\n\n\n\/* =========================================================\n   TIMELINE\n   ========================================================= *\/\n\n.biohack-timeline {\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 25px;\n  z-index: 2;\n}\n\n\n\/* Línea *\/\n\n.biohack-progress-line {\n  position: absolute;\n  height: 5px;\n  top: 42px;\n  left: 15%;\n  right: 15%;\n  background: #dfe5f2;\n  border-radius: 20px;\n  overflow: hidden;\n  z-index: 0;\n}\n\n.biohack-progress-line-fill {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  left: 0;\n  top: 0;\n  background: linear-gradient(\n    90deg,\n    #032287,\n    #3157d8,\n    #6687ff\n  );\n  transform: scaleX(0);\n  transform-origin: left;\n  animation: fillProgress 2.5s cubic-bezier(.65,0,.35,1) forwards;\n  box-shadow: 0 0 15px rgba(3,34,135,.35);\n}\n\n@keyframes fillProgress {\n  to {\n    transform: scaleX(1);\n  }\n}\n\n\n\/* =========================================================\n   BLOQUES\n   ========================================================= *\/\n\n.biohack-step {\n  position: relative;\n  z-index: 2;\n  text-align: center;\n}\n\n\n\/* =========================================================\n   CÍRCULOS\n   ========================================================= *\/\n\n.biohack-step-circle {\n  width: 84px;\n  height: 84px;\n  margin: 0 auto 24px;\n  border-radius: 50%;\n  background: #ffffff;\n  border: 5px solid #032287;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  box-shadow:\n    0 10px 30px rgba(3,34,135,.16),\n    0 0 0 8px rgba(3,34,135,.04);\n}\n\n.biohack-step-circle strong {\n  color: #032287;\n  font-size: 21px;\n  font-weight: 900;\n}\n\n\n\/* Anillo exterior *\/\n\n.biohack-step-circle::before {\n  content: \"\";\n  position: absolute;\n  inset: -10px;\n  border-radius: 50%;\n  border: 2px solid rgba(3,34,135,.12);\n}\n\n\n\/* =========================================================\n   ANIMACIÓN SEMANA 1 — PULSO\n   ========================================================= *\/\n\n.biohack-step:nth-child(2) .biohack-step-circle {\n  animation:\n    weekOneAppear .8s ease forwards,\n    weekOnePulse 2s 1s infinite;\n}\n\n@keyframes weekOneAppear {\n  0% {\n    opacity: 0;\n    transform: scale(.3);\n  }\n  70% {\n    transform: scale(1.12);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes weekOnePulse {\n  0%,100% {\n    box-shadow:\n      0 10px 30px rgba(3,34,135,.16),\n      0 0 0 8px rgba(3,34,135,.04);\n  }\n\n  50% {\n    box-shadow:\n      0 12px 38px rgba(3,34,135,.28),\n      0 0 0 17px rgba(3,34,135,.02);\n  }\n}\n\n\n\/* =========================================================\n   ANIMACIÓN SEMANA 2 — GIRO\n   ========================================================= *\/\n\n.biohack-step:nth-child(3) .biohack-step-circle {\n  opacity: 0;\n  animation: weekTwoRotate 1s 1s cubic-bezier(.34,1.56,.64,1) forwards;\n}\n\n@keyframes weekTwoRotate {\n  0% {\n    opacity: 0;\n    transform: translateY(35px) rotate(-180deg) scale(.5);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateY(0) rotate(0deg) scale(1);\n  }\n}\n\n\n\/* =========================================================\n   ANIMACIÓN SEMANA 3 — DESBLOQUEO\n   ========================================================= *\/\n\n.biohack-step:nth-child(4) .biohack-step-circle {\n  opacity: 0;\n  animation: weekThreeUnlock 1s 1.8s cubic-bezier(.2,.8,.2,1) forwards;\n}\n\n@keyframes weekThreeUnlock {\n  0% {\n    opacity: 0;\n    transform: scale(.5) translateY(50px);\n    filter: blur(6px);\n  }\n\n  70% {\n    transform: scale(1.15) translateY(-5px);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n    filter: blur(0);\n  }\n}\n\n\n\/* =========================================================\n   TARJETAS\n   ========================================================= *\/\n\n.biohack-step-card {\n  background: rgba(255,255,255,.95);\n  border: 1px solid #e5eaf3;\n  border-radius: 23px;\n  padding: 27px 23px;\n  min-height: 265px;\n  box-sizing: border-box;\n  box-shadow: 0 12px 35px rgba(16,24,40,.07);\n  position: relative;\n  overflow: hidden;\n  transition:\n    transform .4s ease,\n    box-shadow .4s ease;\n}\n\n.biohack-step-card::before {\n  content: \"\";\n  position: absolute;\n  width: 120px;\n  height: 120px;\n  border-radius: 50%;\n  background: rgba(3,34,135,.05);\n  top: -70px;\n  right: -60px;\n}\n\n.biohack-step-card:hover {\n  transform: translateY(-10px) scale(1.015);\n  box-shadow: 0 22px 50px rgba(3,34,135,.15);\n}\n\n\n\/* Entrada tarjetas *\/\n\n.biohack-step:nth-child(2) .biohack-step-card {\n  opacity: 0;\n  animation: cardSlideUp .8s .45s ease forwards;\n}\n\n.biohack-step:nth-child(3) .biohack-step-card {\n  opacity: 0;\n  animation: cardSlideLeft .8s 1.05s ease forwards;\n}\n\n.biohack-step:nth-child(4) .biohack-step-card {\n  opacity: 0;\n  animation: cardZoom .9s 1.8s cubic-bezier(.2,.8,.2,1) forwards;\n}\n\n@keyframes cardSlideUp {\n  from {\n    opacity: 0;\n    transform: translateY(45px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes cardSlideLeft {\n  from {\n    opacity: 0;\n    transform: translateX(45px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes cardZoom {\n  from {\n    opacity: 0;\n    transform: scale(.85);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n\n\/* =========================================================\n   TEXTOS\n   ========================================================= *\/\n\n.biohack-week-label {\n  font-size: 11px;\n  font-weight: 900;\n  color: #032287;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  margin-bottom: 8px;\n}\n\n.biohack-step-card h3 {\n  margin: 0 0 12px;\n  font-size: 25px;\n  font-weight: 900;\n  color: #111827;\n}\n\n.biohack-step-card h3 span {\n  color: #032287;\n}\n\n.biohack-step-card p {\n  color: #667085;\n  font-size: 14px;\n  line-height: 1.6;\n  margin: 0 0 18px;\n}\n\n\n\/* =========================================================\n   BENEFICIOS\n   ========================================================= *\/\n\n.biohack-benefit {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  text-align: left;\n  background: #f4f7ff;\n  border-radius: 12px;\n  padding: 10px 12px;\n  margin-top: 8px;\n  font-size: 12.5px;\n  font-weight: 700;\n  color: #344054;\n\n  opacity: 0;\n  transform: translateX(-15px);\n  animation: benefitAppear .7s ease forwards;\n}\n\n.biohack-benefit:nth-child(4) {\n  animation-delay: .8s;\n}\n\n.biohack-benefit:nth-child(5) {\n  animation-delay: 1s;\n}\n\n@keyframes benefitAppear {\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n.biohack-check {\n  width: 23px;\n  min-width: 23px;\n  height: 23px;\n  border-radius: 50%;\n  background: #032287;\n  color: #ffffff;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 11px;\n  font-weight: 900;\n}\n\n\n\/* =========================================================\n   BARRA INFERIOR\n   ========================================================= *\/\n\n.biohack-bottom {\n  margin-top: 42px;\n  text-align: center;\n  position: relative;\n  z-index: 3;\n}\n\n.biohack-bottom-line {\n  width: 100%;\n  max-width: 500px;\n  height: 7px;\n  margin: 0 auto 14px;\n  background: #e8edf5;\n  border-radius: 20px;\n  overflow: hidden;\n}\n\n.biohack-bottom-line span {\n  display: block;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(\n    90deg,\n    #032287,\n    #5b7cff\n  );\n  transform: scaleX(0);\n  transform-origin: left;\n  animation: bottomProgress 3s 1s ease forwards;\n}\n\n@keyframes bottomProgress {\n  to {\n    transform: scaleX(1);\n  }\n}\n\n.biohack-bottom p {\n  margin: 0;\n  color: #98a2b3;\n  font-size: 11px;\n  line-height: 1.5;\n}\n\n\n\/* =========================================================\n   CELULAR\n   ========================================================= *\/\n\n@media (max-width: 750px) {\n\n  .biohack-evolution {\n    padding: 40px 14px;\n    border-radius: 22px;\n    margin: 30px auto;\n  }\n\n  .biohack-evolution-header {\n    margin-bottom: 40px;\n  }\n\n  .biohack-evolution-header h2 {\n    font-size: 31px;\n    letter-spacing: -1px;\n  }\n\n  .biohack-evolution-header p {\n    font-size: 13px;\n  }\n\n  .biohack-timeline {\n    display: flex;\n    flex-direction: column;\n    gap: 22px;\n  }\n\n  \/* Línea vertical *\/\n\n  .biohack-progress-line {\n    top: 30px;\n    bottom: 30px;\n    left: 40px;\n    right: auto;\n    width: 4px;\n    height: auto;\n  }\n\n  .biohack-progress-line-fill {\n    width: 100%;\n    height: 100%;\n    transform: scaleY(0);\n    transform-origin: top;\n    animation: mobileProgress 3s ease forwards;\n  }\n\n  @keyframes mobileProgress {\n    to {\n      transform: scaleY(1);\n    }\n  }\n\n  .biohack-step {\n    display: grid;\n    grid-template-columns: 72px 1fr;\n    gap: 14px;\n    text-align: left;\n    align-items: start;\n  }\n\n  .biohack-step-circle {\n    width: 65px;\n    height: 65px;\n    border-width: 4px;\n    margin: 0;\n  }\n\n  .biohack-step-circle strong {\n    font-size: 17px;\n  }\n\n  .biohack-step-card {\n    min-height: auto;\n    padding: 22px 18px;\n    border-radius: 18px;\n  }\n\n  .biohack-step-card h3 {\n    font-size: 21px;\n  }\n\n  .biohack-step-card p {\n    font-size: 13px;\n  }\n\n  .biohack-benefit {\n    font-size: 11.5px;\n  }\n\n  .biohack-bottom {\n    margin-top: 30px;\n  }\n}\n\u003c\/style\u003e\n\u003cstyle\u003e\n\/* =========================================================\n   BIOHACK MIND — PROGRESO 3 SEMANAS\n   TARJETAS BLANCAS\n   ========================================================= *\/\n\n.biohack-evolution {\n  width: 100%;\n  max-width: 1150px;\n  margin: 45px auto;\n  padding: 55px 22px;\n  box-sizing: border-box;\n  font-family: Arial, Helvetica, sans-serif;\n  background:\n    radial-gradient(circle at 50% 0%, rgba(65,105,225,.10), transparent 35%),\n    linear-gradient(180deg,#f8faff 0%,#ffffff 100%);\n  border-radius: 30px;\n  overflow: hidden;\n  position: relative;\n}\n\n\n\/* =========================================================\n   DECORACIÓN EXTERIOR\n   ========================================================= *\/\n\n.biohack-evolution::before {\n  content: \"\";\n  position: absolute;\n  width: 180px;\n  height: 180px;\n  border-radius: 50%;\n  background: rgba(3,34,135,.06);\n  top: -90px;\n  left: -70px;\n  filter: blur(5px);\n}\n\n.biohack-evolution::after {\n  content: \"\";\n  position: absolute;\n  width: 220px;\n  height: 220px;\n  border-radius: 50%;\n  background: rgba(73,111,255,.05);\n  bottom: -120px;\n  right: -80px;\n  filter: blur(5px);\n}\n\n\n\/* =========================================================\n   ENCABEZADO\n   ========================================================= *\/\n\n.biohack-evolution-header {\n  text-align: center;\n  position: relative;\n  z-index: 3;\n  margin-bottom: 55px;\n}\n\n.biohack-mini-title {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  background: #032287;\n  color: #ffffff;\n  padding: 9px 17px;\n  border-radius: 50px;\n  font-size: 11px;\n  font-weight: 900;\n  letter-spacing: 2px;\n  margin-bottom: 18px;\n  box-shadow: 0 7px 22px rgba(3,34,135,.20);\n}\n\n.biohack-mini-title::before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: #ffffff;\n  animation: liveDot 1.2s infinite;\n}\n\n@keyframes liveDot {\n\n  0%,100% {\n    transform: scale(1);\n    opacity: .5;\n  }\n\n  50% {\n    transform: scale(1.7);\n    opacity: 1;\n  }\n}\n\n.biohack-evolution-header h2 {\n  margin: 0;\n  font-size: clamp(30px,5vw,50px);\n  line-height: 1.03;\n  font-weight: 900;\n  color: #111827;\n  letter-spacing: -1.5px;\n}\n\n.biohack-evolution-header h2 span {\n  color: #032287;\n}\n\n.biohack-evolution-header p {\n  max-width: 680px;\n  margin: 18px auto 0;\n  color: #667085;\n  font-size: 15px;\n  line-height: 1.65;\n}\n\n\n\/* =========================================================\n   TIMELINE\n   ========================================================= *\/\n\n.biohack-timeline {\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(3,1fr);\n  gap: 25px;\n  z-index: 2;\n}\n\n\n\/* =========================================================\n   LÍNEA\n   ========================================================= *\/\n\n.biohack-progress-line {\n  position: absolute;\n  height: 5px;\n  top: 42px;\n  left: 15%;\n  right: 15%;\n  background: #dfe5f2;\n  border-radius: 20px;\n  overflow: hidden;\n  z-index: 0;\n}\n\n.biohack-progress-line-fill {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  left: 0;\n  top: 0;\n\n  background: linear-gradient(\n    90deg,\n    #032287,\n    #3157d8,\n    #6687ff\n  );\n\n  transform: scaleX(0);\n  transform-origin: left;\n\n  animation:\n    fillProgress 2.5s cubic-bezier(.65,0,.35,1) forwards;\n\n  box-shadow: 0 0 15px rgba(3,34,135,.35);\n}\n\n@keyframes fillProgress {\n\n  to {\n    transform: scaleX(1);\n  }\n\n}\n\n\n\/* =========================================================\n   BLOQUES\n   ========================================================= *\/\n\n.biohack-step {\n  position: relative;\n  z-index: 2;\n  text-align: center;\n}\n\n\n\/* =========================================================\n   CÍRCULOS\n   ========================================================= *\/\n\n.biohack-step-circle {\n  width: 84px;\n  height: 84px;\n  margin: 0 auto 24px;\n  border-radius: 50%;\n\n  background: #ffffff;\n\n  border: 5px solid #032287;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  position: relative;\n\n  box-shadow:\n    0 10px 30px rgba(3,34,135,.16),\n    0 0 0 8px rgba(3,34,135,.04);\n}\n\n.biohack-step-circle strong {\n  color: #032287;\n  font-size: 21px;\n  font-weight: 900;\n}\n\n\n\/* Anillo exterior *\/\n\n.biohack-step-circle::before {\n  content: \"\";\n  position: absolute;\n  inset: -10px;\n  border-radius: 50%;\n  border: 2px solid rgba(3,34,135,.12);\n}\n\n\n\/* =========================================================\n   ANIMACIÓN SEMANA 1\n   ========================================================= *\/\n\n.biohack-step:nth-child(2) .biohack-step-circle {\n\n  animation:\n    weekOneAppear .8s ease forwards,\n    weekOnePulse 2s 1s infinite;\n\n}\n\n@keyframes weekOneAppear {\n\n  0% {\n    opacity: 0;\n    transform: scale(.3);\n  }\n\n  70% {\n    transform: scale(1.12);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n}\n\n@keyframes weekOnePulse {\n\n  0%,100% {\n\n    box-shadow:\n      0 10px 30px rgba(3,34,135,.16),\n      0 0 0 8px rgba(3,34,135,.04);\n\n  }\n\n  50% {\n\n    box-shadow:\n      0 12px 38px rgba(3,34,135,.28),\n      0 0 0 17px rgba(3,34,135,.02);\n\n  }\n\n}\n\n\n\/* =========================================================\n   ANIMACIÓN SEMANA 2\n   ========================================================= *\/\n\n.biohack-step:nth-child(3) .biohack-step-circle {\n\n  opacity: 0;\n\n  animation:\n    weekTwoRotate 1s 1s\n    cubic-bezier(.34,1.56,.64,1)\n    forwards;\n\n}\n\n@keyframes weekTwoRotate {\n\n  0% {\n\n    opacity: 0;\n    transform:\n      translateY(35px)\n      rotate(-180deg)\n      scale(.5);\n\n  }\n\n  100% {\n\n    opacity: 1;\n    transform:\n      translateY(0)\n      rotate(0deg)\n      scale(1);\n\n  }\n\n}\n\n\n\/* =========================================================\n   ANIMACIÓN SEMANA 3\n   ========================================================= *\/\n\n.biohack-step:nth-child(4) .biohack-step-circle {\n\n  opacity: 0;\n\n  animation:\n    weekThreeUnlock 1s 1.8s\n    cubic-bezier(.2,.8,.2,1)\n    forwards;\n\n}\n\n@keyframes weekThreeUnlock {\n\n  0% {\n\n    opacity: 0;\n    transform:\n      scale(.5)\n      translateY(50px);\n\n    filter: blur(6px);\n\n  }\n\n  70% {\n\n    transform:\n      scale(1.15)\n      translateY(-5px);\n\n  }\n\n  100% {\n\n    opacity: 1;\n    transform:\n      scale(1)\n      translateY(0);\n\n    filter: blur(0);\n\n  }\n\n}\n\n\n\/* =========================================================\n   TARJETAS — TOTALMENTE BLANCAS\n   ========================================================= *\/\n\n.biohack-step-card {\n\n  background: #ffffff !important;\n\n  border: 1px solid #e5eaf3;\n\n  border-radius: 23px;\n\n  padding: 27px 23px;\n\n  min-height: 265px;\n\n  box-sizing: border-box;\n\n  box-shadow:\n    0 12px 35px rgba(16,24,40,.07);\n\n  position: relative;\n\n  overflow: hidden;\n\n  transition:\n    transform .4s ease,\n    box-shadow .4s ease;\n}\n\n\n\/* IMPORTANTE:\n   Eliminamos los lunares decorativos\n*\/\n\n.biohack-step-card::before,\n.biohack-step-card::after {\n\n  display: none !important;\n\n  content: none !important;\n\n}\n\n\n.biohack-step-card:hover {\n\n  transform:\n    translateY(-10px)\n    scale(1.015);\n\n  box-shadow:\n    0 22px 50px rgba(3,34,135,.15);\n\n}\n\n\n\/* =========================================================\n   ENTRADA TARJETAS\n   ========================================================= *\/\n\n.biohack-step:nth-child(2) .biohack-step-card {\n\n  opacity: 0;\n\n  animation:\n    cardSlideUp .8s .45s ease forwards;\n\n}\n\n.biohack-step:nth-child(3) .biohack-step-card {\n\n  opacity: 0;\n\n  animation:\n    cardSlideLeft .8s 1.05s ease forwards;\n\n}\n\n.biohack-step:nth-child(4) .biohack-step-card {\n\n  opacity: 0;\n\n  animation:\n    cardZoom .9s 1.8s\n    cubic-bezier(.2,.8,.2,1)\n    forwards;\n\n}\n\n\n@keyframes cardSlideUp {\n\n  from {\n\n    opacity: 0;\n    transform: translateY(45px);\n\n  }\n\n  to {\n\n    opacity: 1;\n    transform: translateY(0);\n\n  }\n\n}\n\n\n@keyframes cardSlideLeft {\n\n  from {\n\n    opacity: 0;\n    transform: translateX(45px);\n\n  }\n\n  to {\n\n    opacity: 1;\n    transform: translateX(0);\n\n  }\n\n}\n\n\n@keyframes cardZoom {\n\n  from {\n\n    opacity: 0;\n    transform: scale(.85);\n\n  }\n\n  to {\n\n    opacity: 1;\n    transform: scale(1);\n\n  }\n\n}\n\n\n\/* =========================================================\n   TEXTOS\n   ========================================================= *\/\n\n.biohack-week-label {\n\n  font-size: 11px;\n\n  font-weight: 900;\n\n  color: #032287;\n\n  letter-spacing: 1.5px;\n\n  text-transform: uppercase;\n\n  margin-bottom: 8px;\n\n}\n\n.biohack-step-card h3 {\n\n  margin: 0 0 12px;\n\n  font-size: 25px;\n\n  font-weight: 900;\n\n  color: #111827;\n\n}\n\n.biohack-step-card h3 span {\n\n  color: #032287;\n\n}\n\n.biohack-step-card p {\n\n  color: #667085;\n\n  font-size: 14px;\n\n  line-height: 1.6;\n\n  margin: 0 0 18px;\n\n}\n\n\n\/* =========================================================\n   BENEFICIOS\n   ========================================================= *\/\n\n.biohack-benefit {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  text-align: left;\n\n  background: #f4f7ff;\n\n  border-radius: 12px;\n\n  padding: 10px 12px;\n\n  margin-top: 8px;\n\n  font-size: 12.5px;\n\n  font-weight: 700;\n\n  color: #344054;\n\n  opacity: 0;\n\n  transform: translateX(-15px);\n\n  animation:\n    benefitAppear .7s ease forwards;\n\n}\n\n.biohack-benefit:nth-child(4) {\n\n  animation-delay: .8s;\n\n}\n\n.biohack-benefit:nth-child(5) {\n\n  animation-delay: 1s;\n\n}\n\n\n@keyframes benefitAppear {\n\n  to {\n\n    opacity: 1;\n\n    transform: translateX(0);\n\n  }\n\n}\n\n\n.biohack-check {\n\n  width: 23px;\n\n  min-width: 23px;\n\n  height: 23px;\n\n  border-radius: 50%;\n\n  background: #032287;\n\n  color: #ffffff;\n\n  display: flex;\n\n  justify-content: center;\n\n  align-items: center;\n\n  font-size: 11px;\n\n  font-weight: 900;\n\n}\n\n\n\/* =========================================================\n   BARRA INFERIOR\n   ========================================================= *\/\n\n.biohack-bottom {\n\n  margin-top: 42px;\n\n  text-align: center;\n\n  position: relative;\n\n  z-index: 3;\n\n}\n\n.biohack-bottom-line {\n\n  width: 100%;\n\n  max-width: 500px;\n\n  height: 7px;\n\n  margin: 0 auto 14px;\n\n  background: #e8edf5;\n\n  border-radius: 20px;\n\n  overflow: hidden;\n\n}\n\n.biohack-bottom-line span {\n\n  display: block;\n\n  width: 100%;\n\n  height: 100%;\n\n  background:\n    linear-gradient(\n      90deg,\n      #032287,\n      #5b7cff\n    );\n\n  transform: scaleX(0);\n\n  transform-origin: left;\n\n  animation:\n    bottomProgress 3s 1s ease forwards;\n\n}\n\n@keyframes bottomProgress {\n\n  to {\n\n    transform: scaleX(1);\n\n  }\n\n}\n\n.biohack-bottom p {\n\n  margin: 0;\n\n  color: #98a2b3;\n\n  font-size: 11px;\n\n  line-height: 1.5;\n\n}\n\n\n\/* =========================================================\n   📱 CELULAR\n   ========================================================= *\/\n\n@media (max-width:750px) {\n\n  .biohack-evolution {\n\n    padding: 40px 14px;\n\n    border-radius: 22px;\n\n    margin: 30px auto;\n\n  }\n\n\n  .biohack-evolution-header {\n\n    margin-bottom: 40px;\n\n  }\n\n\n  .biohack-evolution-header h2 {\n\n    font-size: 31px;\n\n    letter-spacing: -1px;\n\n  }\n\n\n  .biohack-evolution-header p {\n\n    font-size: 13px;\n\n  }\n\n\n  .biohack-timeline {\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 22px;\n\n  }\n\n\n  \/* Línea vertical *\/\n\n  .biohack-progress-line {\n\n    top: 30px;\n\n    bottom: 30px;\n\n    left: 40px;\n\n    right: auto;\n\n    width: 4px;\n\n    height: auto;\n\n  }\n\n\n  .biohack-progress-line-fill {\n\n    width: 100%;\n\n    height: 100%;\n\n    transform: scaleY(0);\n\n    transform-origin: top;\n\n    animation:\n      mobileProgress 3s ease forwards;\n\n  }\n\n\n  @keyframes mobileProgress {\n\n    to {\n\n      transform: scaleY(1);\n\n    }\n\n  }\n\n\n  .biohack-step {\n\n    display: grid;\n\n    grid-template-columns: 72px 1fr;\n\n    gap: 14px;\n\n    text-align: left;\n\n    align-items: start;\n\n  }\n\n\n  .biohack-step-circle {\n\n    width: 65px;\n\n    height: 65px;\n\n    border-width: 4px;\n\n    margin: 0;\n\n  }\n\n\n  .biohack-step-circle strong {\n\n    font-size: 17px;\n\n  }\n\n\n  .biohack-step-card {\n\n    min-height: auto;\n\n    padding: 22px 18px;\n\n    border-radius: 18px;\n\n    background: #ffffff !important;\n\n  }\n\n\n  .biohack-step-card h3 {\n\n    font-size: 21px;\n\n  }\n\n\n  .biohack-step-card p {\n\n    font-size: 13px;\n\n  }\n\n\n  .biohack-benefit {\n\n    font-size: 11.5px;\n\n  }\n\n\n  .biohack-bottom {\n\n    margin-top: 30px;\n\n  }\n\n}\n\u003c\/style\u003e\n\u003cstyle\u003e\n\/* =========================================================\n   BIOHACK MIND — PROGRESO 3 SEMANAS\n   ANIMACIÓN AL HACER SCROLL\n   ========================================================= *\/\n\n.biohack-evolution {\n  width: 100%;\n  max-width: 1150px;\n  margin: 45px auto;\n  padding: 55px 22px;\n  box-sizing: border-box;\n  font-family: Arial, Helvetica, sans-serif;\n\n  background:\n    radial-gradient(circle at 50% 0%, rgba(65,105,225,.10), transparent 35%),\n    linear-gradient(180deg,#f8faff 0%,#ffffff 100%);\n\n  border-radius: 30px;\n  overflow: hidden;\n  position: relative;\n}\n\n\n\/* =========================================================\n   DECORACIÓN EXTERIOR\n   ========================================================= *\/\n\n.biohack-evolution::before {\n  content: \"\";\n  position: absolute;\n  width: 180px;\n  height: 180px;\n  border-radius: 50%;\n  background: rgba(3,34,135,.06);\n  top: -90px;\n  left: -70px;\n  filter: blur(5px);\n}\n\n.biohack-evolution::after {\n  content: \"\";\n  position: absolute;\n  width: 220px;\n  height: 220px;\n  border-radius: 50%;\n  background: rgba(73,111,255,.05);\n  bottom: -120px;\n  right: -80px;\n  filter: blur(5px);\n}\n\n\n\/* =========================================================\n   ENCABEZADO\n   ========================================================= *\/\n\n.biohack-evolution-header {\n  text-align: center;\n  position: relative;\n  z-index: 3;\n  margin-bottom: 55px;\n}\n\n.biohack-mini-title {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n\n  background: #032287;\n  color: #ffffff;\n\n  padding: 9px 17px;\n  border-radius: 50px;\n\n  font-size: 11px;\n  font-weight: 900;\n  letter-spacing: 2px;\n\n  margin-bottom: 18px;\n\n  box-shadow: 0 7px 22px rgba(3,34,135,.20);\n}\n\n.biohack-mini-title::before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: #ffffff;\n}\n\n.biohack-evolution.is-visible .biohack-mini-title::before {\n  animation: liveDot 1.2s infinite;\n}\n\n@keyframes liveDot {\n\n  0%,100% {\n    transform: scale(1);\n    opacity: .5;\n  }\n\n  50% {\n    transform: scale(1.7);\n    opacity: 1;\n  }\n\n}\n\n\n.biohack-evolution-header h2 {\n  margin: 0;\n\n  font-size: clamp(30px,5vw,50px);\n  line-height: 1.03;\n\n  font-weight: 900;\n\n  color: #111827;\n\n  letter-spacing: -1.5px;\n}\n\n.biohack-evolution-header h2 span {\n  color: #032287;\n}\n\n.biohack-evolution-header p {\n  max-width: 680px;\n\n  margin: 18px auto 0;\n\n  color: #667085;\n\n  font-size: 15px;\n  line-height: 1.65;\n}\n\n\n\/* =========================================================\n   TIMELINE\n   ========================================================= *\/\n\n.biohack-timeline {\n  position: relative;\n\n  display: grid;\n\n  grid-template-columns: repeat(3,1fr);\n\n  gap: 25px;\n\n  z-index: 2;\n}\n\n\n\/* =========================================================\n   LÍNEA\n   ========================================================= *\/\n\n.biohack-progress-line {\n  position: absolute;\n\n  height: 5px;\n\n  top: 42px;\n\n  left: 15%;\n  right: 15%;\n\n  background: #dfe5f2;\n\n  border-radius: 20px;\n\n  overflow: hidden;\n\n  z-index: 0;\n}\n\n.biohack-progress-line-fill {\n\n  position: absolute;\n\n  height: 100%;\n  width: 100%;\n\n  left: 0;\n  top: 0;\n\n  background:\n    linear-gradient(\n      90deg,\n      #032287,\n      #3157d8,\n      #6687ff\n    );\n\n  transform: scaleX(0);\n\n  transform-origin: left;\n\n  box-shadow:\n    0 0 15px rgba(3,34,135,.35);\n}\n\n\n\/* SOLO ANIMA CUANDO SE VE *\/\n\n.biohack-evolution.is-visible\n.biohack-progress-line-fill {\n\n  animation:\n    fillProgress 2.5s\n    cubic-bezier(.65,0,.35,1)\n    forwards;\n}\n\n@keyframes fillProgress {\n\n  to {\n    transform: scaleX(1);\n  }\n\n}\n\n\n\/* =========================================================\n   BLOQUES\n   ========================================================= *\/\n\n.biohack-step {\n\n  position: relative;\n\n  z-index: 2;\n\n  text-align: center;\n}\n\n\n\/* =========================================================\n   CÍRCULOS\n   ========================================================= *\/\n\n.biohack-step-circle {\n\n  width: 84px;\n  height: 84px;\n\n  margin: 0 auto 24px;\n\n  border-radius: 50%;\n\n  background: #ffffff;\n\n  border: 5px solid #032287;\n\n  display: flex;\n\n  justify-content: center;\n  align-items: center;\n\n  position: relative;\n\n  box-shadow:\n    0 10px 30px rgba(3,34,135,.16),\n    0 0 0 8px rgba(3,34,135,.04);\n\n  opacity: 0;\n}\n\n.biohack-step-circle strong {\n\n  color: #032287;\n\n  font-size: 21px;\n\n  font-weight: 900;\n}\n\n\n\/* Anillo *\/\n\n.biohack-step-circle::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  inset: -10px;\n\n  border-radius: 50%;\n\n  border: 2px solid rgba(3,34,135,.12);\n}\n\n\n\/* =========================================================\n   SEMANA 1 — PULSO\n   ========================================================= *\/\n\n.biohack-evolution.is-visible\n.biohack-step:nth-child(2)\n.biohack-step-circle {\n\n  animation:\n    weekOneAppear .8s .2s ease forwards,\n    weekOnePulse 2s 1.1s infinite;\n}\n\n\n@keyframes weekOneAppear {\n\n  0% {\n\n    opacity: 0;\n\n    transform: scale(.3);\n\n  }\n\n  70% {\n\n    transform: scale(1.12);\n\n  }\n\n  100% {\n\n    opacity: 1;\n\n    transform: scale(1);\n\n  }\n\n}\n\n\n@keyframes weekOnePulse {\n\n  0%,100% {\n\n    box-shadow:\n      0 10px 30px rgba(3,34,135,.16),\n      0 0 0 8px rgba(3,34,135,.04);\n\n  }\n\n  50% {\n\n    box-shadow:\n      0 12px 38px rgba(3,34,135,.28),\n      0 0 0 17px rgba(3,34,135,.02);\n\n  }\n\n}\n\n\n\/* =========================================================\n   SEMANA 2 — GIRO\n   ========================================================= *\/\n\n.biohack-evolution.is-visible\n.biohack-step:nth-child(3)\n.biohack-step-circle {\n\n  animation:\n    weekTwoRotate 1s .9s\n    cubic-bezier(.34,1.56,.64,1)\n    forwards;\n}\n\n\n@keyframes weekTwoRotate {\n\n  0% {\n\n    opacity: 0;\n\n    transform:\n      translateY(35px)\n      rotate(-180deg)\n      scale(.5);\n\n  }\n\n  100% {\n\n    opacity: 1;\n\n    transform:\n      translateY(0)\n      rotate(0deg)\n      scale(1);\n\n  }\n\n}\n\n\n\/* =========================================================\n   SEMANA 3 — DESBLOQUEO\n   ========================================================= *\/\n\n.biohack-evolution.is-visible\n.biohack-step:nth-child(4)\n.biohack-step-circle {\n\n  animation:\n    weekThreeUnlock 1s 1.6s\n    cubic-bezier(.2,.8,.2,1)\n    forwards;\n}\n\n\n@keyframes weekThreeUnlock {\n\n  0% {\n\n    opacity: 0;\n\n    transform:\n      scale(.5)\n      translateY(50px);\n\n    filter: blur(6px);\n\n  }\n\n  70% {\n\n    transform:\n      scale(1.15)\n      translateY(-5px);\n\n  }\n\n  100% {\n\n    opacity: 1;\n\n    transform:\n      scale(1)\n      translateY(0);\n\n    filter: blur(0);\n\n  }\n\n}\n\n\n\/* =========================================================\n   TARJETAS — BLANCAS\n   ========================================================= *\/\n\n.biohack-step-card {\n\n  background: #ffffff !important;\n\n  border: 1px solid #e5eaf3;\n\n  border-radius: 23px;\n\n  padding: 27px 23px;\n\n  min-height: 265px;\n\n  box-sizing: border-box;\n\n  box-shadow:\n    0 12px 35px rgba(16,24,40,.07);\n\n  position: relative;\n\n  overflow: hidden;\n\n  transition:\n    transform .4s ease,\n    box-shadow .4s ease;\n\n  opacity: 0;\n}\n\n\n\/* Elimina los lunares *\/\n\n.biohack-step-card::before,\n.biohack-step-card::after {\n\n  display: none !important;\n\n  content: none !important;\n\n}\n\n\n.biohack-step-card:hover {\n\n  transform:\n    translateY(-10px)\n    scale(1.015);\n\n  box-shadow:\n    0 22px 50px rgba(3,34,135,.15);\n\n}\n\n\n\/* =========================================================\n   ANIMACIONES TARJETAS\n   ========================================================= *\/\n\n.biohack-evolution.is-visible\n.biohack-step:nth-child(2)\n.biohack-step-card {\n\n  animation:\n    cardSlideUp .8s .45s ease forwards;\n}\n\n\n.biohack-evolution.is-visible\n.biohack-step:nth-child(3)\n.biohack-step-card {\n\n  animation:\n    cardSlideLeft .8s 1.05s ease forwards;\n}\n\n\n.biohack-evolution.is-visible\n.biohack-step:nth-child(4)\n.biohack-step-card {\n\n  animation:\n    cardZoom .9s 1.8s\n    cubic-bezier(.2,.8,.2,1)\n    forwards;\n}\n\n\n@keyframes cardSlideUp {\n\n  from {\n\n    opacity: 0;\n\n    transform:\n      translateY(45px);\n\n  }\n\n  to {\n\n    opacity: 1;\n\n    transform:\n      translateY(0);\n\n  }\n\n}\n\n\n@keyframes cardSlideLeft {\n\n  from {\n\n    opacity: 0;\n\n    transform:\n      translateX(45px);\n\n  }\n\n  to {\n\n    opacity: 1;\n\n    transform:\n      translateX(0);\n\n  }\n\n}\n\n\n@keyframes cardZoom {\n\n  from {\n\n    opacity: 0;\n\n    transform:\n      scale(.85);\n\n  }\n\n  to {\n\n    opacity: 1;\n\n    transform:\n      scale(1);\n\n  }\n\n}\n\n\n\/* =========================================================\n   TEXTOS\n   ========================================================= *\/\n\n.biohack-week-label {\n\n  font-size: 11px;\n\n  font-weight: 900;\n\n  color: #032287;\n\n  letter-spacing: 1.5px;\n\n  text-transform: uppercase;\n\n  margin-bottom: 8px;\n}\n\n.biohack-step-card h3 {\n\n  margin: 0 0 12px;\n\n  font-size: 25px;\n\n  font-weight: 900;\n\n  color: #111827;\n}\n\n.biohack-step-card h3 span {\n\n  color: #032287;\n}\n\n.biohack-step-card p {\n\n  color: #667085;\n\n  font-size: 14px;\n\n  line-height: 1.6;\n\n  margin: 0 0 18px;\n}\n\n\n\/* =========================================================\n   BENEFICIOS\n   ========================================================= *\/\n\n.biohack-benefit {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  text-align: left;\n\n  background: #f4f7ff;\n\n  border-radius: 12px;\n\n  padding: 10px 12px;\n\n  margin-top: 8px;\n\n  font-size: 12.5px;\n\n  font-weight: 700;\n\n  color: #344054;\n\n  opacity: 0;\n\n  transform:\n    translateX(-15px);\n}\n\n\n.biohack-evolution.is-visible\n.biohack-benefit {\n\n  animation:\n    benefitAppear .7s ease forwards;\n}\n\n\n.biohack-evolution.is-visible\n.biohack-step:nth-child(2)\n.biohack-benefit:nth-child(4) {\n\n  animation-delay: 1s;\n}\n\n\n.biohack-evolution.is-visible\n.biohack-step:nth-child(2)\n.biohack-benefit:nth-child(5) {\n\n  animation-delay: 1.2s;\n}\n\n\n.biohack-evolution.is-visible\n.biohack-step:nth-child(3)\n.biohack-benefit:nth-child(4) {\n\n  animation-delay: 1.4s;\n}\n\n\n.biohack-evolution.is-visible\n.biohack-step:nth-child(3)\n.biohack-benefit:nth-child(5) {\n\n  animation-delay: 1.6s;\n}\n\n\n.biohack-evolution.is-visible\n.biohack-step:nth-child(4)\n.biohack-benefit:nth-child(4) {\n\n  animation-delay: 2s;\n}\n\n\n.biohack-evolution.is-visible\n.biohack-step:nth-child(4)\n.biohack-benefit:nth-child(5) {\n\n  animation-delay: 2.2s;\n}\n\n\n@keyframes benefitAppear {\n\n  to {\n\n    opacity: 1;\n\n    transform:\n      translateX(0);\n\n  }\n\n}\n\n\n.biohack-check {\n\n  width: 23px;\n\n  min-width: 23px;\n\n  height: 23px;\n\n  border-radius: 50%;\n\n  background: #032287;\n\n  color: #ffffff;\n\n  display: flex;\n\n  justify-content: center;\n\n  align-items: center;\n\n  font-size: 11px;\n\n  font-weight: 900;\n}\n\n\n\/* =========================================================\n   BARRA INFERIOR\n   ========================================================= *\/\n\n.biohack-bottom {\n\n  margin-top: 42px;\n\n  text-align: center;\n\n  position: relative;\n\n  z-index: 3;\n}\n\n\n.biohack-bottom-line {\n\n  width: 100%;\n\n  max-width: 500px;\n\n  height: 7px;\n\n  margin: 0 auto 14px;\n\n  background: #e8edf5;\n\n  border-radius: 20px;\n\n  overflow: hidden;\n}\n\n\n.biohack-bottom-line span {\n\n  display: block;\n\n  width: 100%;\n\n  height: 100%;\n\n  background:\n    linear-gradient(\n      90deg,\n      #032287,\n      #5b7cff\n    );\n\n  transform:\n    scaleX(0);\n\n  transform-origin: left;\n}\n\n\n.biohack-evolution.is-visible\n.biohack-bottom-line span {\n\n  animation:\n    bottomProgress 3s 1s ease forwards;\n}\n\n\n@keyframes bottomProgress {\n\n  to {\n\n    transform:\n      scaleX(1);\n\n  }\n\n}\n\n\n.biohack-bottom p {\n\n  margin: 0;\n\n  color: #98a2b3;\n\n  font-size: 11px;\n\n  line-height: 1.5;\n}\n\n\n\/* =========================================================\n   📱 CELULAR\n   ========================================================= *\/\n\n@media (max-width:750px) {\n\n  .biohack-evolution {\n\n    padding: 40px 14px;\n\n    border-radius: 22px;\n\n    margin: 30px auto;\n\n  }\n\n\n  .biohack-evolution-header {\n\n    margin-bottom: 40px;\n\n  }\n\n\n  .biohack-evolution-header h2 {\n\n    font-size: 31px;\n\n    letter-spacing: -1px;\n\n  }\n\n\n  .biohack-evolution-header p {\n\n    font-size: 13px;\n\n  }\n\n\n  .biohack-timeline {\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 22px;\n\n  }\n\n\n  \/* Línea vertical *\/\n\n  .biohack-progress-line {\n\n    top: 30px;\n\n    bottom: 30px;\n\n    left: 40px;\n\n    right: auto;\n\n    width: 4px;\n\n    height: auto;\n\n  }\n\n\n  .biohack-progress-line-fill {\n\n    width: 100%;\n\n    height: 100%;\n\n    transform:\n      scaleY(0);\n\n    transform-origin: top;\n  }\n\n\n  .biohack-evolution.is-visible\n  .biohack-progress-line-fill {\n\n    animation:\n      mobileProgress 3s ease forwards;\n\n  }\n\n\n  @keyframes mobileProgress {\n\n    to {\n\n      transform:\n        scaleY(1);\n\n    }\n\n  }\n\n\n  .biohack-step {\n\n    display: grid;\n\n    grid-template-columns: 72px 1fr;\n\n    gap: 14px;\n\n    text-align: left;\n\n    align-items: start;\n\n  }\n\n\n  .biohack-step-circle {\n\n    width: 65px;\n\n    height: 65px;\n\n    border-width: 4px;\n\n    margin: 0;\n\n  }\n\n\n  .biohack-step-circle strong {\n\n    font-size: 17px;\n\n  }\n\n\n  .biohack-step-card {\n\n    min-height: auto;\n\n    padding: 22px 18px;\n\n    border-radius: 18px;\n\n    background:\n      #ffffff !important;\n\n  }\n\n\n  .biohack-step-card h3 {\n\n    font-size: 21px;\n\n  }\n\n\n  .biohack-step-card p {\n\n    font-size: 13px;\n\n  }\n\n\n  .biohack-benefit {\n\n    font-size: 11.5px;\n\n  }\n\n\n  .biohack-bottom {\n\n    margin-top: 30px;\n\n  }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"biohack-evolution\"\u003e\u003c!-- =====================================================\n       ENCABEZADO\n       ===================================================== --\u003e\n\u003cdiv class=\"biohack-evolution-header\"\u003e\n\u003cdiv class=\"biohack-mini-title\"\u003eBIOHACK MIND\u003c\/div\u003e\n\u003ch2\u003eAsí podría evolucionar\u003cbr\u003e\u003cspan\u003etu experiencia.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eDescubre cómo podría sentirse tu experiencia al incorporar Biohack Mind a tu rutina, semana tras semana.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n       TIMELINE\n       ===================================================== --\u003e\n\u003cdiv class=\"biohack-timeline\"\u003e\n\u003cdiv class=\"biohack-progress-line\"\u003e\n\u003cdiv class=\"biohack-progress-line-fill\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SEMANA 1 --\u003e\n\u003cdiv class=\"biohack-step\"\u003e\n\u003cdiv class=\"biohack-step-circle\"\u003e\u003cstrong\u003e01\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"biohack-step-card\"\u003e\n\u003cdiv class=\"biohack-week-label\"\u003ePrimer paso\u003c\/div\u003e\n\u003ch3\u003eSemana \u003cspan\u003e1\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eComienzas a incorporar Biohack Mind a tu rutina y a prestar más atención a cómo responde tu mente durante el día.\u003c\/p\u003e\n\u003cdiv class=\"biohack-benefit\"\u003e\n\u003cdiv class=\"biohack-check\"\u003e✓\u003c\/div\u003e\nSensación de mayor enfoque\u003c\/div\u003e\n\u003cdiv class=\"biohack-benefit\"\u003e\n\u003cdiv class=\"biohack-check\"\u003e✓\u003c\/div\u003e\nMás intención al comenzar tus actividades\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SEMANA 2 --\u003e\n\u003cdiv class=\"biohack-step\"\u003e\n\u003cdiv class=\"biohack-step-circle\"\u003e\u003cstrong\u003e02\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"biohack-step-card\"\u003e\n\u003cdiv class=\"biohack-week-label\"\u003eAdaptación\u003c\/div\u003e\n\u003ch3\u003eSemana \u003cspan\u003e2\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eCon la constancia, comienzas a identificar con mayor claridad cómo se siente tu rutina y tus momentos de concentración.\u003c\/p\u003e\n\u003cdiv class=\"biohack-benefit\"\u003e\n\u003cdiv class=\"biohack-check\"\u003e✓\u003c\/div\u003e\nMayor claridad mental\u003c\/div\u003e\n\u003cdiv class=\"biohack-benefit\"\u003e\n\u003cdiv class=\"biohack-check\"\u003e✓\u003c\/div\u003e\nMejor continuidad durante tus tareas\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SEMANA 3 --\u003e\n\u003cdiv class=\"biohack-step\"\u003e\n\u003cdiv class=\"biohack-step-circle\"\u003e\u003cstrong\u003e03\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"biohack-step-card\"\u003e\n\u003cdiv class=\"biohack-week-label\"\u003eConstancia\u003c\/div\u003e\n\u003ch3\u003eSemana \u003cspan\u003e3\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eDespués de varias semanas, puedes valorar cómo Biohack Mind se integra en tu rutina y cómo percibes tu día a día.\u003c\/p\u003e\n\u003cdiv class=\"biohack-benefit\"\u003e\n\u003cdiv class=\"biohack-check\"\u003e✓\u003c\/div\u003e\nSensación de mayor constancia\u003c\/div\u003e\n\u003cdiv class=\"biohack-benefit\"\u003e\n\u003cdiv class=\"biohack-check\"\u003e✓\u003c\/div\u003e\nMayor confianza en tu rutina\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n       BARRA FINAL\n       ===================================================== --\u003e\n\u003cdiv class=\"biohack-bottom\"\u003e\n\u003cdiv class=\"biohack-bottom-line\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cp\u003eCada persona puede experimentar cambios diferentes. La constancia y los hábitos diarios también influyen en la experiencia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0987\/2349\/6256\/files\/ChatGPT_Image_24_ago_2026_10_15_35_p.m..webp?v=1787627959\" alt=\"\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0987\/2349\/6256\/files\/download.webp?v=1787790214\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/p\u003e","brand":"Uk66","offers":[{"title":"Default Title","offer_id":49986192834802,"sku":null,"price":99900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0848\/7085\/6946\/files\/ChatGPT_Image_22_ago_2026_09_03_28_p.m..webp?v=1787801438","url":"https:\/\/www.pagaencasa.uk\/products\/biohack-mind","provider":"Uk66","version":"1.0","type":"link"}