{"id":781,"date":"2026-09-30T12:03:54","date_gmt":"2026-09-30T15:03:54","guid":{"rendered":"https:\/\/order-science.com\/?page_id=781"},"modified":"2026-09-30T12:03:55","modified_gmt":"2026-09-30T15:03:55","slug":"energy-en","status":"publish","type":"page","link":"https:\/\/order-science.com\/en\/energy-en\/","title":{"rendered":"Energy"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>ENERGY \u00b7 Caffeine Softgels | ORDER Nutritional Science<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@400;600;700;800;900&amp;family=Barlow:wght@400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n  --order-blue: #1ea4e4;\n  --order-blue-dark: #0d7ab8;\n  --order-blue-light: #e8f4fb;\n  --order-white: #ffffff;\n  --order-black: #0d0d0d;\n  --order-ink: #111418;\n  --order-gray: #4a4a4a;\n  --order-gray-light: #f4f8fc;\n  --order-gray-mid: #e0eaf2;\n  --order-warn-bg: #fff7f2;\n  --order-warn-border: #f0a36b;\n  --order-warn-text: #9a3c0a;\n  --order-accent: #ff9800;\n  --order-accent-dark: #e68900;\n  --order-accent-soft: #fff4e5;\n  --order-max: 1240px;\n  --order-radius: 20px;\n  --order-radius-sm: 12px;\n  --hex-orange: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='50,5 84,25 84,75 50,95 16,75 16,25' fill='none' stroke='%23ff9800' stroke-width='1' opacity='0.22'\/%3E%3C\/svg%3E\");\n  --hex-white: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='50,5 84,25 84,75 50,95 16,75 16,25' fill='none' stroke='white' stroke-width='0.5' opacity='0.1'\/%3E%3C\/svg%3E\");\n}\n.energy-lp *, .energy-lp *::before, .energy-lp *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; scroll-padding-top: 64px; }\nbody {\n  font-family: 'Barlow', sans-serif;\n  background: var(--order-white);\n  color: var(--order-black);\n  line-height: 1.5;\n  overflow-x: hidden;\n  -webkit-font-smoothing: antialiased;\n  margin: 0;\n  padding: 0;\n}\n.energy-lp { font-family: 'Barlow', sans-serif; color: var(--order-black); line-height: 1.5; overflow-x: hidden; position: relative; }\n.energy-lp a, .energy-lp a:hover, .energy-lp a:focus, .energy-lp a span { text-decoration: none !important; }\n.energy-lp a:focus-visible, .energy-lp button:focus-visible {\n  outline: 3px solid var(--order-blue);\n  outline-offset: 3px;\n  border-radius: 4px;\n}\n.energy-lp img { max-width: 100%; }\n\n\/* ===== LAYOUT BASE ===== *\/\n.wrap { max-width: var(--order-max); margin: 0 auto; padding: 0 24px; }\n.section { padding: 96px 0; }\n.section-alt { background: var(--order-gray-light); }\n.kicker {\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--order-accent-dark);\n  margin-bottom: 14px;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.kicker::before { content: ''; display: inline-block; width: 28px; height: 2px; background: currentColor; }\n.center { text-align: center; }\n.center .kicker { justify-content: center; }\n.center .section-copy { margin-left: auto; margin-right: auto; }\n.section-title {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 48px;\n  font-weight: 900;\n  line-height: 1.02;\n  margin-bottom: 18px;\n  text-transform: uppercase;\n  color: var(--order-black);\n}\n.section-title em { color: var(--order-accent); font-style: normal; }\n.section-copy { font-size: 17px; color: var(--order-gray); line-height: 1.7; max-width: 620px; }\n\n\/* ===== BOTONES ===== *\/\n.btn-primary, .btn-white {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 0;\n  font-family: 'Barlow Condensed', sans-serif;\n  text-transform: uppercase;\n  border: none;\n  border-radius: 14px;\n  cursor: pointer;\n  text-decoration: none !important;\n  transition: transform .2s, box-shadow .2s, opacity .2s;\n  line-height: 1.05;\n}\n.btn-primary {\n  background: linear-gradient(135deg, var(--order-accent) 0%, var(--order-accent-dark) 100%);\n  color: #fff !important;\n  padding: 12px 34px;\n  box-shadow: 0 8px 26px rgba(255,152,0,0.35);\n}\n.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 34px rgba(255,152,0,0.45); }\n.btn-white {\n  background: #fff;\n  color: var(--order-black) !important;\n  padding: 12px 40px;\n  box-shadow: 0 8px 30px rgba(0,0,0,0.3);\n}\n.btn-white:hover { transform: translateY(-2px); }\n.cta-label { white-space: nowrap; font-size: 15px; font-weight: 700; letter-spacing: 0.08em; text-decoration: none !important; }\n.cta-price { font-size: 26px; font-weight: 900; letter-spacing: 0.02em; text-decoration: none !important; }\n.energy-buy-link.is-loading { opacity: 0.72; pointer-events: none; }\n\n.btn-ghost {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--order-black) !important;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 16px;\n  font-weight: 700;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n  border-bottom: 2px solid var(--order-black);\n  padding-bottom: 3px;\n  transition: color .2s, border-color .2s;\n}\n.btn-ghost:hover { color: var(--order-accent-dark) !important; border-color: var(--order-accent-dark); }\n\n\/* ===== SELECTOR DE CANTIDAD ===== *\/\n.buy-row { display: flex; align-items: stretch; gap: 12px; flex-wrap: wrap; }\n.qty-selector-cta {\n  display: flex;\n  align-items: stretch;\n  border: 2px solid var(--order-gray-mid);\n  border-radius: 14px;\n  overflow: hidden;\n  background: #fff;\n  height: 62px;\n  flex-shrink: 0;\n}\n.qty-selector-cta .qty-btn, .qty-selector-cta .qty-input {\n  height: 100% !important;\n  align-self: stretch !important;\n  box-sizing: border-box !important;\n  border: none !important;\n  background: transparent !important;\n  margin: 0 !important;\n  box-shadow: none !important;\n  font-family: 'Barlow Condensed', sans-serif !important;\n  color: var(--order-black) !important;\n  border-radius: 0 !important;\n}\n.qty-selector-cta .qty-btn {\n  width: 44px !important;\n  min-height: 0 !important;\n  padding: 0 !important;\n  font-size: 22px !important;\n  font-weight: 700 !important;\n  cursor: pointer;\n  line-height: 1 !important;\n  transition: background .15s;\n}\n.qty-selector-cta .qty-btn:hover { background: var(--order-accent-soft) !important; }\n.qty-selector-cta .qty-input {\n  width: 48px !important;\n  padding: 0 !important;\n  text-align: center !important;\n  font-size: 20px !important;\n  font-weight: 800 !important;\n  -moz-appearance: textfield;\n  outline: none;\n}\n.qty-selector-cta .qty-input::-webkit-outer-spin-button,\n.qty-selector-cta .qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }\n.qty-dark { border-color: rgba(255,255,255,0.25); background: rgba(255,255,255,0.06); }\n.qty-dark .qty-btn, .qty-dark .qty-input { color: #fff !important; }\n.qty-dark .qty-btn:hover { background: rgba(255,255,255,0.1) !important; }\n\n\/* ===== HERO ===== *\/\n.hero {\n  background: linear-gradient(180deg, #fff 0%, #fffaf3 100%);\n  position: relative;\n  overflow: hidden;\n  padding: 72px 0 88px;\n}\n.hero::before {\n  content: '';\n  position: absolute;\n  top: -180px; right: -160px;\n  width: 760px; height: 760px;\n  background: radial-gradient(circle, rgba(255,152,0,0.16) 0%, transparent 65%);\n  pointer-events: none;\n}\n.hero-hex {\n  position: absolute;\n  top: 0; right: 0;\n  width: 55%; height: 100%;\n  background: var(--hex-orange) repeat;\n  background-size: 84px;\n  -webkit-mask-image: radial-gradient(ellipse at 70% 45%, #000 0%, transparent 70%);\n  mask-image: radial-gradient(ellipse at 70% 45%, #000 0%, transparent 70%);\n  pointer-events: none;\n}\n.hero-inner {\n  display: grid;\n  grid-template-columns: 1.05fr 0.95fr;\n  gap: 56px;\n  align-items: center;\n  position: relative;\n  z-index: 2;\n}\n.hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--order-black);\n  color: #fff;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  padding: 7px 14px;\n  border-radius: 999px;\n  margin-bottom: 22px;\n}\n.hero-tag svg { color: var(--order-accent); }\n.hero-title {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 88px;\n  font-weight: 900;\n  line-height: 0.88;\n  letter-spacing: -0.01em;\n  text-transform: uppercase;\n  margin-bottom: 14px;\n  color: var(--order-black);\n}\n.hero-title .accent {\n  color: var(--order-accent);\n  display: block;\n}\n.hero-sub {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 22px;\n  font-weight: 700;\n  color: var(--order-gray);\n  margin-bottom: 18px;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n}\n.hero-desc { font-size: 17px; color: var(--order-gray); margin-bottom: 26px; line-height: 1.7; max-width: 520px; }\n.price-block {\n  display: flex;\n  align-items: baseline;\n  gap: 14px;\n  flex-wrap: wrap;\n  margin-bottom: 18px;\n}\n.price-main {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 46px;\n  font-weight: 900;\n  line-height: 1;\n  color: var(--order-black);\n}\n.price-per {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--order-accent-dark);\n  background: var(--order-accent-soft);\n  border: 1px solid rgba(255,152,0,0.3);\n  padding: 5px 12px;\n  border-radius: 999px;\n}\n.hero .buy-row { margin-bottom: 18px; }\n.hero-links { margin-bottom: 30px; }\n.trust-row { display: flex; flex-wrap: wrap; gap: 8px; }\n.trust-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--order-gray);\n  background: #fff;\n  border: 1px solid var(--order-gray-mid);\n  border-radius: 999px;\n  padding: 8px 14px;\n}\n.trust-pill svg { width: 15px; height: 15px; color: var(--order-accent); flex-shrink: 0; stroke: currentColor; fill: none; stroke-width: 2.2; }\n\n.product-visual {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 520px;\n}\n.product-ring {\n  position: absolute;\n  width: 440px; height: 440px;\n  border-radius: 50%;\n  background: radial-gradient(circle at 50% 45%, #fff 0%, #ffe9c7 55%, #ffd699 100%);\n  box-shadow: inset 0 0 0 14px rgba(255,255,255,0.6);\n}\n.product-img-wrap {\n  position: relative;\n  z-index: 2;\n  filter: drop-shadow(0 30px 50px rgba(160,90,0,0.22));\n  animation: float 4.5s ease-in-out infinite;\n}\n@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }\n.product-img-wrap img { width: 100%; max-width: 420px; display: block; margin: 0 auto; }\n.float-chip {\n  position: absolute;\n  z-index: 3;\n  background: #fff;\n  border-radius: 16px;\n  padding: 12px 16px;\n  box-shadow: 0 12px 34px rgba(0,0,0,0.1);\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.float-chip b {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 28px;\n  font-weight: 900;\n  line-height: 1;\n  color: var(--order-accent);\n}\n.float-chip span { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--order-gray); line-height: 1.2; }\n.chip-a { top: 16%; left: 0; }\n.chip-b { bottom: 14%; right: 0; }\n.chip-c { top: 6%; right: 8%; background: var(--order-black); }\n.chip-c span { color: #fff; }\n.chip-c svg { color: var(--order-accent); }\n\n\/* ===== ANCHOR BAR ===== *\/\n.anchor-bar {\n  background: rgba(255,255,255,0.96);\n  backdrop-filter: blur(8px);\n  border-bottom: 1px solid var(--order-gray-mid);\n  position: sticky;\n  top: 0;\n  z-index: 90;\n}\n.anchor-inner {\n  max-width: var(--order-max);\n  margin: 0 auto;\n  padding: 0 24px;\n  display: flex;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: none;\n}\n.anchor-inner::-webkit-scrollbar { display: none; }\n.anchor-inner a {\n  color: var(--order-gray) !important;\n  font-size: 13px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  padding: 16px 20px;\n  border-bottom: 3px solid transparent;\n  white-space: nowrap;\n  transition: color .2s, border-color .2s;\n}\n.anchor-inner a:hover { color: var(--order-accent-dark) !important; border-bottom-color: var(--order-accent); }\n\n\/* ===== STATS ===== *\/\n.stats-strip { background: var(--order-ink); padding: 54px 0; position: relative; overflow: hidden; }\n.stats-strip::before { content: ''; position: absolute; inset: 0; background: var(--hex-white) repeat; background-size: 80px; }\n.stats-inner { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; position: relative; z-index: 2; }\n.stat-item { text-align: center; color: #fff; position: relative; }\n.stat-item + .stat-item::before {\n  content: ''; position: absolute; left: -15px; top: 10%; bottom: 10%; width: 1px; background: rgba(255,255,255,0.12);\n}\n.stat-val { font-family: 'Barlow Condensed', sans-serif; font-size: 56px; font-weight: 900; line-height: 1; display: block; color: var(--order-accent); }\n.stat-val small { font-size: 26px; margin-left: 2px; }\n.stat-lbl { font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; opacity: 0.85; margin-top: 8px; display: block; }\n\n\/* ===== BENEFICIOS ===== *\/\n.benefits-head { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: end; }\n.benefits-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 48px; }\n.benefit-card {\n  background: #fff;\n  border: 1.5px solid var(--order-gray-mid);\n  border-radius: var(--order-radius);\n  padding: 32px 24px;\n  transition: transform .25s, box-shadow .25s, border-color .25s;\n  position: relative;\n  overflow: hidden;\n}\n.benefit-card::after {\n  content: attr(data-n);\n  position: absolute;\n  right: 16px; top: 8px;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 64px;\n  font-weight: 900;\n  color: var(--order-gray-light);\n  line-height: 1;\n}\n.benefit-card:hover { transform: translateY(-6px); box-shadow: 0 16px 40px rgba(255,152,0,0.14); border-color: var(--order-accent); }\n.benefit-icon {\n  width: 60px; height: 66px;\n  display: flex; align-items: center; justify-content: center;\n  color: #fff;\n  background: linear-gradient(135deg, var(--order-accent), var(--order-accent-dark));\n  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);\n  margin-bottom: 20px;\n  position: relative;\n  z-index: 1;\n}\n.benefit-icon svg { width: 28px; height: 28px; }\n.benefit-card h3 {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 22px;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n  margin-bottom: 8px;\n  position: relative; z-index: 1;\n}\n.benefit-card p { font-size: 14px; color: var(--order-gray); line-height: 1.55; position: relative; z-index: 1; }\n.claims-note { font-size: 12px; color: var(--order-gray); margin-top: 20px; }\n\n\/* ===== MOMENTOS (foto) ===== *\/\n.moments { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; background: var(--order-ink); }\n.moments-photo { position: relative; min-height: 560px; overflow: hidden; }\n.moments-photo img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }\n.moments-photo::after {\n  content: ''; position: absolute; inset: 0;\n  background: linear-gradient(90deg, transparent 60%, var(--order-ink) 100%);\n}\n.moments-body { padding: 88px 64px; display: flex; flex-direction: column; justify-content: center; position: relative; }\n.moments-body::before { content: ''; position: absolute; inset: 0; background: var(--hex-white) repeat; background-size: 70px; opacity: 0.6; pointer-events: none; }\n.moments-body > * { position: relative; }\n.moments-body .section-title { color: #fff; font-size: 44px; }\n.moments-body .section-copy { color: rgba(255,255,255,0.72); margin-bottom: 30px; }\n.moment {\n  display: flex; gap: 18px; align-items: flex-start;\n  padding: 18px 0;\n  border-top: 1px solid rgba(255,255,255,0.1);\n}\n.moment:last-child { border-bottom: 1px solid rgba(255,255,255,0.1); }\n.moment-ico {\n  width: 46px; height: 46px; min-width: 46px;\n  border-radius: 12px;\n  background: rgba(255,152,0,0.14);\n  color: var(--order-accent);\n  display: flex; align-items: center; justify-content: center;\n}\n.moment-ico svg { width: 22px; height: 22px; }\n.moment h4 { font-family: 'Barlow Condensed', sans-serif; font-size: 20px; font-weight: 800; text-transform: uppercase; color: #fff; margin-bottom: 2px; letter-spacing: 0.03em; }\n.moment p { font-size: 14px; color: rgba(255,255,255,0.68); line-height: 1.55; }\n\n\/* ===== SOFTGEL ===== *\/\n.format-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 48px; max-width: 960px; margin-left: auto; margin-right: auto; }\n.format-card {\n  border-radius: var(--order-radius);\n  padding: 34px 30px;\n  background: #fff;\n  border: 1.5px solid var(--order-gray-mid);\n}\n.format-card.is-energy {\n  background: linear-gradient(160deg, #fff 0%, var(--order-accent-soft) 100%);\n  border: 2px solid var(--order-accent);\n  box-shadow: 0 16px 40px rgba(255,152,0,0.12);\n}\n.format-top { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; }\n.capsule-art { width: 72px; height: 40px; flex-shrink: 0; }\n.format-card h3 { font-family: 'Barlow Condensed', sans-serif; font-size: 24px; font-weight: 900; text-transform: uppercase; line-height: 1; }\n.format-card .format-tag { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--order-gray); margin-top: 4px; display: block; }\n.format-card.is-energy .format-tag { color: var(--order-accent-dark); }\n.format-list { list-style: none; }\n.format-list li {\n  display: flex; gap: 10px; align-items: flex-start;\n  font-size: 15px; color: var(--order-gray); line-height: 1.5;\n  padding: 10px 0;\n  border-top: 1px solid var(--order-gray-mid);\n}\n.format-list li::before {\n  content: ''; width: 8px; height: 8px; min-width: 8px; margin-top: 8px;\n  border-radius: 50%; background: #b9c6d1;\n}\n.format-card.is-energy .format-list li { border-top-color: rgba(255,152,0,0.2); color: var(--order-black); }\n.format-card.is-energy .format-list li::before { background: var(--order-accent); }\n.fine-note { font-size: 12px; color: var(--order-gray); text-align: center; margin-top: 18px; }\n\n\/* ===== COMPARADOR vs CAF\u00c9 ===== *\/\n.comparator-table {\n  max-width: 860px;\n  margin: 48px auto 0;\n  background: #fff;\n  border: 1.5px solid var(--order-gray-mid);\n  border-radius: var(--order-radius);\n  overflow: hidden;\n}\n.comparator-row { display: grid; grid-template-columns: 1.1fr 1fr 1fr; border-bottom: 1px solid var(--order-gray-mid); }\n.comparator-row:last-child { border-bottom: none; }\n.comparator-row.header { background: var(--order-ink); color: #fff; }\n.comparator-cell { padding: 18px 20px; font-size: 15px; display: flex; align-items: center; justify-content: center; text-align: center; gap: 8px; }\n.comparator-row.header .comparator-cell { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; font-size: 15px; }\n.comparator-row.header .comparator-cell.feature { color: rgba(255,255,255,0.7); }\n.comparator-row.header .comparator-cell.energy { background: var(--order-accent); color: #fff; }\n.comparator-cell.feature { justify-content: flex-start; text-align: left; font-weight: 700; color: var(--order-black); }\n.comparator-cell.energy { background: rgba(255,152,0,0.07); font-weight: 700; color: var(--order-accent-dark); }\n.comparator-cell.coffee { color: var(--order-gray); }\n.comparator-cell svg { width: 18px; height: 18px; flex-shrink: 0; }\n\n\/* ===== TIMELINE ===== *\/\n.timeline-wrap { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 64px; align-items: center; }\n.timeline { position: relative; }\n.timeline::before {\n  content: ''; position: absolute; left: 29px; top: 10px; bottom: 10px; width: 3px;\n  background: linear-gradient(180deg, var(--order-accent), var(--order-blue)); border-radius: 3px;\n}\n.timeline-item { display: flex; gap: 22px; margin-bottom: 22px; position: relative; }\n.timeline-item:last-child { margin-bottom: 0; }\n.timeline-dot {\n  width: 62px; height: 62px; min-width: 62px;\n  background: #fff; border: 3px solid var(--order-accent); border-radius: 50%;\n  display: flex; align-items: center; justify-content: center; text-align: center;\n  font-family: 'Barlow Condensed', sans-serif; font-size: 14px; font-weight: 900; line-height: 1;\n  color: var(--order-accent-dark); z-index: 2;\n}\n.timeline-content { background: #fff; border: 1.5px solid var(--order-gray-mid); border-radius: var(--order-radius-sm); padding: 18px 22px; flex: 1; }\n.timeline-content h4 { font-family: 'Barlow Condensed', sans-serif; font-size: 19px; font-weight: 800; text-transform: uppercase; margin-bottom: 4px; }\n.timeline-content p { font-size: 14px; color: var(--order-gray); line-height: 1.6; }\n.timeline-side .fine-note { text-align: left; }\n\n\/* ===== TESTIMONIOS ===== *\/\n.testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 48px; }\n.testimonial-card {\n  background: #fff; border: 1.5px solid var(--order-gray-mid); border-radius: var(--order-radius);\n  padding: 30px; position: relative; transition: transform .2s, box-shadow .2s;\n  display: flex; flex-direction: column;\n}\n.testimonial-card:hover { transform: translateY(-4px); box-shadow: 0 10px 30px rgba(255,152,0,0.1); }\n.testimonial-quote { font-family: 'Barlow Condensed', sans-serif; font-size: 64px; font-weight: 900; color: var(--order-accent); line-height: 0.6; height: 28px; }\n.testimonial-stars { display: flex; gap: 3px; margin-bottom: 14px; }\n.testimonial-stars svg { width: 16px; height: 16px; fill: var(--order-accent); }\n.testimonial-text { font-size: 15px; color: var(--order-gray); line-height: 1.65; margin-bottom: 20px; flex: 1; }\n.testimonial-author { display: flex; align-items: center; gap: 12px; }\n.testimonial-avatar {\n  width: 42px; height: 42px; border-radius: 50%;\n  background: var(--order-accent-soft); color: var(--order-accent-dark);\n  display: flex; align-items: center; justify-content: center;\n  font-family: 'Barlow Condensed', sans-serif; font-size: 16px; font-weight: 900;\n}\n.testimonial-name { font-weight: 700; font-size: 14px; }\n.testimonial-role { font-size: 12px; color: var(--order-gray); }\n\n\/* ===== F\u00d3RMULA ===== *\/\n.formula-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }\n.formula-summary { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }\n.summary-chip {\n  display: inline-flex; align-items: center; gap: 6px;\n  background: #fff; border: 1px solid var(--order-gray-mid); border-radius: 10px;\n  padding: 8px 14px; font-size: 13px; font-weight: 600; color: var(--order-gray);\n}\n.summary-chip strong { color: var(--order-black); font-family: 'Barlow Condensed', sans-serif; font-size: 15px; }\n.ingredient-list { list-style: none; margin-top: 28px; }\n.ingredient-list li {\n  padding: 18px 0; border-bottom: 1px solid var(--order-gray-mid);\n  display: grid; grid-template-columns: auto 1fr auto; gap: 16px; align-items: center;\n}\n.ingredient-list li:first-child { border-top: 1px solid var(--order-gray-mid); }\n.ing-dot { width: 10px; height: 10px; background: var(--order-accent); border-radius: 50%; }\n.ingredient-list li.minor .ing-dot { background: #c7d3dc; }\n.ing-info h4 { font-family: 'Barlow Condensed', sans-serif; font-size: 18px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.03em; }\n.ing-info p { font-size: 13px; color: var(--order-gray); margin-top: 2px; }\n.ing-amount { font-family: 'Barlow Condensed', sans-serif; font-size: 20px; font-weight: 900; color: var(--order-accent); white-space: nowrap; }\n.ing-role {\n  font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em;\n  color: var(--order-gray); background: #fff; border: 1px solid var(--order-gray-mid);\n  padding: 4px 10px; border-radius: 999px; white-space: nowrap;\n}\n.supp-facts { background: #fff; border: 2px solid var(--order-black); border-radius: 10px; padding: 24px; font-size: 14px; }\n.supp-facts h3 { font-family: 'Barlow Condensed', sans-serif; font-size: 32px; font-weight: 900; border-bottom: 8px solid var(--order-black); padding-bottom: 4px; margin-bottom: 8px; }\n.serving-info { font-size: 13px; color: var(--order-gray); padding: 8px 0; border-bottom: 4px solid var(--order-black); margin-bottom: 6px; }\n.supp-row { display: grid; grid-template-columns: 1fr auto auto; gap: 16px; padding: 7px 0; border-bottom: 1px solid #ddd; align-items: center; }\n.supp-row.header-row { font-size: 11px; font-weight: 700; text-transform: uppercase; color: var(--order-gray); border-bottom: 2px solid var(--order-black); }\n.supp-row .name { font-weight: 600; }\n.supp-row .amt { font-weight: 700; text-align: right; }\n.supp-row .dv { color: var(--order-gray); font-size: 12px; text-align: right; min-width: 40px; }\n.supp-footnote { font-size: 11.5px; color: var(--order-gray); margin-top: 12px; line-height: 1.55; }\n.supp-sub { font-family: 'Barlow Condensed', sans-serif; font-size: 16px; font-weight: 800; text-transform: uppercase; margin: 18px 0 0; padding-top: 12px; border-top: 4px solid var(--order-black); }\n\n\/* ===== MODO DE USO ===== *\/\n.how-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 48px; }\n.how-step {\n  position: relative; background: #fff; border: 1.5px solid var(--order-gray-mid);\n  border-radius: var(--order-radius); padding: 30px 22px;\n  transition: transform .25s, box-shadow .25s, border-color .25s;\n}\n.how-step:hover { transform: translateY(-4px); box-shadow: 0 10px 30px rgba(255,152,0,0.1); border-color: var(--order-accent); }\n.step-num {\n  width: 52px; height: 58px;\n  background: linear-gradient(135deg, var(--order-accent), var(--order-accent-dark));\n  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);\n  display: flex; align-items: center; justify-content: center; margin-bottom: 18px;\n  font-family: 'Barlow Condensed', sans-serif; font-size: 26px; font-weight: 900; color: #fff;\n}\n.how-step h3 { font-family: 'Barlow Condensed', sans-serif; font-size: 20px; font-weight: 800; text-transform: uppercase; margin-bottom: 6px; }\n.how-step p { font-size: 14px; color: var(--order-gray); line-height: 1.55; }\n\n\/* ===== P\u00daBLICO + ADVERTENCIAS ===== *\/\n.target-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }\n.target-list { list-style: none; margin-top: 24px; }\n.target-list li {\n  display: flex; align-items: center; gap: 14px; padding: 15px 0;\n  border-bottom: 1px solid var(--order-gray-mid); font-size: 16px; font-weight: 500;\n}\n.target-list li svg { width: 20px; height: 20px; color: var(--order-accent); flex-shrink: 0; }\n.warnings-box {\n  background: var(--order-warn-bg); border: 1px solid #f6d3bb; border-left: 4px solid var(--order-warn-border);\n  border-radius: 0 var(--order-radius-sm) var(--order-radius-sm) 0; padding: 24px; margin-bottom: 20px;\n}\n.warnings-box h4 {\n  font-family: 'Barlow Condensed', sans-serif; font-size: 20px; font-weight: 800; text-transform: uppercase;\n  margin-bottom: 12px; color: var(--order-warn-text); display: flex; align-items: center; gap: 8px;\n}\n.warnings-box h4 svg { width: 20px; height: 20px; flex-shrink: 0; }\n.warnings-box ul { list-style: none; }\n.warnings-box ul li { font-size: 14px; color: #5a2a0c; padding: 5px 0 5px 18px; position: relative; line-height: 1.5; }\n.warnings-box ul li::before {\n  content: ''; position: absolute; left: 0; top: 12px; width: 7px; height: 7px; border-radius: 50%; background: var(--order-warn-border);\n}\n.commercial-box { padding: 22px; background: #fff; border-radius: var(--order-radius-sm); border: 1.5px solid var(--order-gray-mid); }\n.commercial-box h4 { font-family: 'Barlow Condensed', sans-serif; font-size: 18px; font-weight: 800; text-transform: uppercase; margin-bottom: 12px; }\n.commercial-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 20px; font-size: 14px; color: var(--order-gray); }\n.commercial-grid div { padding: 8px 0; border-bottom: 1px solid var(--order-gray-mid); }\n.commercial-grid strong { display: block; color: var(--order-black); font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 2px; }\n\n\/* ===== FAQ ===== *\/\n.faq-list { margin: 40px auto 0; max-width: 820px; }\n.faq-list details { border-bottom: 1px solid var(--order-gray-mid); }\n.faq-list details:first-child { border-top: 1px solid var(--order-gray-mid); }\n.faq-list summary {\n  padding: 22px 8px; font-size: 17px; font-weight: 600; cursor: pointer;\n  display: flex; justify-content: space-between; align-items: center; gap: 16px;\n  list-style: none; color: var(--order-black); border-radius: 6px; transition: background 0.2s;\n}\n.faq-list summary:hover { background: var(--order-gray-light); }\n.faq-list summary::-webkit-details-marker { display: none; }\n.faq-list summary::after {\n  content: '+'; font-size: 22px; color: var(--order-accent-dark); font-weight: 500; flex-shrink: 0; line-height: 1;\n  width: 32px; height: 32px; border-radius: 50%; background: var(--order-accent-soft);\n  display: flex; align-items: center; justify-content: center;\n}\n.faq-list details[open] summary::after { content: '\u2212'; }\n.faq-list details p { padding: 0 8px 22px; font-size: 15px; color: var(--order-gray); line-height: 1.7; }\n\n\/* ===== CTA FINAL ===== *\/\n.cta-section { background: var(--order-ink); padding: 96px 0; position: relative; overflow: hidden; }\n.cta-section::before { content: ''; position: absolute; inset: 0; background: var(--hex-white) repeat; background-size: 70px; }\n.cta-section::after {\n  content: ''; position: absolute; left: -10%; top: 50%; transform: translateY(-50%);\n  width: 700px; height: 700px; border-radius: 50%;\n  background: radial-gradient(circle, rgba(255,152,0,0.22) 0%, transparent 65%);\n}\n.cta-grid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 56px; align-items: center; position: relative; z-index: 2; }\n.cta-img img { width: 100%; max-width: 400px; display: block; margin: 0 auto; filter: drop-shadow(0 30px 60px rgba(0,0,0,0.5)); }\n.cta-body .kicker { color: var(--order-accent); }\n.cta-title { font-family: 'Barlow Condensed', sans-serif; font-size: 64px; font-weight: 900; color: #fff; text-transform: uppercase; line-height: 0.95; margin-bottom: 18px; }\n.cta-title em { color: var(--order-accent); font-style: normal; }\n.cta-sub { font-size: 18px; color: rgba(255,255,255,0.75); margin-bottom: 28px; max-width: 480px; line-height: 1.6; }\n.cta-price-line { display: flex; align-items: baseline; gap: 12px; margin-bottom: 18px; flex-wrap: wrap; }\n.cta-price-line .price-main { color: #fff; }\n.cta-price-line .price-per { background: rgba(255,152,0,0.15); border-color: rgba(255,152,0,0.4); color: #ffc070; }\n.cta-trust { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 24px; }\n.cta-trust span { display: inline-flex; align-items: center; gap: 6px; color: rgba(255,255,255,0.7); font-size: 13px; font-weight: 600; }\n.cta-trust svg { width: 16px; height: 16px; color: var(--order-accent); stroke: currentColor; fill: none; stroke-width: 2.2; }\n.legal-line { font-size: 12px; color: rgba(255,255,255,0.5); margin-top: 22px; }\n\n\/* ===== SELECTOR DE IDIOMA ===== *\/\n.lang-switch {\n  position: absolute !important;\n  inset: 14px 5% auto auto;\n  z-index: 30;\n  display: flex;\n  gap: 4px;\n  background: rgba(10,42,67,.55);\n  padding: 4px;\n  border-radius: 100px;\n}\n.lang-switch a, .lang-switch span {\n  display: inline-block;\n  color: #fff !important;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  padding: 5px 12px;\n  border-radius: 100px;\n  line-height: 1;\n}\n.lang-switch span.active { background: var(--order-ink); }\n.lang-switch a:hover { background: rgba(255,255,255,0.15); }\n\n\/* ===== ANIMACIONES ===== *\/\n.fade-in { opacity: 0; transform: translateY(26px); transition: opacity .6s ease, transform .6s ease; }\n.fade-in.visible { opacity: 1; transform: translateY(0); }\n@media (prefers-reduced-motion: reduce) {\n  .fade-in { opacity: 1; transform: none; transition: none; }\n  .product-img-wrap { animation: none; }\n}\n\n\/* ===== RESPONSIVE (al final a prop\u00f3sito, para ganar la cascada) ===== *\/\n@media (max-width: 980px) {\n  .hero { padding: 48px 0 64px; }\n  .lang-switch { top: 12px; right: 4%; }\n  .hero-inner { grid-template-columns: 1fr; gap: 24px; }\n  .product-visual { order: -1; min-height: 380px; }\n  .product-ring { width: 320px; height: 320px; }\n  .product-img-wrap img { max-width: 300px; }\n  .chip-a { left: 2%; top: 10%; }\n  .chip-b { right: 2%; bottom: 6%; }\n  .chip-c { display: none; }\n  .hero-title { font-size: 68px; }\n  .benefits-head { grid-template-columns: 1fr; gap: 0; }\n  .benefits-grid { grid-template-columns: repeat(2, 1fr); }\n  .moments { grid-template-columns: 1fr; }\n  .moments-photo { min-height: 320px; }\n  .moments-photo::after { background: linear-gradient(180deg, transparent 60%, var(--order-ink) 100%); }\n  .moments-body { padding: 48px 24px 64px; }\n  .format-grid { grid-template-columns: 1fr; }\n  .timeline-wrap { grid-template-columns: 1fr; gap: 32px; }\n  .testimonials-grid { grid-template-columns: 1fr; }\n  .formula-grid { grid-template-columns: 1fr; gap: 40px; }\n  .how-grid { grid-template-columns: repeat(2, 1fr); }\n  .target-grid { grid-template-columns: 1fr; gap: 40px; }\n  .stats-inner { grid-template-columns: repeat(2, 1fr); row-gap: 36px; }\n  .stat-item:nth-child(3)::before { display: none; }\n  .cta-grid { grid-template-columns: 1fr; gap: 24px; text-align: center; }\n  .cta-img img { max-width: 260px; }\n  .cta-body .kicker, .cta-price-line, .cta-body .buy-row, .cta-trust { justify-content: center; }\n  .cta-sub { margin-left: auto; margin-right: auto; }\n  .cta-title { font-size: 48px; }\n  .comparator-row { grid-template-columns: 1fr 1fr; }\n  .comparator-row .comparator-cell.feature { grid-column: 1 \/ -1; background: var(--order-gray-light); justify-content: center; text-align: center; padding: 10px; font-size: 13px; text-transform: uppercase; letter-spacing: 0.05em; }\n  .comparator-row.header .comparator-cell.feature { display: none; }\n  .comparator-cell { padding: 14px 10px; font-size: 14px; }\n}\n@media (max-width: 600px) {\n  .section { padding: 64px 0; }\n  .wrap { padding: 0 16px; }\n  .hero-title { font-size: 54px; }\n  .section-title { font-size: 34px; }\n  .moments-body .section-title { font-size: 34px; }\n  .benefits-grid { grid-template-columns: 1fr; }\n  .how-grid { grid-template-columns: 1fr; }\n  .commercial-grid { grid-template-columns: 1fr; }\n  .stat-val { font-size: 42px; }\n  .price-main { font-size: 40px; }\n  .hero .buy-row, .cta-body .buy-row { flex-wrap: nowrap; }\n  .hero .buy-row .btn-primary, .cta-body .buy-row .btn-white { flex: 1; padding-left: 12px; padding-right: 12px; }\n  .float-chip { padding: 9px 12px; }\n  .buy-row .cta-label { font-size: 13px; letter-spacing: 0.05em; }\n  .buy-row .cta-price { font-size: 22px; }\n  .float-chip b { font-size: 22px; }\n  .product-visual { min-height: 320px; }\n  .product-ring { width: 270px; height: 270px; }\n  .product-img-wrap img { max-width: 250px; }\n  .ingredient-list li { grid-template-columns: auto 1fr; }\n  .ingredient-list li .ing-amount, .ingredient-list li .ing-role { grid-column: 2; justify-self: start; }\n}\n<\/style>\n\n<div class=\"energy-lp\">\n\n<div class=\"lang-switch\"><a href=\"https:\/\/order-science.com\/energy\/\">ES<\/a><span class=\"active\">EN<\/span><\/div>\n\n<!-- HERO -->\n<section class=\"hero\" id=\"top\">\n  <div class=\"hero-hex\" aria-hidden=\"true\"><\/div>\n  <div class=\"wrap hero-inner\">\n    <div class=\"hero-info\">\n      <span class=\"hero-tag\">\n        <svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"><\/path><\/svg>\n        Performance Line\n      <\/span>\n      <h1 class=\"hero-title\">Energy <span class=\"accent\">your way<\/span><\/h1>\n      <div class=\"hero-sub\">ENERGY \u00b7 Caffeine 200 mg \u00b7 60 softgels<\/div>\n      <p class=\"hero-desc\">\n        Caffeine-based dietary supplement in softgels. Caffeine contributes to increased alertness and concentration. An exact 200 mg dose for the days when training, studying or work ask more of you.\n      <\/p>\n\n      <div class=\"price-block\">\n        <span class=\"price-main\">$15.000<\/span>\n        <span class=\"price-per\">60 softgels<\/span>\n      <\/div>\n\n      <div class=\"buy-row\">\n        <div class=\"qty-selector qty-selector-cta\">\n          <button type=\"button\" class=\"qty-btn qty-minus\" aria-label=\"Decrease\">\u2212<\/button>\n          <input type=\"number\" class=\"qty-input\" value=\"1\" min=\"1\" aria-label=\"Quantity\">\n          <button type=\"button\" class=\"qty-btn qty-plus\" aria-label=\"Increase\">+<\/button>\n        <\/div>\n        <a href=\"https:\/\/order-science.com\/energy\/\" class=\"btn-primary energy-buy-link\" target=\"_blank\" rel=\"noopener\">\n          <span class=\"cta-label\">Add to cart<\/span>\n          <span class=\"cta-price\">$15.000<\/span>\n        <\/a>\n      <\/div>\n      <div class=\"hero-links\">\n        <a href=\"#formula\" class=\"btn-ghost\">See formula and nutrition facts<\/a>\n      <\/div>\n\n      <div class=\"trust-row\">\n        <span class=\"trust-pill\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polyline points=\"4 12 9 17 20 6\"><\/polyline><\/svg>\n          200 mg per softgel\n        <\/span>\n        <span class=\"trust-pill\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"8\" width=\"18\" height=\"8\" rx=\"4\"><\/rect><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"><\/line><\/svg>\n          Softgel format\n        <\/span>\n        <span class=\"trust-pill\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>\n          Gluten free\n        <\/span>\n        <span class=\"trust-pill\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"8\" r=\"4\"><\/circle><path d=\"M4 21c0-4 4-6 8-6s8 2 8 6\"><\/path><\/svg>\n          Adults 19+\n        <\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"product-visual\">\n      <div class=\"product-ring\" aria-hidden=\"true\"><\/div>\n      <div class=\"product-img-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/order-science.com\/wp-content\/uploads\/2026\/08\/ENERGY-CAFEINA-removebg-preview.png\" alt=\"ENERGY Caffeine softgels bottle \u2014 ORDER Nutritional Science\" loading=\"eager\">\n      <\/div>\n      <div class=\"float-chip chip-a\" aria-hidden=\"true\">\n        <b>200<small style=\"font-size:16px\">mg<\/small><\/b>\n        <span>Caffeine<br>per softgel<\/span>\n      <\/div>\n      <div class=\"float-chip chip-b\" aria-hidden=\"true\">\n        <b>60<\/b>\n        <span>Softgels<br>per bottle<\/span>\n      <\/div>\n      <div class=\"float-chip chip-c\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"><\/path><\/svg>\n        <span>Softgel<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ANCHOR BAR -->\n<nav class=\"anchor-bar\" aria-label=\"Product sections\">\n  <div class=\"anchor-inner\">\n    <a href=\"#beneficios\">Benefits<\/a>\n    <a href=\"#momentos\">When to use it<\/a>\n    <a href=\"#softgel\">Softgel<\/a>\n    <a href=\"#comparador\">vs Coffee<\/a>\n    <a href=\"#timeline\">How it works<\/a>\n    <a href=\"#testimonios\">Testimonials<\/a>\n    <a href=\"#formula\">Formula<\/a>\n    <a href=\"#uso\">How to take<\/a>\n    <a href=\"#faq\">FAQ<\/a>\n  <\/div>\n<\/nav>\n\n<!-- STATS -->\n<div class=\"stats-strip\">\n  <div class=\"wrap stats-inner\">\n    <div class=\"stat-item fade-in\">\n      <span class=\"stat-val\">200<small>mg<\/small><\/span>\n      <span class=\"stat-lbl\">Caffeine per softgel<\/span>\n    <\/div>\n    <div class=\"stat-item fade-in\">\n      <span class=\"stat-val\">60<\/span>\n      <span class=\"stat-lbl\">Softgels per bottle<\/span>\n    <\/div>\n    <div class=\"stat-item fade-in\">\n      <span class=\"stat-val\">60<\/span>\n      <span class=\"stat-lbl\">Days of use (1 per day)<\/span>\n    <\/div>\n    <div class=\"stat-item fade-in\">\n      <span class=\"stat-val\">0<small>g<\/small><\/span>\n      <span class=\"stat-lbl\">Added sugars<\/span>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- BENEFICIOS -->\n<section class=\"section\" id=\"beneficios\">\n  <div class=\"wrap\">\n    <div class=\"benefits-head fade-in\">\n      <div>\n        <div class=\"kicker\">Why choose it<\/div>\n        <h2 class=\"section-title\">Alertness, focus and <em>performance<\/em><\/h2>\n      <\/div>\n      <p class=\"section-copy\">Caffeine is one of the most studied ingredients in the world. ENERGY gives it to you in an exact, easy-to-track dose, with nothing to prepare.<\/p>\n    <\/div>\n    <div class=\"benefits-grid\">\n      <div class=\"benefit-card fade-in\" data-n=\"01\">\n        <div class=\"benefit-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"><\/path><\/svg>\n        <\/div>\n        <h3>Alertness<\/h3>\n        <p>Caffeine contributes to increased alertness.<\/p>\n      <\/div>\n      <div class=\"benefit-card fade-in\" data-n=\"02\">\n        <div class=\"benefit-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"5\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"1.5\"><\/circle><\/svg>\n        <\/div>\n        <h3>Concentration<\/h3>\n        <p>Contributes to improved concentration while studying and working.<\/p>\n      <\/div>\n      <div class=\"benefit-card fade-in\" data-n=\"03\">\n        <div class=\"benefit-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path><\/svg>\n        <\/div>\n        <h3>Endurance<\/h3>\n        <p>Supports performance in endurance activities.<\/p>\n      <\/div>\n      <div class=\"benefit-card fade-in\" data-n=\"04\">\n        <div class=\"benefit-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 20V10\"><\/path><path d=\"M12 20V4\"><\/path><path d=\"M18 20v-7\"><\/path><\/svg>\n        <\/div>\n        <h3>Perceived effort<\/h3>\n        <p>Contributes to a reduction in perceived exertion during exercise.<\/p>\n      <\/div>\n    <\/div>\n    <p class=\"claims-note fade-in\">Effects associated with caffeine intake as part of a balanced diet and an active lifestyle. Results may vary from person to person.<\/p>\n  <\/div>\n<\/section>\n\n<!-- MOMENTOS -->\n<section class=\"moments\" id=\"momentos\">\n  <div class=\"moments-photo\">\n    <img decoding=\"async\" src=\"https:\/\/order-science.com\/wp-content\/uploads\/2026\/08\/energy-cafeina-imagen.png\" alt=\"Person training \u2014 ENERGY Caffeine\" loading=\"lazy\">\n  <\/div>\n  <div class=\"moments-body\">\n    <div class=\"kicker\">When to use it<\/div>\n    <h2 class=\"section-title\">For the days that <em>ask for more<\/em><\/h2>\n    <p class=\"section-copy\">One softgel, a glass of water, done. Nothing to brew, nothing to measure, no thermos to carry.<\/p>\n    <div class=\"moment fade-in\">\n      <div class=\"moment-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6.5 6.5h11\"><\/path><path d=\"M6.5 17.5h11\"><\/path><rect x=\"2\" y=\"8\" width=\"4\" height=\"8\" rx=\"1\"><\/rect><rect x=\"18\" y=\"8\" width=\"4\" height=\"8\" rx=\"1\"><\/rect><line x1=\"12\" y1=\"6.5\" x2=\"12\" y2=\"17.5\"><\/line><\/svg><\/div>\n      <div>\n        <h4>Before training<\/h4>\n        <p>Take it about an hour before your session, as part of your pre-workout routine.<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"moment fade-in\">\n      <div class=\"moment-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M2 4h7a3 3 0 0 1 3 3v13a2 2 0 0 0-2-2H2z\"><\/path><path d=\"M22 4h-7a3 3 0 0 0-3 3v13a2 2 0 0 1 2-2h8z\"><\/path><\/svg><\/div>\n      <div>\n        <h4>Study and work<\/h4>\n        <p>For the hours when you need to stay focused on a task.<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"moment fade-in\">\n      <div class=\"moment-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M12 7v5l3 2\"><\/path><\/svg><\/div>\n      <div>\n        <h4>Long days<\/h4>\n        <p>Shifts, travel or packed days. Always within the daily dose and well before bedtime.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- SOFTGEL -->\n<section class=\"section section-alt\" id=\"softgel\">\n  <div class=\"wrap\">\n    <div class=\"center fade-in\">\n      <div class=\"kicker\">What sets ENERGY apart<\/div>\n      <h2 class=\"section-title\">Softgel, <em>not hard capsule<\/em><\/h2>\n      <p class=\"section-copy\">Most caffeine capsules are hard capsules filled with powder. ENERGY uses a softgel: the caffeine is already dispersed in an oil base, inside a gelatin shell.<\/p>\n    <\/div>\n    <div class=\"format-grid\">\n      <div class=\"format-card is-energy fade-in\">\n        <div class=\"format-top\">\n          <svg class=\"capsule-art\" viewBox=\"0 0 72 40\" aria-hidden=\"true\"><defs><linearGradient id=\"sg\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"#ffc266\"\/><stop offset=\"1\" stop-color=\"#e68900\"\/><\/linearGradient><\/defs><ellipse cx=\"36\" cy=\"20\" rx=\"34\" ry=\"18\" fill=\"url(#sg)\"\/><ellipse cx=\"28\" cy=\"12\" rx=\"14\" ry=\"4\" fill=\"#fff\" opacity=\".45\"\/><\/svg>\n          <div>\n            <h3>ENERGY \u00b7 Softgel<\/h3>\n            <span class=\"format-tag\">Softgel<\/span>\n          <\/div>\n        <\/div>\n        <ul class=\"format-list\">\n          <li>Caffeine dispersed in a liquid soybean oil base.<\/li>\n          <li>Soft, smooth gelatin shell that is easy to swallow.<\/li>\n          <li>A format designed to release the caffeine readily once the softgel opens.<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"format-card fade-in\">\n        <div class=\"format-top\">\n          <svg class=\"capsule-art\" viewBox=\"0 0 72 40\" aria-hidden=\"true\"><rect x=\"2\" y=\"6\" width=\"68\" height=\"28\" rx=\"14\" fill=\"#dfe7ee\"\/><rect x=\"36\" y=\"6\" width=\"34\" height=\"28\" rx=\"14\" fill=\"#c7d3dc\"\/><rect x=\"34\" y=\"6\" width=\"4\" height=\"28\" fill=\"#c7d3dc\"\/><\/svg>\n          <div>\n            <h3>Hard capsule<\/h3>\n            <span class=\"format-tag\">Traditional format<\/span>\n          <\/div>\n        <\/div>\n        <ul class=\"format-list\">\n          <li>Caffeine powder inside the capsule.<\/li>\n          <li>Rigid two-piece shell.<\/li>\n          <li>The shell has to break down first for the powder to disperse.<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <p class=\"fine-note\">General description of each capsule format. This is not a comparative study of the product.<\/p>\n  <\/div>\n<\/section>\n\n<!-- COMPARADOR vs CAF\u00c9 -->\n<section class=\"section\" id=\"comparador\">\n  <div class=\"wrap\">\n    <div class=\"center fade-in\">\n      <div class=\"kicker\">ENERGY vs Coffee<\/div>\n      <h2 class=\"section-title\">Why <em>ENERGY<\/em> instead of coffee?<\/h2>\n      <p class=\"section-copy\">Coffee is a pleasure. ENERGY is precision: you know exactly how much caffeine you take.<\/p>\n    <\/div>\n    <div class=\"comparator-table fade-in\">\n      <div class=\"comparator-row header\">\n        <div class=\"comparator-cell feature\">Feature<\/div>\n        <div class=\"comparator-cell energy\">ENERGY<\/div>\n        <div class=\"comparator-cell\">Coffee<\/div>\n      <\/div>\n      <div class=\"comparator-row\">\n        <div class=\"comparator-cell feature\">Caffeine per serving<\/div>\n        <div class=\"comparator-cell energy\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"4 12 9 17 20 6\"><\/polyline><\/svg>Exactly 200 mg<\/div>\n        <div class=\"comparator-cell coffee\">Varies by bean and brewing<\/div>\n      <\/div>\n      <div class=\"comparator-row\">\n        <div class=\"comparator-cell feature\">Tracking your daily intake<\/div>\n        <div class=\"comparator-cell energy\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"4 12 9 17 20 6\"><\/polyline><\/svg>Just count softgels<\/div>\n        <div class=\"comparator-cell coffee\">Hard to measure<\/div>\n      <\/div>\n      <div class=\"comparator-row\">\n        <div class=\"comparator-cell feature\">Preparation<\/div>\n        <div class=\"comparator-cell energy\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"4 12 9 17 20 6\"><\/polyline><\/svg>None<\/div>\n        <div class=\"comparator-cell coffee\">Coffee maker, hot water<\/div>\n      <\/div>\n      <div class=\"comparator-row\">\n        <div class=\"comparator-cell feature\">On the go<\/div>\n        <div class=\"comparator-cell energy\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"4 12 9 17 20 6\"><\/polyline><\/svg>Pocket-size bottle<\/div>\n        <div class=\"comparator-cell coffee\">Depends on where you are<\/div>\n      <\/div>\n      <div class=\"comparator-row\">\n        <div class=\"comparator-cell feature\">Sugar and milk<\/div>\n        <div class=\"comparator-cell energy\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"4 12 9 17 20 6\"><\/polyline><\/svg>0 g added sugars<\/div>\n        <div class=\"comparator-cell coffee\">Depends on how you take it<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- TIMELINE -->\n<section class=\"section section-alt\" id=\"timeline\">\n  <div class=\"wrap timeline-wrap\">\n    <div class=\"timeline-side fade-in\">\n      <div class=\"kicker\">How caffeine works<\/div>\n      <h2 class=\"section-title\">When to <em>take it<\/em><\/h2>\n      <p class=\"section-copy\">A guide to how caffeine behaves in the body, so you can choose the best time to take it.<\/p>\n      <p class=\"fine-note\">Reference times for caffeine in general. They vary from person to person (weight, sensitivity, diet).<\/p>\n    <\/div>\n    <div class=\"timeline\">\n      <div class=\"timeline-item fade-in\">\n        <div class=\"timeline-dot\">0&#8242;<\/div>\n        <div class=\"timeline-content\">\n          <h4>You take it<\/h4>\n          <p>1 softgel with a glass of water. The soft shell opens and releases the caffeine.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"timeline-item fade-in\">\n        <div class=\"timeline-dot\">15&#8242;<br>45&#8242;<\/div>\n        <div class=\"timeline-content\">\n          <h4>Absorption<\/h4>\n          <p>Caffeine is absorbed in the digestive tract and enters the bloodstream.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"timeline-item fade-in\">\n        <div class=\"timeline-dot\">~1h<\/div>\n        <div class=\"timeline-content\">\n          <h4>Highest level<\/h4>\n          <p>Blood caffeine concentration reaches its highest point. That is why taking it one hour before training is suggested.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"timeline-item fade-in\">\n        <div class=\"timeline-dot\">+hrs<\/div>\n        <div class=\"timeline-content\">\n          <h4>Gradual clearance<\/h4>\n          <p>The body clears it gradually over several hours. That is why taking it at night is not recommended.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- TESTIMONIOS -->\n<section class=\"section\" id=\"testimonios\">\n  <div class=\"wrap\">\n    <div class=\"center fade-in\">\n      <div class=\"kicker\">Testimonials<\/div>\n      <h2 class=\"section-title\">What people who <em>tried it<\/em> say<\/h2>\n    <\/div>\n    <div class=\"testimonials-grid\">\n      <div class=\"testimonial-card fade-in\">\n        <div class=\"testimonial-quote\" aria-hidden=\"true\">\u201c<\/div>\n        <div class=\"testimonial-stars\" aria-label=\"5 stars\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n        <\/div>\n        <p class=\"testimonial-text\">I take one softgel before sitting down to study for finals. I like knowing exactly how much caffeine I am taking, without counting cups of coffee.<\/p>\n        <div class=\"testimonial-author\">\n          <div class=\"testimonial-avatar\">LA<\/div>\n          <div><div class=\"testimonial-name\">Luc\u00eda \u00c1lvarez<\/div><div class=\"testimonial-role\">University student<\/div><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"testimonial-card fade-in\">\n        <div class=\"testimonial-quote\" aria-hidden=\"true\">\u201c<\/div>\n        <div class=\"testimonial-stars\" aria-label=\"5 stars\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n        <\/div>\n        <p class=\"testimonial-text\">I train at 6 a.m. and added it to my pre-workout routine. It is practical: a softgel in my bag and I am set, no coffee maker needed.<\/p>\n        <div class=\"testimonial-author\">\n          <div class=\"testimonial-avatar\">MP<\/div>\n          <div><div class=\"testimonial-name\">Marcos P\u00e9rez<\/div><div class=\"testimonial-role\">Amateur runner<\/div><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"testimonial-card fade-in\">\n        <div class=\"testimonial-quote\" aria-hidden=\"true\">\u201c<\/div>\n        <div class=\"testimonial-stars\" aria-label=\"5 stars\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n        <\/div>\n        <p class=\"testimonial-text\">With rotating shifts I needed something simple and easy to dose. One softgel at the start of my shift and I plan the rest of my daily caffeine around it.<\/p>\n        <div class=\"testimonial-author\">\n          <div class=\"testimonial-avatar\">VC<\/div>\n          <div><div class=\"testimonial-name\">Valentina Cruz<\/div><div class=\"testimonial-role\">Shift worker<\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- F\u00d3RMULA -->\n<section class=\"section section-alt\" id=\"formula\">\n  <div class=\"wrap formula-grid\">\n    <div>\n      <div class=\"fade-in\">\n        <div class=\"kicker\">Formula<\/div>\n        <h2 class=\"section-title\">Simple and <em>transparent<\/em><\/h2>\n        <p class=\"section-copy\">Each softgel provides 200 mg of caffeine. No added sugars and gluten free.<\/p>\n      <\/div>\n      <div class=\"formula-summary\">\n        <span class=\"summary-chip\"><strong>Caffeine<\/strong> 200 mg\/softgel<\/span>\n        <span class=\"summary-chip\"><strong>Bottle<\/strong> 60 softgels<\/span>\n        <span class=\"summary-chip\"><strong>Format<\/strong> Softgel<\/span>\n      <\/div>\n      <ul class=\"ingredient-list\">\n        <li class=\"fade-in\">\n          <span class=\"ing-dot\"><\/span>\n          <div class=\"ing-info\"><h4>Caffeine<\/h4><p>Main active ingredient of the formula<\/p><\/div>\n          <span class=\"ing-amount\">200 mg<\/span>\n        <\/li>\n        <li class=\"minor fade-in\">\n          <span class=\"ing-dot\"><\/span>\n          <div class=\"ing-info\"><h4>Soybean oil<\/h4><p>Liquid base where the caffeine is dispersed<\/p><\/div>\n          <span class=\"ing-role\">Carrier<\/span>\n        <\/li>\n        <li class=\"minor fade-in\">\n          <span class=\"ing-dot\"><\/span>\n          <div class=\"ing-info\"><h4>Gelatin<\/h4><p>Softgel shell<\/p><\/div>\n          <span class=\"ing-role\">Shell<\/span>\n        <\/li>\n        <li class=\"minor fade-in\">\n          <span class=\"ing-dot\"><\/span>\n          <div class=\"ing-info\"><h4>Glycerol<\/h4><p>Keeps the shell flexible<\/p><\/div>\n          <span class=\"ing-role\">Humectant<\/span>\n        <\/li>\n      <\/ul>\n      <p class=\"supp-footnote\" style=\"margin-top:16px;\">\n        Ingredients: soybean oil, caffeine, purified water, gelling agent (gelatin), humectant (glycerol), emulsifier (lecithin), stabilizer (beeswax) and colorings (titanium dioxide, ponceau 4R, allura red AC, sunset yellow FCF and brilliant blue FCF). Contains soy derivatives. Gluten free.\n      <\/p>\n    <\/div>\n    <div class=\"fade-in\">\n      <div class=\"supp-facts\">\n        <h3>Nutrition facts<\/h3>\n        <div class=\"serving-info\"><strong>Adults<\/strong> \u00b7 Serving size: 0.78 g (1 softgel) \u00b7 Servings per bottle: 60<\/div>\n        <div class=\"supp-row header-row\"><span>Active<\/span><span>Per serving<\/span><span>% DV*<\/span><\/div>\n        <div class=\"supp-row\"><span class=\"name\">Caffeine<\/span><span class=\"amt\">200 mg<\/span><span class=\"dv\">**<\/span><\/div>\n        <div class=\"supp-footnote\">Not a significant source of energy, carbohydrates, total sugars, added sugars, protein, total fat, saturated fat, trans fat, dietary fiber or sodium.<\/div>\n\n        <div class=\"supp-sub\">Athletes<\/div>\n        <div class=\"serving-info\">Serving size: 1.56 g (2 softgels) \u00b7 Servings per bottle: 30<\/div>\n        <div class=\"supp-row header-row\"><span>Active<\/span><span>Per serving<\/span><span>% DV*<\/span><\/div>\n        <div class=\"supp-row\"><span class=\"name\">Energy<\/span><span class=\"amt\">5 kcal<\/span><span class=\"dv\">0%<\/span><\/div>\n        <div class=\"supp-row\"><span class=\"name\">Total fat<\/span><span class=\"amt\">0.6 g<\/span><span class=\"dv\">1%<\/span><\/div>\n        <div class=\"supp-row\"><span class=\"name\">Saturated fat<\/span><span class=\"amt\">0.1 g<\/span><span class=\"dv\">1%<\/span><\/div>\n        <div class=\"supp-row\"><span class=\"name\">Caffeine<\/span><span class=\"amt\">400 mg<\/span><span class=\"dv\">**<\/span><\/div>\n        <div class=\"supp-footnote\">\n          Not a significant source of carbohydrates, total sugars, added sugars, protein, trans fat, dietary fiber or sodium.<br>\n          * % Daily Values based on a 2,000 kcal diet. ** Daily value not established.\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- MODO DE USO -->\n<section class=\"section\" id=\"uso\">\n  <div class=\"wrap\">\n    <div class=\"center fade-in\">\n      <div class=\"kicker\">How to take<\/div>\n      <h2 class=\"section-title\">How to <em>take it<\/em><\/h2>\n      <p class=\"section-copy\">Simple and practical. Always follow the recommended dose.<\/p>\n    <\/div>\n    <div class=\"how-grid\">\n      <div class=\"how-step fade-in\">\n        <div class=\"step-num\">1<\/div>\n        <h3>Adults: 1 softgel<\/h3>\n        <p>One softgel per day, whenever you need it.<\/p>\n      <\/div>\n      <div class=\"how-step fade-in\">\n        <div class=\"step-num\">2<\/div>\n        <h3>Athletes: 2 softgels<\/h3>\n        <p>Two softgels, 1 hour before exercise.<\/p>\n      <\/div>\n      <div class=\"how-step fade-in\">\n        <div class=\"step-num\">3<\/div>\n        <h3>With water<\/h3>\n        <p>Swallow whole with a glass of water. Do not chew or open the softgel.<\/p>\n      <\/div>\n      <div class=\"how-step fade-in\">\n        <div class=\"step-num\">4<\/div>\n        <h3>Max 400 mg\/day<\/h3>\n        <p>Count all your caffeine for the day (coffee, yerba mate, drinks). Do not take at night.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- P\u00daBLICO + ADVERTENCIAS -->\n<section class=\"section section-alt\">\n  <div class=\"wrap target-grid\">\n    <div class=\"fade-in\">\n      <div class=\"kicker\">Who it is for<\/div>\n      <h2 class=\"section-title\">Who is it <em>for<\/em>?<\/h2>\n      <ul class=\"target-list\">\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"4 12 9 17 20 6\"><\/polyline><\/svg>Athletes and people who train<\/li>\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"4 12 9 17 20 6\"><\/polyline><\/svg>Students and professionals looking for focus<\/li>\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"4 12 9 17 20 6\"><\/polyline><\/svg>People with demanding days or shifts<\/li>\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"4 12 9 17 20 6\"><\/polyline><\/svg>Those who want to track how much caffeine they take<\/li>\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"4 12 9 17 20 6\"><\/polyline><\/svg>Adults over 19<\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"fade-in\">\n      <div class=\"warnings-box\">\n        <h4>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" aria-hidden=\"true\"><path d=\"M10.3 3.9L1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z\"><\/path><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line><\/svg>\n          Important information\n        <\/h4>\n        <ul>\n          <li>Do not use during pregnancy or breastfeeding.<\/li>\n          <li>Not recommended for people under 19.<\/li>\n          <li>Do not exceed the recommended daily dose.<\/li>\n          <li>Keep out of reach of children.<\/li>\n          <li>Consult a doctor if you are under medical treatment.<\/li>\n          <li>Do not take at night: it may affect sleep.<\/li>\n          <li>Store away from light, heat and humidity. Once opened, use within 60 days.<\/li>\n          <li>This product is not a medicine.<\/li>\n          <li>Dietary supplement. It does not replace a balanced diet or medical advice.<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"commercial-box\">\n        <h4>Product details<\/h4>\n        <div class=\"commercial-grid\">\n          <div><strong>Format<\/strong>Bottle with 60 softgels<\/div>\n          <div><strong>Strength<\/strong>200 mg of caffeine per softgel<\/div>\n          <div><strong>Softgel weight<\/strong>0.78 g<\/div>\n          <div><strong>Lasts<\/strong>60 days (1\/day) \u00b7 30 days (2\/day)<\/div>\n          <div><strong>Shelf life<\/strong>24 months from manufacture<\/div>\n          <div><strong>For<\/strong>Adults over 19<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FAQ -->\n<section class=\"section\" id=\"faq\">\n  <div class=\"wrap\">\n    <div class=\"center fade-in\">\n      <div class=\"kicker\">Frequently asked questions<\/div>\n      <h2 class=\"section-title\">Everything you <em>need to know<\/em><\/h2>\n    <\/div>\n    <div class=\"faq-list\">\n      <details class=\"fade-in\" open>\n        <summary>How much caffeine is in each softgel?<\/summary>\n        <p>Each softgel provides 200 mg of caffeine. For adults, 1 softgel per day is suggested. For athletes, up to 2 softgels (400 mg) 1 hour before exercise.<\/p>\n      <\/details>\n      <details class=\"fade-in\">\n        <summary>When is the best time to take it?<\/summary>\n        <p>Before training, studying or at the time of day when you need to be more alert. Avoid taking it at night so it does not interfere with sleep.<\/p>\n      <\/details>\n      <details class=\"fade-in\">\n        <summary>How is it different from coffee?<\/summary>\n        <p>Besides caffeine, coffee contains other substances, and its caffeine content varies by bean and brewing method. ENERGY gives you an exact 200 mg dose per softgel, with nothing to prepare.<\/p>\n      <\/details>\n      <details class=\"fade-in\">\n        <summary>What is different about a softgel?<\/summary>\n        <p>In a softgel, the caffeine is already dispersed in a liquid base, inside a smooth gelatin shell that is easy to swallow. In a hard capsule, the caffeine is a powder.<\/p>\n      <\/details>\n      <details class=\"fade-in\">\n        <summary>Can I combine it with coffee, yerba mate or other caffeinated drinks?<\/summary>\n        <p>Yes, but count all your caffeine for the day. The recommendation is not to exceed 400 mg per day from all sources combined.<\/p>\n      <\/details>\n      <details class=\"fade-in\">\n        <summary>Can I take more than 2 softgels?<\/summary>\n        <p>No. Exceeding 400 mg of caffeine per day (2 softgels) is not recommended. Too much may cause insomnia, nervousness, palpitations and an upset stomach.<\/p>\n      <\/details>\n      <details class=\"fade-in\">\n        <summary>Can it have unwanted effects?<\/summary>\n        <p>In people sensitive to caffeine it may cause insomnia, nervousness or an upset stomach. Always follow the recommended dose and, if you have a health condition or are under treatment, consult your doctor before taking it.<\/p>\n      <\/details>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CTA FINAL -->\n<section class=\"cta-section\" id=\"comprar\">\n  <div class=\"wrap cta-grid\">\n    <div class=\"cta-img fade-in\">\n      <img decoding=\"async\" src=\"https:\/\/order-science.com\/wp-content\/uploads\/2026\/08\/ENERGY-CAFEINA-removebg-preview.png\" alt=\"ENERGY Caffeine softgels \u2014 ORDER\" loading=\"lazy\">\n    <\/div>\n    <div class=\"cta-body fade-in\">\n      <div class=\"kicker\">ORDER Nutritional Science<\/div>\n      <h2 class=\"cta-title\">Your energy, <em>your dose<\/em><\/h2>\n      <p class=\"cta-sub\">60 softgels with 200 mg of caffeine each. Up to 60 days of use.<\/p>\n      <div class=\"cta-price-line\">\n        <span class=\"price-main\">$15.000<\/span>\n      <\/div>\n      <div class=\"buy-row\">\n        <div class=\"qty-selector qty-selector-cta qty-dark\">\n          <button type=\"button\" class=\"qty-btn qty-minus\" aria-label=\"Decrease\">\u2212<\/button>\n          <input type=\"number\" class=\"qty-input\" value=\"1\" min=\"1\" aria-label=\"Quantity\">\n          <button type=\"button\" class=\"qty-btn qty-plus\" aria-label=\"Increase\">+<\/button>\n        <\/div>\n        <a href=\"https:\/\/order-science.com\/energy\/\" class=\"btn-white energy-buy-link\" target=\"_blank\" rel=\"noopener\">\n          <span class=\"cta-label\">Add to cart<\/span>\n          <span class=\"cta-price\">$15.000<\/span>\n        <\/a>\n      <\/div>\n      <div class=\"cta-trust\">\n        <span><svg viewBox=\"0 0 24 24\"><polyline points=\"4 12 9 17 20 6\"><\/polyline><\/svg>Exactly 200 mg<\/span>\n        <span><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>Gluten free<\/span>\n        <span><svg viewBox=\"0 0 24 24\"><polyline points=\"4 12 9 17 20 6\"><\/polyline><\/svg>0 g added sugars<\/span>\n      <\/div>\n      <p class=\"legal-line\">Dietary supplement. It does not replace a balanced diet or medical advice.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/div>\n\n<script>\n(function () {\n  \/* ID de producto de WooCommerce de ENERGY: es el \u00fanico dato a completar *\/\n  var ENERGY_PRODUCT_ID = '778';\n\n  \/* WordPress convierte los ampersand literales dentro de script: se arman en runtime *\/\n  var AMP = String.fromCharCode(38);\n  var BASE_URL = 'https:\/\/order-science.com\/checkout\/?add-to-cart=' + ENERGY_PRODUCT_ID;\n\n  var links = document.querySelectorAll('.energy-buy-link');\n  links.forEach(function (link) {\n    if (ENERGY_PRODUCT_ID) {\n      link.dataset.productId = ENERGY_PRODUCT_ID;\n      link.dataset.baseUrl = BASE_URL;\n      link.href = BASE_URL;\n    }\n  });\n\n  \/* Selector de cantidad sincronizado con el link de compra *\/\n  document.querySelectorAll('.energy-lp .qty-selector').forEach(function (sel) {\n    var input = sel.querySelector('.qty-input');\n    var minus = sel.querySelector('.qty-minus');\n    var plus = sel.querySelector('.qty-plus');\n    var link = sel.nextElementSibling;\n    function sync() {\n      var q = parseInt(input.value, 10);\n      if (!q || q < 1) q = 1;\n      input.value = q;\n      if (link) link.dataset.qty = q;\n      if (link) {\n        if (link.dataset.baseUrl) link.href = link.dataset.baseUrl + AMP + 'quantity=' + q;\n      }\n    }\n    minus.addEventListener('click', function () { input.value = Math.max(1, (parseInt(input.value, 10) || 1) - 1); sync(); });\n    plus.addEventListener('click', function () { input.value = (parseInt(input.value, 10) || 1) + 1; sync(); });\n    input.addEventListener('input', sync);\n    input.addEventListener('blur', sync);\n    sync();\n  });\n\n  function energyAddToCart(link) {\n    if (link.classList.contains('is-loading')) return;\n    var productId = link.dataset.productId;\n    if (!productId) { window.location.href = link.href; return; }\n    var quantity = link.dataset.qty || '1';\n    var labelEl = link.querySelector('.cta-label');\n    var originalLabel = labelEl ? labelEl.textContent : '';\n\n    link.style.minWidth = link.offsetWidth + 'px';\n    link.classList.add('is-loading');\n    if (labelEl) labelEl.textContent = 'Adding\u2026';\n\n    var body = new URLSearchParams();\n    body.set('product_id', productId);\n    body.set('quantity', quantity);\n\n    fetch('\/?wc-ajax=add_to_cart', {\n      method: 'POST',\n      credentials: 'same-origin',\n      headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\n      body: body.toString()\n    })\n      .then(function (res) { return res.text().then(function (text) { return { status: res.status, text: text }; }); })\n      .then(function (r) {\n        var data;\n        try { data = JSON.parse(r.text); } catch (parseErr) {\n          console.error('add_to_cart: respuesta no es JSON (status ' + r.status + ')', r.text.slice(0, 600));\n          throw new Error('invalid_json');\n        }\n        if (!data || data.error) {\n          console.error('add_to_cart: WooCommerce devolvi\u00f3 error (status ' + r.status + ')', data);\n          throw new Error('add_to_cart_error');\n        }\n        if (data.fragments) {\n          Object.keys(data.fragments).forEach(function (selector) {\n            document.querySelectorAll(selector).forEach(function (el) { el.outerHTML = data.fragments[selector]; });\n          });\n        }\n        try {\n          if (window.jQuery) {\n            var $link = window.jQuery(link);\n            window.jQuery(document.body).trigger('added_to_cart', [data.fragments, data.cart_hash, $link]);\n            window.jQuery(document.body).trigger('wc_fragments_refreshed');\n          }\n          document.body.dispatchEvent(new CustomEvent('added_to_cart', { detail: data }));\n        } catch (triggerErr) {\n          console.error('add_to_cart: agreg\u00f3 bien pero un listener tir\u00f3 error', triggerErr);\n        }\n        link.classList.remove('is-loading');\n        if (labelEl) {\n          labelEl.textContent = 'Added!';\n          setTimeout(function () { labelEl.textContent = originalLabel; link.style.minWidth = ''; }, 1600);\n        }\n      })\n      .catch(function (err) {\n        console.error('add_to_cart: fall\u00f3 el agregado por AJAX, redirigiendo al checkout', err);\n        window.location.href = link.href;\n      });\n  }\n\n  links.forEach(function (link) {\n    link.addEventListener('click', function (e) {\n      e.preventDefault();\n      energyAddToCart(this);\n    });\n  });\n\n  \/* Animaciones de entrada *\/\n  var observer = new IntersectionObserver(function (entries) {\n    entries.forEach(function (entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.12 });\n  document.querySelectorAll('.energy-lp .fade-in').forEach(function (el) { observer.observe(el); });\n\n  \/* Scroll suave para los anchors internos *\/\n  document.querySelectorAll('.energy-lp a[href^=\"#\"]').forEach(function (a) {\n    a.addEventListener('click', function (e) {\n      var t = document.querySelector(a.getAttribute('href'));\n      if (t) { e.preventDefault(); t.scrollIntoView({ behavior: 'smooth', block: 'start' }); }\n    });\n  });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>ENERGY \u00b7 Caffeine Softgels | ORDER Nutritional Science ESEN Performance Line Energy your way ENERGY \u00b7 Caffeine 200 mg \u00b7 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"disabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-781","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/order-science.com\/en\/wp-json\/wp\/v2\/pages\/781","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/order-science.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/order-science.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/order-science.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/order-science.com\/en\/wp-json\/wp\/v2\/comments?post=781"}],"version-history":[{"count":1,"href":"https:\/\/order-science.com\/en\/wp-json\/wp\/v2\/pages\/781\/revisions"}],"predecessor-version":[{"id":782,"href":"https:\/\/order-science.com\/en\/wp-json\/wp\/v2\/pages\/781\/revisions\/782"}],"wp:attachment":[{"href":"https:\/\/order-science.com\/en\/wp-json\/wp\/v2\/media?parent=781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}