{"product_id":"protector-bucal-1","title":"PROTECTOR BUCAL","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eProtector Bucal Nocturno — Yevalo\u003c\/title\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n\n\/* ═══════════════════════════════════════\n   RESET + VARIABLES\n═══════════════════════════════════════ *\/\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n  --orange:       #EB7019;\n  --orange-dark:  #C55D10;\n  --orange-light: #FDE8D4;\n  --teal:         #10A4A6;\n  --teal-dark:    #0D8587;\n  --teal-light:   #D6F4F4;\n  --peach:        #F9CFA4;\n  --peach-light:  #FEF5EC;\n  --ink:          #1A1A1A;\n  --ink-mid:      #555555;\n  --ink-soft:     #999999;\n  --bg:           #FFFFFF;\n  --surface:      #F8F5F0;\n  --border:       #E8E0D6;\n  --night:        #1A2A2A;\n  --r:    16px;\n  --r-sm: 10px;\n  --shadow-sm: 0 2px 8px rgba(0,0,0,.06);\n  --shadow-md: 0 8px 24px rgba(0,0,0,.12);\n  --shadow-lg: 0 16px 40px rgba(0,0,0,.16);\n  --shadow-orange: 0 8px 24px rgba(235,112,25,.25);\n  --shadow-teal:   0 8px 24px rgba(16,164,166,.22);\n}\n\nhtml { font-size: 16px; scroll-behavior: smooth; }\n\nbody {\n  font-family: 'Poppins', sans-serif;\n  color: var(--ink);\n  background: var(--bg);\n  width: 100%;\n  overflow-x: hidden;\n  line-height: 1.7;\n}\n\n.container {\n  width: 100%;\n  max-width: 680px;\n  margin: 0 auto;\n  padding: 0 16px;\n}\n\nh1, h2, h3 {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 900;\n  line-height: 1.12;\n  color: var(--ink);\n}\nh1 { font-size: clamp(26px, 6vw, 42px); }\nh2 { font-size: clamp(20px, 4.5vw, 30px); }\np  { margin-bottom: .85rem; color: var(--ink-mid); }\np:last-child { margin-bottom: 0; }\nstrong { color: var(--ink); }\n\n.sec { padding: 2.6rem 0; border-bottom: 1px solid var(--border); }\n.sec:last-child { border-bottom: none; }\n\n\/* ═══════════════════════════════════════\n   SCROLL REVEAL — elementos entran al hacer scroll\n═══════════════════════════════════════ *\/\n.reveal {\n  opacity: 0;\n  transform: translateY(28px);\n  transition: opacity .55s ease, transform .55s ease;\n}\n.reveal.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n.reveal-delay-1 { transition-delay: .08s; }\n.reveal-delay-2 { transition-delay: .16s; }\n.reveal-delay-3 { transition-delay: .24s; }\n.reveal-delay-4 { transition-delay: .32s; }\n.reveal-delay-5 { transition-delay: .40s; }\n.reveal-delay-6 { transition-delay: .48s; }\n\n\/* ═══════════════════════════════════════\n   LIFT CARD — hover\/touch levanta la tarjeta\n═══════════════════════════════════════ *\/\n.lift {\n  transition: transform .22s ease, box-shadow .22s ease;\n  cursor: default;\n  will-change: transform;\n}\n.lift:hover,\n.lift.touched {\n  transform: translateY(-5px) scale(1.02);\n  box-shadow: var(--shadow-md);\n}\n\n.lift-orange:hover,\n.lift-orange.touched {\n  transform: translateY(-5px) scale(1.02);\n  box-shadow: var(--shadow-orange);\n}\n\n.lift-teal:hover,\n.lift-teal.touched {\n  transform: translateY(-5px) scale(1.02);\n  box-shadow: var(--shadow-teal);\n}\n\n\/* ═══════════════════════════════════════\n   IMAGEN SLOTS\n═══════════════════════════════════════ *\/\n.img-real {\n  width: 100%;\n  border-radius: var(--r);\n  display: block;\n  margin: 1.4rem 0;\n}\n.img-slot {\n  width: 100%;\n  min-height: 160px;\n  border-radius: var(--r);\n  border: 2px dashed var(--teal);\n  background: var(--teal-light);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  padding: 1.8rem 1rem;\n  margin: 1.4rem 0;\n  text-align: center;\n}\n.slot-num   { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--teal); }\n.slot-icon  { font-size: 28px; }\n.slot-title { font-size: 13px; font-weight: 700; color: var(--ink); }\n.slot-hint  { font-size: 11px; color: var(--ink-soft); max-width: 340px; line-height: 1.5; }\n.slot-code  { font-size: 10px; background: rgba(16,164,166,.12); color: var(--teal-dark); padding: 3px 10px; border-radius: 6px; font-family: monospace; }\n\n\/* ═══════════════════════════════════════\n   BADGES\n═══════════════════════════════════════ *\/\n.badge {\n  display: inline-flex; align-items: center; gap: 4px;\n  font-size: 12px; font-weight: 700;\n  padding: 5px 14px; border-radius: 20px;\n  transition: transform .15s, box-shadow .15s;\n}\n.badge:hover { transform: scale(1.06); }\n.badge-orange { background: var(--orange-light); color: var(--orange-dark); }\n.badge-teal   { background: var(--teal-light);   color: var(--teal-dark);   }\n.badge-dark   { background: var(--night);         color: #fff;               }\n\n\/* ═══════════════════════════════════════\n   HERO\n═══════════════════════════════════════ *\/\n.hero {\n  background: var(--surface);\n  padding: 2.4rem 0 2rem;\n  text-align: center;\n  border-bottom: 3px solid var(--peach);\n  position: relative;\n  overflow: hidden;\n}\n.hero::before {\n  content: '';\n  position: absolute;\n  top: -60px; right: -60px;\n  width: 200px; height: 200px;\n  background: var(--teal-light);\n  border-radius: 50%;\n  opacity: .5;\n  pointer-events: none;\n}\n.hero::after {\n  content: '';\n  position: absolute;\n  bottom: -40px; left: -40px;\n  width: 140px; height: 140px;\n  background: var(--orange-light);\n  border-radius: 50%;\n  opacity: .4;\n  pointer-events: none;\n}\n.hero .eyebrow {\n  font-size: 11px; font-weight: 700;\n  text-transform: uppercase; letter-spacing: .1em;\n  color: var(--teal); margin-bottom: .6rem;\n}\n.hero h1 { margin-bottom: .8rem; }\n.hero h1 span { color: var(--orange); }\n.hero-sub {\n  font-size: 14px; color: var(--ink-mid);\n  max-width: 480px; margin: 0 auto 1.2rem;\n  line-height: 1.6;\n}\n\n\/* Badges en una sola fila horizontal *\/\n.hero-badges {\n  display: flex;\n  gap: 6px;\n  justify-content: center;\n  flex-wrap: nowrap;\n  margin-bottom: .2rem;\n  overflow-x: auto;\n  padding-bottom: 2px;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: none;\n}\n.hero-badges::-webkit-scrollbar { display: none; }\n.hero-badges .badge {\n  font-size: 11px;\n  padding: 4px 10px;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n\/* ═══════════════════════════════════════\n   CONTADOR ANIMADO — prueba social\n═══════════════════════════════════════ *\/\n.social-proof {\n  display: flex;\n  gap: 8px;\n  margin: 1.2rem 0 0;\n  justify-content: center;\n  flex-wrap: nowrap;\n}\n.sp-card {\n  background: var(--bg);\n  border: 1px solid var(--border);\n  border-radius: var(--r-sm);\n  padding: .7rem .6rem;\n  text-align: center;\n  flex: 1;\n  min-width: 0;\n  box-shadow: var(--shadow-sm);\n}\n.sp-num {\n  font-size: 22px; font-weight: 900;\n  font-family: 'Poppins', sans-serif;\n  color: var(--orange); line-height: 1;\n  margin-bottom: 3px;\n}\n.sp-label {\n  font-size: 10px;\n  color: var(--ink-soft);\n  line-height: 1.3;\n}\n\n\/* ═══════════════════════════════════════\n   EMPATÍA\n═══════════════════════════════════════ *\/\n.empathy {\n  background: var(--peach-light);\n  border-radius: var(--r);\n  padding: 1.8rem;\n  border-left: 4px solid var(--orange);\n  transition: border-left-width .2s, padding-left .2s, box-shadow .2s;\n}\n.empathy:hover {\n  border-left-width: 6px;\n  padding-left: calc(1.8rem - 2px);\n  box-shadow: var(--shadow-orange);\n}\n.empathy h2 { font-size: clamp(18px, 3.5vw, 24px); margin-bottom: .9rem; }\n\n\/* ═══════════════════════════════════════\n   ANTES \/ DESPUÉS\n═══════════════════════════════════════ *\/\n.transform {\n  display: grid;\n  grid-template-columns: 1fr auto 1fr;\n  gap: 10px; align-items: center;\n  margin: 1.6rem 0;\n}\n.t-box {\n  background: var(--surface);\n  border-radius: var(--r-sm);\n  padding: 1.2rem;\n  font-size: 14px; line-height: 1.65;\n  color: var(--ink-mid);\n  transition: transform .22s, box-shadow .22s, background .22s;\n}\n.t-box.before { border-top: 3px solid var(--orange); }\n.t-box.after  { border-top: 3px solid var(--teal);   }\n.t-box.before:hover { background: var(--orange-light); transform: translateY(-4px); box-shadow: var(--shadow-orange); }\n.t-box.after:hover  { background: var(--teal-light);   transform: translateY(-4px); box-shadow: var(--shadow-teal);   }\n.t-label { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 8px; font-family: 'Poppins', sans-serif; }\n.before .t-label { color: var(--orange); }\n.after  .t-label { color: var(--teal);   }\n.t-arrow { font-size: 24px; color: var(--ink-soft); text-align: center;\n  animation: pulse-arrow 2s ease-in-out infinite; }\n@keyframes pulse-arrow {\n  0%, 100% { transform: translateX(0); opacity: 1; }\n  50%       { transform: translateX(4px); opacity: .6; }\n}\n\n\/* ═══════════════════════════════════════\n   BENEFICIOS\n═══════════════════════════════════════ *\/\n.benefit-list { list-style: none; display: flex; flex-direction: column; gap: 10px; margin: 1.4rem 0; }\n.benefit-list li {\n  display: flex; gap: 14px; align-items: flex-start;\n  background: var(--surface);\n  border-radius: var(--r-sm);\n  padding: 14px 16px;\n  border-left: 3px solid var(--peach);\n  transition: transform .22s, box-shadow .22s, border-color .22s, background .22s;\n  cursor: default;\n}\n.benefit-list li:hover {\n  transform: translateX(6px);\n  box-shadow: var(--shadow-md);\n  border-color: var(--orange);\n  background: var(--orange-light);\n}\n.b-icon  { font-size: 22px; min-width: 28px; flex-shrink: 0; padding-top: 1px;\n  transition: transform .22s; }\n.benefit-list li:hover .b-icon { transform: scale(1.25) rotate(-5deg); }\n.b-title { font-size: 14px; font-weight: 700; color: var(--ink); margin-bottom: 2px; font-family: 'Poppins', sans-serif; }\n.b-desc  { font-size: 13px; color: var(--ink-mid); }\n\n\/* ═══════════════════════════════════════\n   GRILLA FUNCIONAL\n═══════════════════════════════════════ *\/\n.func-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 1.4rem 0; }\n.func-card {\n  background: var(--teal-light);\n  border: 1px solid rgba(16,164,166,.25);\n  border-radius: var(--r-sm);\n  padding: 1.2rem;\n  transition: transform .22s, box-shadow .22s, background .22s;\n  cursor: default;\n}\n.func-card:hover {\n  transform: translateY(-6px) scale(1.03);\n  box-shadow: var(--shadow-teal);\n  background: var(--teal);\n}\n.func-card:hover h4,\n.func-card:hover p { color: #fff; }\n.func-icon { font-size: 26px; margin-bottom: 8px; transition: transform .22s; }\n.func-card:hover .func-icon { transform: scale(1.3) rotate(8deg); }\n.func-card h4 { font-size: 13px; font-weight: 700; color: var(--teal-dark); margin-bottom: 4px; font-family: 'Poppins', sans-serif; transition: color .22s; }\n.func-card p  { font-size: 13px; color: var(--ink-mid); margin: 0; transition: color .22s; }\n\n\/* ═══════════════════════════════════════\n   PASOS\n═══════════════════════════════════════ *\/\n.steps { display: flex; flex-direction: column; gap: 14px; margin: 1.4rem 0; }\n.step  { display: flex; gap: 14px; align-items: flex-start;\n  padding: 14px 16px;\n  background: var(--surface);\n  border-radius: var(--r-sm);\n  transition: transform .22s, box-shadow .22s, background .22s;\n  cursor: default;\n}\n.step:hover { transform: translateX(6px); box-shadow: var(--shadow-orange); background: var(--orange-light); }\n.step-n {\n  width: 40px; height: 40px;\n  background: var(--orange); color: #fff;\n  border-radius: 50%;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 16px; font-weight: 900;\n  font-family: 'Poppins', sans-serif;\n  flex-shrink: 0;\n  transition: transform .22s, background .22s;\n}\n.step:hover .step-n { transform: scale(1.15) rotate(-5deg); background: var(--orange-dark); }\n.s-title { font-size: 14px; font-weight: 700; color: var(--ink); margin-bottom: 3px; font-family: 'Poppins', sans-serif; }\n.s-desc  { font-size: 13px; color: var(--ink-mid); }\n\n\/* ═══════════════════════════════════════\n   PARA QUIÉN\n═══════════════════════════════════════ *\/\n.for-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 1.4rem 0; }\n.for-card {\n  border-radius: var(--r-sm); padding: 1.2rem;\n  transition: transform .22s, box-shadow .22s;\n  cursor: default;\n}\n.for-yes { background: var(--teal-light); border: 1px solid rgba(16,164,166,.3); }\n.for-no  { background: var(--orange-light); border: 1px solid rgba(235,112,25,.25); }\n.for-yes:hover { transform: translateY(-5px); box-shadow: var(--shadow-teal); }\n.for-no:hover  { transform: translateY(-5px); box-shadow: var(--shadow-orange); }\n.for-card h4 { font-size: 13px; font-weight: 700; margin-bottom: 10px; font-family: 'Poppins', sans-serif; }\n.for-yes h4  { color: var(--teal-dark); }\n.for-no  h4  { color: var(--orange-dark); }\n.for-card ul { list-style: none; display: flex; flex-direction: column; gap: 7px; }\n.for-card ul li { font-size: 13px; color: var(--ink); }\n.for-yes ul li::before { content: \"✓ \"; color: var(--teal); font-weight: 700; }\n.for-no  ul li::before { content: \"✗ \"; color: var(--orange); font-weight: 700; }\n\n\/* ═══════════════════════════════════════\n   OBJECIONES\n═══════════════════════════════════════ *\/\n.obj-item {\n  background: var(--peach-light);\n  border-left: 3px solid var(--peach);\n  border-radius: 0 var(--r-sm) var(--r-sm) 0;\n  padding: 1.1rem 1.2rem;\n  margin-bottom: 10px;\n  transition: border-left-width .2s, padding-left .2s, box-shadow .22s, background .22s;\n  cursor: default;\n}\n.obj-item:hover {\n  border-left-width: 5px;\n  padding-left: calc(1.2rem - 2px);\n  box-shadow: var(--shadow-sm);\n  background: var(--peach);\n}\n.obj-q { font-size: 14px; font-weight: 700; font-style: italic; color: var(--ink); margin-bottom: 6px; }\n.obj-a { font-size: 14px; color: var(--ink-mid); margin: 0; }\n\n\/* ═══════════════════════════════════════\n   PAQUETE\n═══════════════════════════════════════ *\/\n.pkg-list { list-style: none; display: flex; flex-direction: column; gap: 10px; margin: 1.4rem 0; }\n.pkg-list li {\n  display: flex; gap: 12px; align-items: center;\n  font-size: 14px; color: var(--ink);\n  background: var(--surface); border-radius: var(--r-sm); padding: 12px 14px;\n  border-left: 3px solid var(--orange);\n  transition: transform .22s, box-shadow .22s, background .22s, border-color .22s;\n  cursor: default;\n}\n.pkg-list li:hover { transform: translateX(5px); box-shadow: var(--shadow-orange); background: var(--orange-light); border-color: var(--orange-dark); }\n.pkg-list li::before { content: \"📦\"; font-size: 18px; transition: transform .22s; }\n.pkg-list li:hover::before { transform: scale(1.2) rotate(-8deg); }\n\n\/* ═══════════════════════════════════════\n   FAQ — acordeón con animación\n═══════════════════════════════════════ *\/\n.faq-item {\n  border: 1px solid var(--border);\n  border-radius: var(--r-sm);\n  margin-bottom: 8px;\n  overflow: hidden;\n  transition: box-shadow .22s;\n}\n.faq-item:hover { box-shadow: var(--shadow-sm); }\n.faq-q {\n  font-size: 14px; font-weight: 700; color: var(--ink);\n  font-family: 'Poppins', sans-serif;\n  padding: 1rem 1.2rem;\n  cursor: pointer;\n  display: flex; justify-content: space-between; align-items: center;\n  gap: 10px;\n  background: var(--surface);\n  transition: background .18s, color .18s;\n  user-select: none;\n}\n.faq-q:hover { background: var(--teal-light); color: var(--teal-dark); }\n.faq-q.open  { background: var(--teal); color: #fff; }\n.faq-chevron { font-size: 16px; flex-shrink: 0; transition: transform .28s ease; }\n.faq-q.open .faq-chevron { transform: rotate(180deg); }\n.faq-body {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height .35s ease, padding .35s ease;\n}\n.faq-body.open { max-height: 200px; }\n.faq-a {\n  font-size: 13px; color: var(--ink-mid);\n  padding: 0 1.2rem 1rem;\n  display: block;\n}\n\n\/* ═══════════════════════════════════════\n   BUNDLES\n═══════════════════════════════════════ *\/\n.bundle-wrap {\n  background: var(--night);\n  border-radius: var(--r);\n  padding: 1.8rem 1.4rem;\n  color: #fff;\n}\n.bundle-eyebrow { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; opacity: .45; margin-bottom: 1.1rem; text-align: center; }\n.bundle-list { display: flex; flex-direction: column; gap: 10px; margin-bottom: 1.4rem; }\n\n.bundle-row {\n  display: flex; align-items: center; gap: 10px;\n  background: rgba(255,255,255,.06);\n  border: 1px solid rgba(255,255,255,.1);\n  border-radius: var(--r-sm);\n  padding: 12px 14px;\n  cursor: pointer;\n  transition: transform .22s, background .22s, box-shadow .22s, border-color .22s;\n}\n.bundle-row:hover { transform: translateY(-3px) scale(1.01); background: rgba(255,255,255,.11); box-shadow: 0 8px 20px rgba(0,0,0,.25); }\n.bundle-row.top   { background: rgba(16,164,166,.35); border: 2px solid var(--teal); }\n.bundle-row.top:hover { background: rgba(16,164,166,.5); box-shadow: var(--shadow-teal); }\n\n.b-dot { width: 16px; height: 16px; border-radius: 50%; border: 2px solid rgba(255,255,255,.3); flex-shrink: 0; }\n.bundle-row.top .b-dot { border-color: var(--teal); background: var(--teal); position: relative; }\n.bundle-row.top .b-dot::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 5px; height: 5px; background: var(--night); border-radius: 50%; }\n\n.b-img  { font-size: 22px; min-width: 30px; text-align: center; transition: transform .22s; }\n.bundle-row:hover .b-img { transform: scale(1.2) rotate(-5deg); }\n.b-info { flex: 1; min-width: 0; }\n.b-name { font-size: 13px; font-weight: 700; color: #fff; font-family: 'Poppins', sans-serif; }\n.bundle-row.top .b-name { color: #7EDFE0; }\n.b-sub  { font-size: 11px; opacity: .5; margin-top: 1px; }\n.b-badge { font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 10px; white-space: nowrap; flex-shrink: 0; background: var(--orange); color: #fff; font-family: 'Poppins', sans-serif; }\n.b-badge.free { background: #7EDFE0; color: var(--night); }\n.b-price { text-align: right; flex-shrink: 0; min-width: 70px; }\n.b-was   { font-size: 11px; opacity: .35; text-decoration: line-through; }\n.b-now   { font-size: 18px; font-weight: 900; font-family: 'Poppins', sans-serif; color: #7EDFE0; line-height: 1.1; }\n.bundle-row.top .b-now { color: #fff; font-size: 20px; }\n\n.trust-row { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-bottom: 1.3rem; }\n.trust-pill { background: rgba(255,255,255,.08); border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 600; transition: background .18s, transform .18s; cursor: default; }\n.trust-pill:hover { background: rgba(255,255,255,.16); transform: scale(1.05); }\n\n\/* ═══════════════════════════════════════\n   CTA — pulso animado\n═══════════════════════════════════════ *\/\n.cta-btn {\n  display: block; width: 100%;\n  background: var(--orange);\n  color: #fff; border: none;\n  border-radius: var(--r-sm);\n  padding: 17px;\n  font-size: 17px; font-weight: 900;\n  font-family: 'Poppins', sans-serif;\n  text-align: center; text-decoration: none;\n  cursor: pointer;\n  position: relative;\n  overflow: hidden;\n  transition: background .2s, transform .15s, box-shadow .2s;\n  animation: cta-pulse 3s ease-in-out infinite;\n}\n@keyframes cta-pulse {\n  0%, 100% { box-shadow: 0 0 0 0 rgba(235,112,25,.4); }\n  50%       { box-shadow: 0 0 0 10px rgba(235,112,25,0); }\n}\n.cta-btn:hover {\n  background: var(--orange-dark);\n  transform: translateY(-2px) scale(1.02);\n  box-shadow: var(--shadow-orange);\n  animation: none;\n}\n.cta-btn:active { transform: scale(.98); }\n\n\/* Ripple al hacer click *\/\n.cta-btn .ripple {\n  position: absolute;\n  border-radius: 50%;\n  transform: scale(0);\n  animation: ripple-anim .55s linear;\n  background: rgba(255,255,255,.35);\n  pointer-events: none;\n}\n@keyframes ripple-anim {\n  to { transform: scale(4); opacity: 0; }\n}\n\n.cta-note { font-size: 11px; opacity: .4; text-align: center; margin-top: .7rem; }\n\n\/* ═══════════════════════════════════════\n   CIERRE\n═══════════════════════════════════════ *\/\n.close-block {\n  text-align: center;\n  background: var(--teal-light);\n  border-radius: var(--r);\n  padding: 2.4rem 1.6rem;\n  border: 1px solid rgba(16,164,166,.2);\n  transition: box-shadow .22s, transform .22s;\n}\n.close-block:hover { box-shadow: var(--shadow-teal); transform: translateY(-3px); }\n.close-block h2 { color: var(--teal-dark); margin-bottom: .9rem; }\n.close-block p  { color: var(--ink-mid); max-width: 440px; margin: 0 auto .8rem; }\n\n\/* ═══════════════════════════════════════\n   RESEÑAS\n═══════════════════════════════════════ *\/\n.review {\n  background: var(--surface);\n  border: 1px solid var(--border);\n  border-radius: var(--r-sm);\n  padding: 1.1rem 1.3rem;\n  margin-bottom: 10px;\n  border-left: 3px solid var(--peach);\n  transition: transform .22s, box-shadow .22s, border-color .22s, background .22s;\n  cursor: default;\n}\n.review:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); border-color: var(--orange); background: var(--bg); }\n.review-top { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }\n.av {\n  width: 36px; height: 36px; border-radius: 50%;\n  background: var(--orange); color: #fff;\n  font-size: 12px; font-weight: 700;\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0; font-family: 'Poppins', sans-serif;\n  transition: transform .22s, background .22s;\n}\n.review:hover .av { transform: scale(1.12); background: var(--orange-dark); }\n.rv-name  { font-size: 13px; font-weight: 700; color: var(--ink); font-family: 'Poppins', sans-serif; }\n.rv-city  { font-size: 11px; color: var(--ink-soft); }\n.rv-stars { margin-left: auto; color: var(--orange); font-size: 13px; flex-shrink: 0; }\n.rv-text  { font-size: 13px; font-style: italic; color: var(--ink-mid); line-height: 1.65; }\n.rv-tag   { display: inline-block; margin-top: 8px; background: var(--teal-light); color: var(--teal-dark); font-size: 11px; font-weight: 700; padding: 2px 10px; border-radius: 10px; }\n\n\/* ═══════════════════════════════════════\n   RESPONSIVE\n═══════════════════════════════════════ *\/\n@media (max-width: 480px) {\n  .transform   { grid-template-columns: 1fr; gap: 8px; }\n  .t-arrow     { display: none; }\n  .func-grid   { grid-template-columns: 1fr; }\n  .for-grid    { grid-template-columns: 1fr; }\n  .bundle-row  { flex-wrap: wrap; gap: 8px; }\n  .b-price     { margin-left: auto; }\n  .hero-sub    { font-size: 13px; }\n  .sp-num      { font-size: 18px; }\n  .sp-label    { font-size: 9px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  *, *::before, *::after { animation: none !important; transition-duration: .01ms !important; }\n}\n\u003c\/style\u003e\n\n\n\n\n\u003c!-- ════════════════════════════════\n     HERO\n════════════════════════════════ --\u003e\n\u003cdiv class=\"hero\" id=\"inicio\"\u003e\n  \u003cdiv class=\"container\"\u003e\n    \u003cdiv class=\"eyebrow reveal\"\u003e🌙 Para quienes no descansan de verdad\u003c\/div\u003e\n    \u003ch1 class=\"reveal reveal-delay-1\"\u003eDormís, pero tus dientes \u003cspan\u003eno descansan.\u003c\/span\u003e\n\u003c\/h1\u003e\n    \u003cp class=\"hero-sub reveal reveal-delay-2\"\u003eEl bruxismo destruye tus dientes de noche mientras dormís. Cada mañana sin protección es esmalte que no vuelve.\u003c\/p\u003e\n    \u003cdiv class=\"hero-badges reveal reveal-delay-3\"\u003e\n      \u003cspan class=\"badge badge-teal\"\u003e🦷 Silicona médica\u003c\/span\u003e\n      \u003cspan class=\"badge badge-orange\"\u003e🌙 Moldeable en 30 seg\u003c\/span\u003e\n      \u003cspan class=\"badge badge-dark\"\u003e🚚 Envío gratis Colombia\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"social-proof reveal reveal-delay-4\"\u003e\n      \u003cdiv class=\"sp-card lift\"\u003e\n        \u003cdiv class=\"sp-num\" data-target=\"4800\"\u003e0\u003c\/div\u003e\n        \u003cdiv class=\"sp-label\"\u003eprotectores enviados\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card lift\"\u003e\n        \u003cdiv class=\"sp-num\" data-target=\"97\"\u003e0\u003c\/div\u003e\n        \u003cdiv class=\"sp-label\"\u003e% clientes satisfechos\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card lift\"\u003e\n        \u003cdiv class=\"sp-num\" data-target=\"48\"\u003e0\u003c\/div\u003e\n        \u003cdiv class=\"sp-label\"\u003ehoras de envío\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- IMAGEN 1 --\u003e\n\u003cdiv class=\"container\"\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0627\/3354\/9649\/files\/Stop_Gum_Problems_Naturally.jpg?v=1781130793\" class=\"img-real reveal\" alt=\"Protector bucal nocturno\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\n\n\n\n\n\u003c!-- ════════════════════════════════\n     SECCIÓN 2 — TRANSFORMACIÓN\n════════════════════════════════ --\u003e\n\u003csection class=\"sec\"\u003e\n  \u003cdiv class=\"container\"\u003e\n    \u003ch2 class=\"reveal\"\u003eAsí cambia todo\u003c\/h2\u003e\n    \u003cp class=\"reveal reveal-delay-1\"\u003eUna barrera de silicona entre tus dientes es todo lo que necesitás para despertar diferente.\u003c\/p\u003e\n    \u003cdiv class=\"transform\"\u003e\n      \u003cdiv class=\"t-box before reveal reveal-delay-1\"\u003e\n        \u003cdiv class=\"t-label\"\u003eAntes\u003c\/div\u003e\n        Mandíbula apretada al levantarte\u003cbr\u003e\n        Dolor de cabeza frecuente\u003cbr\u003e\n        Dientes desgastados\u003cbr\u003e\n        Rechinás dormido\u003cbr\u003e\n        Miedo a la factura del dentista\n      \u003c\/div\u003e\n      \u003cdiv class=\"t-arrow reveal reveal-delay-2\"\u003e→\u003c\/div\u003e\n      \u003cdiv class=\"t-box after reveal reveal-delay-3\"\u003e\n        \u003cdiv class=\"t-label\"\u003eDespués\u003c\/div\u003e\n        Mañanas sin tensión ni dolor\u003cbr\u003e\n        Esmalte protegido cada noche\u003cbr\u003e\n        Mejor calidad de sueño\u003cbr\u003e\n        Sin ruido al dormir\u003cbr\u003e\n        Sin gastar en el dentista\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- ════════════════════════════════\n     SECCIÓN 3 — IMAGEN PRODUCTO\n════════════════════════════════ --\u003e\n\u003cdiv class=\"container\"\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0627\/3354\/9649\/files\/section-26902-optimized.webp?v=1768976370\" class=\"img-real reveal\" alt=\"Protector bucal nocturno — características\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- ════════════════════════════════\n     SECCIÓN 4 — BENEFICIOS\n════════════════════════════════ --\u003e\n\u003csection class=\"sec\"\u003e\n  \u003cdiv class=\"container\"\u003e\n    \u003ch2 class=\"reveal\"\u003ePor qué la gente no lo quiere dejar\u003c\/h2\u003e\n    \u003cul class=\"benefit-list\"\u003e\n      \u003cli class=\"reveal reveal-delay-1\"\u003e\n        \u003cdiv class=\"b-icon\"\u003e😴\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cdiv class=\"b-title\"\u003eAmanecés sin tensión desde los primeros días\u003c\/div\u003e\n        \u003cdiv class=\"b-desc\"\u003eLa mandíbula suelta y la cabeza despejada. Tu cuerpo por fin descansa de verdad.\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003c\/li\u003e\n      \u003cli class=\"reveal reveal-delay-2\"\u003e\n        \u003cdiv class=\"b-icon\"\u003e🦷\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cdiv class=\"b-title\"\u003eFrenás el desgaste dental esta noche\u003c\/div\u003e\n        \u003cdiv class=\"b-desc\"\u003eEl esmalte no se recupera. Cada noche sin protección es daño acumulado. Esto lo detiene.\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003c\/li\u003e\n      \u003cli class=\"reveal reveal-delay-3\"\u003e\n        \u003cdiv class=\"b-icon\"\u003e💰\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cdiv class=\"b-title\"\u003eUna fracción del precio del dentista\u003c\/div\u003e\n        \u003cdiv class=\"b-desc\"\u003eUna corona cuesta $600.000. Un implante, más de $1.000.000. Esto cuesta $54.900.\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003c\/li\u003e\n      \u003cli class=\"reveal reveal-delay-4\"\u003e\n        \u003cdiv class=\"b-icon\"\u003e🤝\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cdiv class=\"b-title\"\u003eTu pareja también duerme tranquila\u003c\/div\u003e\n        \u003cdiv class=\"b-desc\"\u003eEl rechinamiento nocturno desaparece por completo. Sin ruido, sin interrupciones.\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003c\/li\u003e\n      \u003cli class=\"reveal reveal-delay-5\"\u003e\n        \u003cdiv class=\"b-icon\"\u003e🎯\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cdiv class=\"b-title\"\u003eHecho a medida de tu boca en casa\u003c\/div\u003e\n        \u003cdiv class=\"b-desc\"\u003eNo es el genérico talla única de la farmacia que se cae. Este se moldea a tus dientes y no se mueve.\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003c\/li\u003e\n      \u003cli class=\"reveal reveal-delay-6\"\u003e\n        \u003cdiv class=\"b-icon\"\u003e🧴\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cdiv class=\"b-title\"\u003eSilicona médica, segura noche tras noche\u003c\/div\u003e\n        \u003cdiv class=\"b-desc\"\u003eSin BPA ni químicos dañinos. Podés usarlo todas las noches con total tranquilidad.\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- IMAGEN 2 --\u003e\n\u003cdiv class=\"container\"\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0627\/3354\/9649\/files\/Neil_Pasricha_guru_mundial_de_la_felicidad___Estas_son_las_6_frases_que_dicen_a_diario_las_perso.jpg?v=1781130793\" class=\"img-real reveal\" alt=\"Beneficios del protector bucal\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- ════════════════════════════════\n     SECCIÓN 5 — QUÉ HACE POR TI\n════════════════════════════════ --\u003e\n\u003csection class=\"sec\"\u003e\n  \u003cdiv class=\"container\"\u003e\n    \u003ch2 class=\"reveal\"\u003e🔐 Lo que hace por vos cada noche\u003c\/h2\u003e\n    \u003cdiv class=\"func-grid\"\u003e\n      \u003cdiv class=\"func-card reveal reveal-delay-1\"\u003e\n        \u003cdiv class=\"func-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003ch4\u003eBloquea la fuerza del apretamiento\u003c\/h4\u003e\n        \u003cp\u003eAbsorbe la fuerza del apretamiento antes de que llegue al esmalte.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"func-card reveal reveal-delay-2\"\u003e\n        \u003cdiv class=\"func-icon\"\u003e😌\u003c\/div\u003e\n        \u003ch4\u003eRelaja la tensión mandibular\u003c\/h4\u003e\n        \u003cp\u003eLa mandíbula trabaja menos. Amanecés sin esa tensión acumulada.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"func-card reveal reveal-delay-3\"\u003e\n        \u003cdiv class=\"func-icon\"\u003e🔇\u003c\/div\u003e\n        \u003ch4\u003eElimina el ruido al dormir\u003c\/h4\u003e\n        \u003cp\u003eSin contacto entre dientes, sin ruido. Tu pareja también descansa.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"func-card reveal reveal-delay-4\"\u003e\n        \u003cdiv class=\"func-icon\"\u003e📅\u003c\/div\u003e\n        \u003ch4\u003eProtege noche tras noche\u003c\/h4\u003e\n        \u003cp\u003eUsalo cada noche y los beneficios se acumulan semana a semana.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- IMAGEN 3 --\u003e\n\u003cdiv class=\"container\"\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0627\/3354\/9649\/files\/descargar_1.jpg?v=1781130793\" class=\"img-real reveal\" alt=\"Proceso de moldeado del protector\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- ════════════════════════════════\n     SECCIÓN 6 — CÓMO SE USA\n════════════════════════════════ --\u003e\n\u003csection class=\"sec\"\u003e\n  \u003cdiv class=\"container\"\u003e\n    \u003ch2 class=\"reveal\"\u003e🛠️ Listo en 4 pasos simples\u003c\/h2\u003e\n    \u003cdiv class=\"steps\"\u003e\n      \u003cdiv class=\"step reveal reveal-delay-1\"\u003e\n        \u003cdiv class=\"step-n\"\u003e1\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cdiv class=\"s-title\"\u003eCalentá agua y sumergí el protector 30 segundos\u003c\/div\u003e\n        \u003cdiv class=\"s-desc\"\u003eAgua caliente de la llave, no hirviendo. 30 segundos y está listo.\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"step reveal reveal-delay-2\"\u003e\n        \u003cdiv class=\"step-n\"\u003e2\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cdiv class=\"s-title\"\u003eMetételo en la boca y mordé suavemente\u003c\/div\u003e\n        \u003cdiv class=\"s-desc\"\u003eCerrá la boca y presioná suave desde afuera. Sostenelo 1 minuto y queda moldeado.\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"step reveal reveal-delay-3\"\u003e\n        \u003cdiv class=\"step-n\"\u003e3\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cdiv class=\"s-title\"\u003ePasalo por agua fría para que quede firme\u003c\/div\u003e\n        \u003cdiv class=\"s-desc\"\u003eEl agua fría fija el molde en segundos. Ya tiene la forma exacta de tu boca.\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"step reveal reveal-delay-4\"\u003e\n        \u003cdiv class=\"step-n\"\u003e4\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cdiv class=\"s-title\"\u003ePonételo antes de dormir y listo\u003c\/div\u003e\n        \u003cdiv class=\"s-desc\"\u003ePonételo al acostarte. En la mañana lo lavás con jabón suave y lo guardás en su estuche.\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"reveal\" style=\"font-size:13px;color:var(--ink-soft);margin-top:1rem;\"\u003e💡 💡 Al principio podés sentirlo raro. En 3 o 4 noches tu boca se acostumbra y ya no lo notás.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- ════════════════════════════════\n     SECCIÓN 7 — PARA QUIÉN\n════════════════════════════════ --\u003e\n\u003csection class=\"sec\"\u003e\n  \u003cdiv class=\"container\"\u003e\n    \u003ch2 class=\"reveal\"\u003e¿Es para vos?\u003c\/h2\u003e\n    \u003cdiv class=\"for-grid\"\u003e\n      \u003cdiv class=\"for-card for-yes reveal reveal-delay-1\"\u003e\n        \u003ch4\u003e✅ Es para vos si...\u003c\/h4\u003e\n        \u003cul\u003e\n          \u003cli\u003eTe levantás con dolor de mandíbula\u003c\/li\u003e\n          \u003cli\u003eTu pareja te dijo que rechinás\u003c\/li\u003e\n          \u003cli\u003eTenés dientes sensibles o desgastados\u003c\/li\u003e\n          \u003cli\u003eYa te hablaron de bruxismo\u003c\/li\u003e\n          \u003cli\u003eVivís con mucho estrés\u003c\/li\u003e\n          \u003cli\u003eQuerés cuidarte sin gastar una fortuna\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"for-card for-no reveal reveal-delay-2\"\u003e\n        \u003ch4\u003e❌ No es para vos si...\u003c\/h4\u003e\n        \u003cul\u003e\n          \u003cli\u003eTenés ortodoncia fija activa\u003c\/li\u003e\n          \u003cli\u003eTenés enfermedad de encías sin tratar\u003c\/li\u003e\n          \u003cli\u003eTenés dientes flojos\u003c\/li\u003e\n          \u003cli\u003eSos menor de 12 años\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- IMAGEN 4 --\u003e\n\u003cdiv class=\"container\"\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0627\/3354\/9649\/files\/descargar_3.jpg?v=1781130793\" class=\"img-real reveal\" alt=\"Persona usando el protector bucal de noche\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- ════════════════════════════════\n     SECCIÓN 8 — OBJECIONES\n════════════════════════════════ --\u003e\n\u003csection class=\"sec\"\u003e\n  \u003cdiv class=\"container\"\u003e\n    \u003ch2 class=\"reveal\"\u003e💬 Dudas frecuentes antes de comprar\u003c\/h2\u003e\n    \u003cdiv class=\"obj-item reveal reveal-delay-1\"\u003e\n      \u003cdiv class=\"obj-q\"\u003e\"Lo dejo para después...\"\u003c\/div\u003e\n      \u003cp class=\"obj-a\"\u003eEl problema es que el daño se acumula en silencio. Cuando el dentista te muestre las radiografías, ya va a ser tarde para prevenirlo.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"obj-item reveal reveal-delay-2\"\u003e\n      \u003cdiv class=\"obj-q\"\u003e\"¿Y si se me cae o me lo trago dormido?\"\u003c\/div\u003e\n      \u003cp class=\"obj-a\"\u003eEl moldeado lo encaja exactamente a tu mordida. No se mueve. Y el tamaño hace imposible que pase algo.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"obj-item reveal reveal-delay-3\"\u003e\n      \u003cdiv class=\"obj-q\"\u003e\"Ya probé uno de farmacia y no sirvió...\"\u003c\/div\u003e\n      \u003cp class=\"obj-a\"\u003eLos de farmacia son talla única y no le quedan bien a nadie. Este lo moldeás vos a tu boca. Esa es toda la diferencia.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"obj-item reveal reveal-delay-4\"\u003e\n      \u003cdiv class=\"obj-q\"\u003e\"¿Lo tengo que usar para siempre?\"\u003c\/div\u003e\n      \u003cp class=\"obj-a\"\u003eNo. Muchos lo usan en épocas de estrés y lo dejan después. Otros lo incorporan a su rutina. Vos decidís.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"obj-item reveal reveal-delay-5\"\u003e\n      \u003cdiv class=\"obj-q\"\u003e\"¿No es mejor el del dentista?\"\u003c\/div\u003e\n      \u003cp class=\"obj-a\"\u003ePara bruxismo severo diagnosticado, sí. Para protección diaria preventiva, este hace lo mismo a 10 veces menos precio.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- ════════════════════════════════\n     SECCIÓN 9 — PAQUETE\n════════════════════════════════ --\u003e\n\u003csection class=\"sec\"\u003e\n  \u003cdiv class=\"container\"\u003e\n    \u003ch2 class=\"reveal\"\u003eLo que recibís en casa\u003c\/h2\u003e\n    \u003cul class=\"pkg-list\"\u003e\n      \u003cli class=\"reveal reveal-delay-1\"\u003e\n\u003cstrong\u003e1 protector bucal nocturno\u003c\/strong\u003e en silicona suave moldeable\u003c\/li\u003e\n      \u003cli class=\"reveal reveal-delay-2\"\u003e\n\u003cstrong\u003e1 estuche con tapa\u003c\/strong\u003e para guardarlo limpio y seguro\u003c\/li\u003e\n      \u003cli class=\"reveal reveal-delay-3\"\u003e\n\u003cstrong\u003eInstrucciones de uso\u003c\/strong\u003e paso a paso en español\u003c\/li\u003e\n    \u003c\/ul\u003e\n    \u003cp class=\"reveal\" style=\"font-size:13px;color:var(--ink-soft);\"\u003eEmpaque discreto. Entrega en 2 a 5 días hábiles en todo Colombia.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- IMAGEN 5 --\u003e\n\u003cdiv class=\"container\"\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0627\/3354\/9649\/files\/Ontdek_7_verrassende_hacks_voor_diepe_herstellende_slaap__Simpele_tips_voor_stressvrij_slapen_en_meer_energie_overdag.jpg?v=1781130793\" class=\"img-real reveal\" alt=\"Descanso nocturno profundo\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- ════════════════════════════════\n     SECCIÓN 10 — FAQ ACORDEÓN\n════════════════════════════════ --\u003e\n\u003csection class=\"sec\"\u003e\n  \u003cdiv class=\"container\"\u003e\n    \u003ch2 class=\"reveal\"\u003ePreguntas que nos hacen seguido\u003c\/h2\u003e\n    \u003cbr\u003e\n\n    \u003cdiv class=\"faq-item reveal reveal-delay-1\"\u003e\n      \u003cdiv class=\"faq-q\" onclick=\"toggleFaq(this)\"\u003e¿Cuánto tiempo dura el protector? \u003cspan class=\"faq-chevron\"\u003e▼\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"faq-body\"\u003e\u003cspan class=\"faq-a\"\u003eEntre 6 y 12 meses con limpieza correcta. Si ves desgaste, es señal de que estuvo trabajando bien.\u003c\/span\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item reveal reveal-delay-2\"\u003e\n      \u003cdiv class=\"faq-q\" onclick=\"toggleFaq(this)\"\u003e¿Lo puedo usar si tengo sensibilidad dental? \u003cspan class=\"faq-chevron\"\u003e▼\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"faq-body\"\u003e\u003cspan class=\"faq-a\"\u003eSí. Si tenés alguna condición activa en las encías o los dientes, consultalo antes con tu odontólogo.\u003c\/span\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item reveal reveal-delay-3\"\u003e\n      \u003cdiv class=\"faq-q\" onclick=\"toggleFaq(this)\"\u003e¿Cómo lo limpio? \u003cspan class=\"faq-chevron\"\u003e▼\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"faq-body\"\u003e\u003cspan class=\"faq-a\"\u003eAgua fría o tibia con jabón neutro después de cada uso. Secalo al aire antes de guardarlo en el estuche.\u003c\/span\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item reveal reveal-delay-4\"\u003e\n      \u003cdiv class=\"faq-q\" onclick=\"toggleFaq(this)\"\u003e¿Tarda mucho en llegar? \u003cspan class=\"faq-chevron\"\u003e▼\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"faq-body\"\u003e\u003cspan class=\"faq-a\"\u003eSale el día siguiente hábil. Ciudades principales: 2 a 3 días. Municipios y zonas rurales: hasta 5 días.\u003c\/span\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item reveal reveal-delay-5\"\u003e\n      \u003cdiv class=\"faq-q\" onclick=\"toggleFaq(this)\"\u003e¿Cómo pago? \u003cspan class=\"faq-chevron\"\u003e▼\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"faq-body\"\u003e\u003cspan class=\"faq-a\"\u003eContra entrega en efectivo. Pagás cuando el paquete llega a tu puerta. Sin tarjeta ni transferencia.\u003c\/span\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item reveal reveal-delay-6\"\u003e\n      \u003cdiv class=\"faq-q\" onclick=\"toggleFaq(this)\"\u003e¿Viene en tallas? \u003cspan class=\"faq-chevron\"\u003e▼\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"faq-body\"\u003e\u003cspan class=\"faq-a\"\u003eTalla estándar adulto. Al ser moldeable se adapta a cualquier boca. Si tenés dudas, escribinos antes.\u003c\/span\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\n\n\n\n\u003c!-- ════════════════════════════════\n     IMAGEN — DESCANSÁ MEJOR\n════════════════════════════════ --\u003e\n\u003cdiv class=\"container\"\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0627\/3354\/9649\/files\/section-26885-optimized.webp?v=1768976304\" class=\"img-real reveal\" alt=\"Descansá mejor con el protector bucal Yevalo\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\n\n\n\u003c!-- ════════════════════════════════\n     SECCIÓN 13 — RESEÑAS\n════════════════════════════════ --\u003e\n\u003csection class=\"sec\"\u003e\n  \u003cdiv class=\"container\"\u003e\n    \u003ch2 class=\"reveal\"\u003eLo que dicen quienes ya lo usan\u003c\/h2\u003e\n    \u003cp class=\"reveal reveal-delay-1\" style=\"font-size:13px;color:var(--ink-soft);margin-bottom:1.4rem;\"\u003eReseñas verificadas de compradores en Colombia.\u003c\/p\u003e\n\n    \u003cdiv class=\"review reveal reveal-delay-1\"\u003e\n      \u003cdiv class=\"review-top\"\u003e\n\u003cdiv class=\"av\"\u003eMC\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"rv-name\"\u003eMarcela Cadavid\u003c\/div\u003e\n\u003cdiv class=\"rv-city\"\u003eMedellín, Antioquia\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rv-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cp class=\"rv-text\"\u003e\"Llevaba dos años con dolor de cabeza todas las mañanas. Mi dentista me cotizó la placa en $480.000 y no tenía esa plata. Una amiga me recomendó este protector. A la semana ya me levantaba diferente. Ahora no me imagino dormir sin él.\"\u003c\/p\u003e\n      \u003cspan class=\"rv-tag\"\u003eDolor de cabeza resuelto ✓\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"review reveal reveal-delay-2\"\u003e\n      \u003cdiv class=\"review-top\"\u003e\n\u003cdiv class=\"av\"\u003eJE\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"rv-name\"\u003eJulián Espinosa\u003c\/div\u003e\n\u003cdiv class=\"rv-city\"\u003eBogotá, Cundinamarca\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rv-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cp class=\"rv-text\"\u003e\"Mi esposa me grabó rechinando los dientes. El sonido era horrible. Pedí el protector, lo moldié esa noche y desde entonces el ruido desapareció. Ella quedó más feliz que yo.\"\u003c\/p\u003e\n      \u003cspan class=\"rv-tag\"\u003eRuido nocturno resuelto ✓\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"review reveal reveal-delay-3\"\u003e\n      \u003cdiv class=\"review-top\"\u003e\n\u003cdiv class=\"av\"\u003eVR\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"rv-name\"\u003eValentina Ríos\u003c\/div\u003e\n\u003cdiv class=\"rv-city\"\u003eCali, Valle del Cauca\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rv-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cp class=\"rv-text\"\u003e\"Tenía miedo de que se me cayera pero queda perfectamente ajustado. El moldeado es facilísimo. Lo uso hace 4 meses y la mandíbula ya no me duele.\"\u003c\/p\u003e\n      \u003cspan class=\"rv-tag\"\u003eNo se cae en la noche ✓\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"review reveal reveal-delay-4\"\u003e\n      \u003cdiv class=\"review-top\"\u003e\n\u003cdiv class=\"av\"\u003eCA\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"rv-name\"\u003eCarlos Andrade\u003c\/div\u003e\n\u003cdiv class=\"rv-city\"\u003eBarranquilla, Atlántico\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rv-stars\"\u003e★★★★☆\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cp class=\"rv-text\"\u003e\"Los primeros tres días me sentí raro. Al cuarto día ya ni lo notaba. Me levanto más descansado y sin esa tensión en la cara. Vale la pena.\"\u003c\/p\u003e\n      \u003cspan class=\"rv-tag\"\u003eAdaptación rápida ✓\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"review reveal reveal-delay-5\"\u003e\n      \u003cdiv class=\"review-top\"\u003e\n\u003cdiv class=\"av\"\u003eLP\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"rv-name\"\u003eLaura Patiño\u003c\/div\u003e\n\u003cdiv class=\"rv-city\"\u003ePereira, Risaralda\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rv-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cp class=\"rv-text\"\u003e\"El dentista me dijo que tenía desgaste severo. Empecé con este protector y en la última revisión el desgaste se estabilizó. Eso lo dice todo.\"\u003c\/p\u003e\n      \u003cspan class=\"rv-tag\"\u003eDesgaste dental detenido ✓\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"review reveal reveal-delay-6\"\u003e\n      \u003cdiv class=\"review-top\"\u003e\n\u003cdiv class=\"av\"\u003eDC\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"rv-name\"\u003eDiego Contreras\u003c\/div\u003e\n\u003cdiv class=\"rv-city\"\u003eBucaramanga, Santander\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rv-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cp class=\"rv-text\"\u003e\"Pedí dos, uno para mí y otro para mi hermano. Llegó en 3 días. Los dos contentos.\"\u003c\/p\u003e\n      \u003cspan class=\"rv-tag\"\u003eEntrega rápida ✓\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"review reveal reveal-delay-1\"\u003e\n      \u003cdiv class=\"review-top\"\u003e\n\u003cdiv class=\"av\"\u003eSM\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"rv-name\"\u003eSandra Murillo\u003c\/div\u003e\n\u003cdiv class=\"rv-city\"\u003eManizales, Caldas\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rv-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cp class=\"rv-text\"\u003e\"Antes me levantaba con la cara tensa y los cachetes apretados. Desde que uso esto, todo cambió. Ya no siento esa tensión y duermo mejor.\"\u003c\/p\u003e\n      \u003cspan class=\"rv-tag\"\u003eTensión facial reducida ✓\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"review reveal reveal-delay-2\"\u003e\n      \u003cdiv class=\"review-top\"\u003e\n\u003cdiv class=\"av\"\u003eAM\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"rv-name\"\u003eAndrés Montoya\u003c\/div\u003e\n\u003cdiv class=\"rv-city\"\u003eArmenia, Quindío\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rv-stars\"\u003e★★★★☆\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cp class=\"rv-text\"\u003e\"Había comprado dos de farmacia y los dos se me caían. Pero este, después del moldeado, no se mueve. Ahora entiendo la diferencia.\"\u003c\/p\u003e\n      \u003cspan class=\"rv-tag\"\u003eMoldeado personalizado ✓\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"review reveal reveal-delay-3\"\u003e\n      \u003cdiv class=\"review-top\"\u003e\n\u003cdiv class=\"av\"\u003eNC\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"rv-name\"\u003eNatalia Castillo\u003c\/div\u003e\n\u003cdiv class=\"rv-city\"\u003eIbagué, Tolima\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rv-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cp class=\"rv-text\"\u003e\"Soy mamá con mucho estrés. Este protector resultó siendo lo mejor que hice por mi salud este año. Sencillo, cómodo y funciona.\"\u003c\/p\u003e\n      \u003cspan class=\"rv-tag\"\u003eSolución sin turnos ✓\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"review reveal reveal-delay-4\"\u003e\n      \u003cdiv class=\"review-top\"\u003e\n\u003cdiv class=\"av\"\u003ePG\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"rv-name\"\u003ePablo González\u003c\/div\u003e\n\u003cdiv class=\"rv-city\"\u003eCúcuta, Norte de Santander\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rv-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cp class=\"rv-text\"\u003e\"Mi novia también quiso uno. La mandíbula ya no me duele y el ruido desapareció. Recomendado al 100%.\"\u003c\/p\u003e\n      \u003cspan class=\"rv-tag\"\u003eRecomendado ✓\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- ════════════════════════════════\n     IMAGEN FINAL\n════════════════════════════════ --\u003e\n\u003cdiv class=\"container\"\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0627\/3354\/9649\/files\/section-26896-optimized.webp?v=1768976370\" class=\"img-real reveal\" alt=\"Protector bucal nocturno Yevalo\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n\/* ═══════════════════════════════════════\n   SCROLL REVEAL\n═══════════════════════════════════════ *\/\nconst revealObserver = new IntersectionObserver((entries) =\u003e {\n  entries.forEach(e =\u003e {\n    if (e.isIntersecting) {\n      e.target.classList.add('visible');\n      revealObserver.unobserve(e.target);\n    }\n  });\n}, { threshold: 0.12 });\n\ndocument.querySelectorAll('.reveal').forEach(el =\u003e revealObserver.observe(el));\n\n\n\/* ═══════════════════════════════════════\n   CONTADOR ANIMADO\n═══════════════════════════════════════ *\/\nfunction animateCounter(el) {\n  const target = parseInt(el.dataset.target);\n  const duration = 1400;\n  const step = target \/ (duration \/ 16);\n  let current = 0;\n  const timer = setInterval(() =\u003e {\n    current += step;\n    if (current \u003e= target) {\n      el.textContent = target.toLocaleString('es-CO') + (target === 97 ? '%' : '+');\n      clearInterval(timer);\n    } else {\n      el.textContent = Math.floor(current).toLocaleString('es-CO');\n    }\n  }, 16);\n}\n\nconst counterObserver = new IntersectionObserver((entries) =\u003e {\n  entries.forEach(e =\u003e {\n    if (e.isIntersecting) {\n      e.target.querySelectorAll('[data-target]').forEach(animateCounter);\n      counterObserver.unobserve(e.target);\n    }\n  });\n}, { threshold: 0.5 });\n\nconst proofSection = document.querySelector('.social-proof');\nif (proofSection) counterObserver.observe(proofSection);\n\n\n\/* ═══════════════════════════════════════\n   FAQ ACORDEÓN\n═══════════════════════════════════════ *\/\nfunction toggleFaq(btn) {\n  const body = btn.nextElementSibling;\n  const isOpen = btn.classList.contains('open');\n  \/\/ Cerrar todos\n  document.querySelectorAll('.faq-q.open').forEach(q =\u003e {\n    q.classList.remove('open');\n    q.nextElementSibling.classList.remove('open');\n  });\n  \/\/ Abrir el clickeado si estaba cerrado\n  if (!isOpen) {\n    btn.classList.add('open');\n    body.classList.add('open');\n  }\n}\n\n\n\/* ═══════════════════════════════════════\n   RIPPLE EN CTA\n═══════════════════════════════════════ *\/\ndocument.querySelectorAll('.cta-btn').forEach(btn =\u003e {\n  btn.addEventListener('click', function(e) {\n    e.preventDefault();\n    const rect = this.getBoundingClientRect();\n    const x = e.clientX - rect.left;\n    const y = e.clientY - rect.top;\n    const ripple = document.createElement('span');\n    ripple.classList.add('ripple');\n    const size = Math.max(rect.width, rect.height);\n    ripple.style.cssText = `width:${size}px;height:${size}px;left:${x - size\/2}px;top:${y - size\/2}px;`;\n    this.appendChild(ripple);\n    setTimeout(() =\u003e ripple.remove(), 600);\n  });\n});\n\n\n\/* ═══════════════════════════════════════\n   TOUCH — soporte celular para hover\n═══════════════════════════════════════ *\/\ndocument.querySelectorAll('.lift, .lift-orange, .lift-teal').forEach(el =\u003e {\n  el.addEventListener('touchstart', () =\u003e el.classList.add('touched'), { passive: true });\n  el.addEventListener('touchend',   () =\u003e setTimeout(() =\u003e el.classList.remove('touched'), 300), { passive: true });\n});\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Yevalo","offers":[{"title":"Default Title","offer_id":59637871476817,"sku":null,"price":54900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0627\/3354\/9649\/files\/section-26873-optimized.webp?v=1768976064","url":"https:\/\/yevalo.shop\/products\/protector-bucal-1","provider":"Yevalo","version":"1.0","type":"link"}