<!doctype html>
<html lang="es-MX">
<head><base target="_top">
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="theme-color" content="#5c1e1e">
<title>Tu plan de ajo añejado · Nativo</title><meta name="description" content="Conoce tu perfil de preferencias y explora la propuesta de ajo añejado de Nativo. Un cuestionario, no una evaluación médica.">
<link rel="icon" href="//diariosaludnatural.lat/cdn/shop/t/1/assets/nativo-plan-quiz-nativo.svg?v=91754085421810430481792166555" type="image/svg+xml"><link rel="preload" href="//diariosaludnatural.lat/cdn/shop/t/1/assets/dsn-inter.woff2?v=53399804603581884051792111258" as="font" type="font/woff2" crossorigin><style>@font-face{font-family:Inter;src:url('//diariosaludnatural.lat/cdn/shop/t/1/assets/dsn-inter.woff2?v=53399804603581884051792111258') format('woff2');font-display:swap;font-weight:100 900}
:root{--wine:#5c1e1e;--wine-deep:#3f1414;--gold:#b8946a;--ink:#272522;--muted:#726e69;--paper:#f7f7f3;--line:#e2e0d9;--cream:#f8eddb;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #9a6a1c;outline-offset:5px}h1:focus{outline:none}button{color:inherit}h1,h2,h3,p,figure{margin:0}h1{font-size:clamp(32px,4vw,48px);font-weight:760;line-height:1.13;letter-spacing:-1.8px;text-wrap:balance}h1 em{font-style:normal;color:var(--wine)}a{color:var(--wine)}[hidden]{display:none!important}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-to-content{position:fixed;top:-70px;left:15px;z-index:20;background:white;padding:12px}.skip-to-content:focus{top:12px}
.quiz-header{position:relative;background:rgba(255,255,255,.9);z-index:3}.header-inner{max-width:1180px;margin:auto;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;position:relative}.nativo-logo{width:106px;height:auto;position:absolute;left:50%;transform:translateX(-50%)}.back-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;transition:.2s}.back-button svg{width:22px;fill:none;stroke:var(--wine);stroke-width:1.7}.back-button:disabled{opacity:0;pointer-events:none}.back-button:hover{background:var(--cream)}#step-label{font-size:12px;font-weight:600;color:var(--muted);margin-left:auto}.progress-track{height:4px;background:#ebe9e2;overflow:hidden}#progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--wine) 50%,var(--gold));transition:width .6s var(--ease);position:relative}#progress-fill:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:translateX(-100%);animation:shimmer 4s 1s infinite}
.quiz-stage{max-width:1180px;margin:0 auto;min-height:480px;padding:48px 36px 20px}.screen{margin:auto}.enter-forward{animation:enter .44s var(--ease) both}.enter-back{animation:enter-back .35s var(--ease) both}.eyebrow{display:block;font-size:10px;font-weight:750;letter-spacing:1.8px;text-transform:uppercase;color:var(--wine);margin:0 0 16px}.screen-sub{font-size:16px;line-height:1.65;color:var(--muted);margin-top:18px}.primary{border:0;background:var(--wine);color:#fff;min-height:58px;border-radius:50px;padding:17px 26px;display:flex;align-items:center;justify-content:center;gap:22px;width:100%;font-weight:650;box-shadow:0 5px 0 rgba(63,20,20,.08),0 8px 24px rgba(63,20,20,.08);transition:background .2s,transform .2s,box-shadow .2s}.primary .icon{width:21px;transition:transform .2s}.primary:hover{background:var(--wine-deep);transform:translateY(-2px);box-shadow:0 10px 24px #5c1e1e20}.primary:hover .icon{transform:translateX(4px)}.primary:active{transform:translateY(1px)}.primary:disabled{background:#dad6cf;color:#8b857e;box-shadow:none;transform:none}.text-button{border:0;background:transparent;color:#74675d;font-size:12px;padding:12px 16px;text-decoration:underline;text-underline-offset:4px}.quiz-outside{max-width:650px;margin:8px auto 0;text-align:center;padding:0 24px 36px}.quiz-disclaimer{font-size:10px;line-height:1.65;color:#7a7771;max-width:510px;margin:13px auto}.legal-details{font-size:10px;color:#7a7771;line-height:1.6}.legal-details summary{cursor:pointer}.legal-details p{margin:12px 0;text-align:left}.legal-details a{text-underline-offset:2px}
/* Cover: a quiet, moving canvas behind the capsule. */
.intro-screen{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;position:relative;min-height:540px;padding:18px 0 30px}.intro-ambient{position:absolute;inset:-48px -36px -10px;z-index:-1;overflow:hidden;opacity:.5;background-image:radial-gradient(#c7c2b6 .8px,transparent .8px);background-size:23px 23px;mask-image:linear-gradient(90deg,transparent,#000 70%,transparent);animation:grid-drift 25s linear infinite}.intro-badge{display:inline-flex;gap:8px;align-items:center;font-size:11px;font-weight:650;color:var(--wine);padding:7px 12px;border:1px solid #ddcab4;border-radius:50px;background:#faf2e6;margin-bottom:26px}.intro-badge .icon{width:16px;height:16px}.intro-copy .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:14px}.intro-copy h1{font-size:clamp(38px,4.4vw,58px);letter-spacing:-2.5px;line-height:1.08}.intro-copy h1 em{position:relative;isolation:isolate}.intro-copy h1 em:after{content:'';position:absolute;left:-3px;right:-3px;bottom:3px;height:.24em;background:#e7cf9d;z-index:-1;transform:scaleX(0);transform-origin:left;animation:underline .75s .5s var(--ease) forwards}.intro-copy .screen-sub{font-size:16px;max-width:440px;margin-top:22px}.intro-facts{display:flex;gap:22px;margin:26px 0 20px;font-size:12px;color:#61594f}.intro-facts span{display:flex;align-items:center;gap:7px}.intro-facts .icon{width:16px;height:16px;color:var(--wine)}.intro-copy .primary{max-width:360px;justify-content:space-between;padding-left:28px}.intro-caption{font-size:10px;color:var(--muted);margin:13px 0}.intro-visual{position:relative;padding:22px 20px;text-align:center;max-width:470px}.intro-visual figure{aspect-ratio:1;overflow:hidden;border-radius:50% 50% 44% 44%;position:relative;background:#eee5d4;box-shadow:0 22px 40px #5c1e1e0b}.intro-visual figure img{width:100%;height:100%;object-fit:cover}.visual-orbit{position:absolute;inset:8px 4px 62px;border:1px solid #c5b59c;border-radius:50%;transform:rotate(-15deg);animation:orbit-breathe 7s ease-in-out infinite}.floating-token{position:absolute;background:#fffdf8;box-shadow:0 8px 25px #3f141413;border:1px solid #e4d9c8;display:flex;align-items:center;gap:10px;text-align:left;z-index:1;animation:float 6s ease-in-out infinite}.token-months{top:48px;left:-10px;padding:12px 17px;border-radius:15px;transform:rotate(-6deg)}.token-months strong{font-size:32px;font-weight:550;line-height:1;color:var(--wine);letter-spacing:-2px}.token-months span{font-size:10px;line-height:1.4}.token-routine{right:-10px;bottom:90px;border-radius:14px;padding:13px 17px;animation-delay:-3s}.token-routine>.icon{width:27px;height:27px;color:var(--wine);transform:rotate(-15deg)}.token-routine span{font-size:11px;line-height:1.5}.intro-visual>p{display:flex;justify-content:center;gap:7px;align-items:center;font-size:11px;margin-top:24px}.intro-visual>p .icon{width:16px;height:16px;color:var(--wine)}.intro-visual>small{font-size:9px;color:var(--muted);display:block;margin-top:8px}.entry-escalera figure{border-radius:45% 45% 12px 12px}.entry-pastilla figure,.entry-medirte figure{border-radius:45% 45% 18px 18px}.entry-escalera figure img{object-position:center}.entry-pastilla figure img,.entry-medirte figure img{object-position:55% center}
/* One decision at a time. */
.question-screen{max-width:590px;padding-top:0}.question-icon{display:grid;place-items:center;width:46px;height:46px;background:var(--cream);border:1px solid #eadac4;border-radius:14px;color:var(--wine);margin-bottom:20px}.question-screen h1{font-size:34px;letter-spacing:-1.1px}.question-screen .eyebrow{font-size:9px;margin-bottom:10px}.question-screen .screen-sub{font-size:13px;margin-top:12px}.answer-ack{display:flex;align-items:center;gap:6px;font-size:11px;color:#74634c;margin-bottom:18px;animation:ack-in .4s both}.answer-ack .icon{width:14px;height:14px}.options{display:grid;gap:9px;margin:25px 0 14px}.option{position:relative;display:flex;align-items:center;text-align:left;gap:15px;padding:16px 18px;width:100%;min-height:61px;background:#fff;border:1px solid var(--line);border-radius:13px;font-size:15px;font-weight:500;line-height:1.4;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s;animation:option-in .4s calc(var(--i)*45ms) both}.option .option-icon{width:21px;height:21px;color:#8d7960}.option>span{flex:1}.option:hover{border-color:#b8946a;transform:translateY(-2px);box-shadow:0 5px 14px #5c1e1e08}.option.selected{border-color:var(--wine);background:#fbf1e9;color:var(--wine);box-shadow:0 0 0 1px var(--wine)}.selection-mark{display:grid;place-items:center;width:20px;height:20px;border:1.5px solid #d8d2c8;border-radius:50%;flex:none}.selected .selection-mark{border-color:var(--wine)}.options:not(.multi) .selected .selection-mark:after{content:'';width:10px;height:10px;border-radius:50%;background:var(--wine);animation:pop .25s}.multi .selection-mark{border-radius:5px}.multi .selection-mark .icon{width:15px;height:15px;opacity:0}.multi .selected .selection-mark{background:var(--wine);color:#fff}.multi .selected .selection-mark .icon{opacity:1;animation:pop .25s}.option.just-picked{animation:pick .38s}.auto-hint{font-size:10px;text-align:center;color:var(--muted);margin:18px 0}.why{display:flex;align-items:flex-start;gap:9px;padding:14px 0 0;margin:15px 0 4px;border-top:1px solid var(--line);font-size:11px;line-height:1.65;color:#7b736a}.why .icon{width:16px;height:16px;margin-top:1px;color:#a68b69}.why b{font-weight:600;color:#5d5246}.dense .question-icon{display:none}.dense .option{min-height:57px;padding-top:13px;padding-bottom:13px}.dense .options{margin-top:21px;gap:8px}.question-screen>.primary{margin-top:20px}
/* Editorial pauses inherit the original quiz's burgundy and amber. */
.info-screen{text-align:center;max-width:610px}.info-screen h1{font-size:40px}.info-screen>.primary{max-width:440px;margin:27px auto 0}.bridge-scene{position:relative;margin:28px auto 24px;height:154px;width:280px;display:grid;place-items:center}.bridge-ring{position:absolute;border:1px solid #ddc7a7;border-radius:50%;width:150px;height:150px}.ring-one{transform:scaleX(1.6) rotate(-20deg);animation:orbit-breathe 7s ease-in-out infinite}.ring-two{width:120px;height:120px;border-style:dashed;border-color:#b8946a90;animation:rotate 40s linear infinite}.bridge-symbol{width:94px;height:94px;border:1px solid #e5d4bd;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#fff,#f2dfbf);box-shadow:0 12px 28px #8e6d2b12}.bridge-symbol .icon{color:var(--wine);width:38px;height:38px;stroke-width:1.3}.scene-node{position:absolute;width:35px;height:35px;border-radius:50%;background:#fff;border:1px solid #e0d3bf;display:grid;place-items:center;color:#9b7953}.scene-node .icon{width:17px;height:17px}.node-one{left:26px;top:24px;animation:float 5s infinite}.node-two{right:22px;bottom:19px;animation:float 6s -2s infinite}.info-lead{font-size:15px;line-height:1.8;max-width:535px;margin:auto;color:#5f5a53}.insight{display:flex;text-align:left;gap:13px;background:#edece5;border-radius:14px;padding:18px 21px;margin:24px auto 0;max-width:530px;font-size:12px;line-height:1.6}.insight>.icon{color:var(--wine);width:22px}.insight p{margin-top:5px;color:var(--muted);font-size:11px}.brand-scene{height:226px;position:relative;display:flex;justify-content:center;align-items:center;margin:22px auto 12px;width:330px;max-width:100%}.brand-disc{position:absolute;width:210px;height:210px;border-radius:50%;background:#eadecb;border:12px solid #f1e8d9;box-shadow:0 0 0 1px #dcc8ac}.brand-scene img{position:relative;width:124px;height:auto;mix-blend-mode:multiply;transform:rotate(-6deg);filter:drop-shadow(5px 12px 7px #5c1e1e16);animation:product-rise .7s var(--ease) both}.quality-tag{position:absolute;right:0;bottom:20px;background:#fff;padding:10px 14px;border:1px solid #e1d5c4;border-radius:12px;box-shadow:0 5px 16px #3f141410;font-size:10px;text-align:left;display:flex;align-items:center;gap:9px;transform:rotate(3deg)}.quality-tag .icon{color:var(--wine)}.brand-stats{display:grid;grid-template-columns:1fr 1fr;max-width:440px;margin:16px auto 0}.brand-stats>div{display:grid;gap:6px}.brand-stats>div+div{border-left:1px solid #dbd1c3}.brand-stats b{font-size:37px;letter-spacing:-1.7px;font-weight:650;color:var(--wine)}.brand-stats b span{font-size:17px;color:#a28766;letter-spacing:-.5px}.brand-stats div>span{font-size:11px;color:var(--muted);line-height:1.6}.stat-note{font-size:10px;color:var(--muted);line-height:1.6;max-width:420px;margin:21px auto 0}.ingredient-screen>.answer-ack{justify-content:center}.ingredient-journey{display:flex;align-items:flex-start;justify-content:center;margin:42px auto 30px;max-width:520px}.ingredient-journey>div{width:110px;flex:none;animation:option-in .6s both}.ingredient-journey>div:nth-of-type(2){animation-delay:.15s}.ingredient-journey>div:nth-of-type(3){animation-delay:.3s}.ingredient-drawing{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:#ebe8dd;border:1px solid #dfd8c9;margin:0 auto 13px}.ingredient-drawing>.icon{width:44px;height:44px;color:#8d7f60;stroke-width:1.1}.time-drawing{background:#f0e3cf;border-color:#d8c2a1}.time-drawing>.icon{color:#9f7838}.capsule-drawing{background:var(--wine);border-color:var(--wine)}.capsule-drawing>.icon{color:#f5e2c1}.ingredient-journey b{font-size:12px;display:block}.ingredient-journey small{font-size:10px;color:var(--muted)}.journey-line{height:1px;background:#bba383;flex:1;max-width:70px;margin-top:45px;position:relative}.journey-line:after{content:'›';position:absolute;right:-1px;top:-14px;font-size:18px;color:#9f7838}.ingredient-note{border:1px solid #e2d6c2;background:#fcf7ec;padding:23px;border-radius:16px;text-align:left;font-size:14px}.ingredient-note p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:8px}.quiet-note{font-size:10px;color:var(--muted);line-height:1.7;max-width:480px;margin:20px auto 0}.assembling-screen{text-align:center;max-width:520px;padding:25px 0}.assembling-screen h1{font-size:38px}.assembling-orbit{position:relative;width:160px;height:160px;margin:32px auto}.assembling-orbit>svg{width:160px;height:160px;transform:rotate(-90deg);fill:none;stroke-width:3}.track{stroke:#e4ddd0}.ring-fill{stroke:var(--wine);stroke-linecap:round;stroke-dasharray:440;stroke-dashoffset:440;animation:assemble-ring 2.6s linear forwards}.assembling-orbit>div{position:absolute;inset:19px;border-radius:50%;background:#efe7d9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.assembling-orbit .icon{color:var(--wine);width:36px;height:36px}.assembling-orbit span{font-size:10px;letter-spacing:.8px;color:#796247}.assembly-list{max-width:390px;margin:auto;text-align:left;display:grid;gap:11px}.assembly-list>div{display:flex;gap:12px;align-items:center;animation:option-in .4s var(--delay) both}.assembly-list .icon{width:23px;height:23px;background:#e6eadd;color:#68794d;border-radius:50%;padding:4px}.assembly-list p{font-size:11px}.assembly-list p span{display:block;font-size:9px;letter-spacing:.3px;color:var(--muted);margin-bottom:2px}
/* Result. */
.profile-screen{max-width:620px;text-align:center}.completion-seal{display:grid;place-items:center;width:52px;height:52px;background:var(--wine);color:#f7e5c8;border-radius:50%;margin:0 auto 12px;box-shadow:0 0 0 7px #eee1ce;animation:seal-pop .5s var(--ease) both}.completion-seal .icon{width:28px;height:28px;stroke-width:2}.profile-ready{font-size:10px;color:#8c7556;display:block;margin:18px 0 10px}.profile-name{font-size:12px;font-weight:650;background:#eee5d7;display:inline-block;padding:7px 18px;border-radius:50px;color:var(--wine);margin-bottom:23px}.profile-screen h1{font-size:36px;letter-spacing:-1.3px}.profile-screen .eyebrow{font-size:9px;margin-bottom:10px}.profile-screen .screen-sub{font-size:14px}.profile-summary{text-align:left;border:1px solid #e1dace;border-radius:17px;background:#fffdf9;margin-top:27px;overflow:hidden}.summary-heading{padding:17px 20px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #eee9e0}.summary-heading .icon{color:var(--wine);width:19px}.summary-heading h2{font-size:13px;font-weight:650}.summary-heading button{margin-left:auto;border:0;background:none;color:var(--wine);text-decoration:underline;font-size:11px}.profile-summary ul{list-style:none;margin:0;padding:5px 20px}.profile-summary li{font-size:12px;display:grid;grid-template-columns:95px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #ede9e0}.profile-summary li:last-child{border:0}.profile-summary li>span{font-size:10px;color:var(--muted);padding-top:1px}.goal-highlight{display:flex;gap:13px;align-items:center;background:#f3e8d7;padding:17px 20px}.goal-highlight>.icon{color:#987347}.goal-highlight p{font-size:12px}.goal-highlight p>span{display:block;font-size:9px;color:#8d7557;margin-bottom:4px}.medication-reminder{display:flex;gap:10px;padding:17px;text-align:left;margin-top:16px;background:#eeeee6;border-radius:12px;font-size:11px;line-height:1.7;color:#6d665b}.medication-reminder>.icon{color:var(--wine);width:20px}.medication-reminder b{color:#4b4036}.feedback-section{text-align:left;margin-top:28px}.feedback-section>h2{font-size:13px;margin-bottom:10px}.feedback-row{display:flex;gap:13px;padding:16px 0;border-bottom:1px solid var(--line)}.feedback-row>.icon{color:#9b7f58;width:22px}.feedback-row h3{font-size:12px;margin-bottom:5px}.feedback-row p{font-size:12px;line-height:1.7;color:var(--muted)}.result-note{font-size:11px;line-height:1.7;color:var(--muted);margin:24px 0 20px}.restart{display:block;margin:10px auto 0}#fx{pointer-events:none;position:fixed;left:50%;top:155px;z-index:5}#fx i{position:absolute;width:5px;height:8px;border-radius:2px;animation:confetti 1.5s ease-out forwards}
/* Offer: selectable bundle, explicit renewal frequency. */
.plan-screen{display:grid;grid-template-columns:1fr 1fr;gap:35px 55px;align-items:start}.plan-header{padding-top:13px}.plan-header h1{font-size:42px}.plan-header .screen-sub{font-size:14px;max-width:390px}.plan-product{margin:36px 0;display:flex;align-items:center;gap:25px}.pack-visual{position:relative;flex:0 0 165px;padding:20px 18px 28px;border-radius:100px 100px 25px 25px;background:#eee2d0}.pack-visual img{width:100%;height:auto;mix-blend-mode:multiply;filter:drop-shadow(3px 6px 5px #5c1e1e20);transform:rotate(-5deg)}.pack-visual>span{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);padding:6px 13px;background:#fffaf1;border:1px solid #dbcaad;border-radius:20px;font-size:10px;color:var(--wine);white-space:nowrap}.product-copy>span{font-size:8px;letter-spacing:.9px;color:var(--wine)}.product-copy h2{font-size:21px;line-height:1.25;letter-spacing:-.6px;margin:10px 0}.product-copy p{font-size:11px;line-height:1.7;color:var(--muted)}.product-copy small{font-size:9px;line-height:1.6;display:block;color:#887d6e;margin-top:11px}.plan-purchase{background:#fff;border:1px solid #e0d8cc;box-shadow:0 12px 40px #3f141407;padding:25px;border-radius:20px}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-size:12px;font-weight:650;padding:0;margin-bottom:13px}.plan-choices{display:grid;gap:9px}.plan-choice{position:relative;cursor:pointer;display:flex;align-items:center;gap:12px;border:1px solid #dedbd5;border-radius:12px;padding:15px 12px;min-height:78px;transition:background .2s,border-color .2s}.plan-choice.chosen{background:#fcf5e9;border-color:var(--wine);box-shadow:0 0 0 1px var(--wine)}.plan-choice input{position:absolute;opacity:0;width:20px;height:20px;left:12px}.plan-choice:has(input:focus-visible){outline:3px solid #9a6a1c;outline-offset:3px}.plan-radio{border:1px solid #cfc4b4;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;flex:none}.chosen .plan-radio{border-color:var(--wine)}.chosen .plan-radio:after{content:'';width:9px;height:9px;border-radius:50%;background:var(--wine)}.plan-detail{flex:1}.plan-detail>b{display:block;font-size:14px}.plan-detail>b small{display:block;font-size:10px;color:#7d6d58;font-weight:450;margin-top:2px}.plan-detail>span{display:block;font-size:9px;color:var(--muted);margin-top:3px}.plan-detail i{position:absolute;top:-8px;right:12px;font-size:8px;font-style:normal;background:var(--wine);color:#fff;padding:2px 8px;border-radius:4px;letter-spacing:.3px}.plan-price{text-align:right;flex:none}.plan-price del{font-size:10px;color:#9c968d;display:block}.plan-price strong{font-size:19px;color:var(--wine);letter-spacing:-.8px}.purchase-mode{margin-top:24px;padding-top:19px;border-top:1px solid #e9e5dd}.mode-choice{display:flex;gap:10px;align-items:flex-start;cursor:pointer;margin:10px 0}.mode-choice input{accent-color:var(--wine);width:16px;height:16px;margin:3px 0 0;flex:none}.mode-choice b{font-size:11px}.mode-choice small{font-size:10px;line-height:1.6;display:block;color:var(--muted);margin-top:3px}.mode-choice i{font-style:normal;font-size:8px;background:#eaeedf;color:#58633c;border-radius:4px;padding:3px 5px;margin-left:5px}.subscription-notice{padding:12px;background:#fff4d9;border:1px solid #e8d5a5;font-size:10px;border-radius:8px;line-height:1.7;margin:14px 0}.order-total{display:flex;align-items:center;justify-content:space-between;margin:22px 0 18px;gap:14px}.order-total>div>span{font-size:10px;color:var(--muted);display:block}.order-total strong{font-size:32px;letter-spacing:-1.4px;font-weight:700}.order-total strong small{font-size:10px;letter-spacing:0;font-weight:500}.order-total>p{text-align:right;border-left:1px solid #e6e0d6;padding-left:17px}.order-total p b{font-size:16px;color:var(--wine)}.order-total p span{font-size:8px;display:block;color:var(--muted)}.plan-purchase .primary{font-size:13px;gap:10px;padding:17px}.shipping-note{font-size:10px;color:var(--muted);text-align:center;margin:12px 0 18px}.guarantee-card{display:flex;gap:11px;border-radius:11px;background:#f2f2eb;padding:14px}.guarantee-card>.icon{color:#8c7959;width:21px;height:24px}.guarantee-card b{font-size:11px}.guarantee-card p{font-size:9px;color:#7a746a;line-height:1.7;margin-top:3px}.product-link{display:block;font-size:10px;text-align:center;margin:18px auto 0;text-underline-offset:4px}.plan-after{grid-column:1/-1;max-width:760px;width:100%;margin:auto}.plan-facts{display:flex;justify-content:center;gap:30px;font-size:10px;padding-bottom:30px;border-bottom:1px solid var(--line);color:#776a59}.plan-facts span{display:flex;align-items:center;gap:7px}.plan-facts .icon{width:17px;height:17px}.expectations{padding:30px 0 18px}.expectations h2{font-size:20px;letter-spacing:-.6px;margin-bottom:20px}.expectations>div{display:flex;gap:17px;align-items:flex-start;padding:12px 0}.expectations>div>span{font-size:11px;color:#a27e4f;background:#ebe1d0;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex:none}.expectations p{font-size:12px;color:var(--muted);line-height:1.8}.expectations b{color:#4e4336}.plan-faq{padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}.plan-faq summary{cursor:pointer;font-weight:600}.plan-faq p{color:var(--muted);line-height:1.8;margin-top:12px}.price-date{font-size:9px;text-align:center;color:var(--muted);margin-top:23px}.no-script{padding:40px;text-align:center}.no-script p{margin:20px 0}dialog{max-width:460px;width:calc(100% - 32px);border:1px solid #d9cab6;border-radius:20px;padding:34px;background:#fffdf8;color:var(--ink);box-shadow:0 30px 100px #271e1650}dialog::backdrop{background:#2c1c1a80;backdrop-filter:blur(5px)}dialog h2{font-size:28px;letter-spacing:-1px;line-height:1.2}.dialog-close{position:absolute;top:10px;right:13px;background:none;border:0;font-size:28px;line-height:1;width:32px;height:32px;color:var(--muted)}.preview-item{display:flex;gap:20px;align-items:center;margin:25px 0}.preview-item img{width:65px;height:auto;mix-blend-mode:multiply}.preview-item b,.preview-item span,.preview-item strong{display:block}.preview-item b{font-size:14px}.preview-item span{font-size:11px;color:var(--muted);margin:7px 0}.preview-item strong{font-size:23px;color:var(--wine);letter-spacing:-.5px}.preview-recurring,.preview-once{background:var(--cream);padding:12px;border-radius:8px;font-size:11px}.preview-explanation{font-size:12px;line-height:1.8;color:var(--muted);margin:18px 0 23px}dialog .primary{font-size:13px;min-height:49px;padding:13px}
@keyframes enter{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes enter-back{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}@keyframes option-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pick{0%,100%{transform:scale(1)}45%{transform:scale(1.014);box-shadow:0 0 0 4px #5c1e1e12}}@keyframes pop{from{transform:scale(.4)}to{transform:scale(1)}}@keyframes ack-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%,30%{transform:translateX(-100%)}80%,100%{transform:translateX(100%)}}@keyframes underline{to{transform:scaleX(1)}}@keyframes grid-drift{to{background-position:23px 23px}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes orbit-breathe{0%,100%{scale:1}50%{scale:1.04}}@keyframes rotate{to{rotate:360deg}}@keyframes product-rise{from{opacity:0;translate:0 15px;rotate:5deg}to{opacity:1;translate:0 0;rotate:0deg}}@keyframes assemble-ring{to{stroke-dashoffset:0}}@keyframes seal-pop{0%{scale:.3;opacity:0}65%{scale:1.12}100%{scale:1;opacity:1}}@keyframes confetti{0%{transform:translate(0,0) rotate(0);opacity:1}80%{opacity:1}100%{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}
@media(min-width:1000px){body[data-screen=intro] .quiz-outside{margin-top:0}.question-screen{padding-top:0}.quiz-stage:has(.question-screen){padding-top:34px}}
@media(max-width:900px){.intro-screen{gap:32px;min-height:480px}.intro-copy h1{font-size:44px}.intro-visual{padding:20px 8px}.token-months{left:-14px;top:40px;padding:9px 11px}.token-routine{right:-12px;bottom:95px;padding:10px}.plan-screen{gap:30px}.plan-header h1{font-size:35px}.plan-product{gap:15px;flex-direction:column;align-items:flex-start}.pack-visual{flex:initial;width:160px;align-self:center}.product-copy h2 br{display:none}.plan-purchase{padding:20px}.plan-choice{gap:9px;padding:14px 10px}.plan-price strong{font-size:17px}}
@media(max-width:650px){.header-inner{height:66px;padding:0 19px}.nativo-logo{width:84px;left:50%}#step-label{font-size:9px;max-width:94px;text-align:right}.back-button{width:32px;height:32px}.back-button svg{width:18px}.progress-track{height:3px}.quiz-stage{padding:27px 22px 12px;min-height:0}.quiz-outside{padding:0 24px 28px;margin-top:6px}.quiz-disclaimer{font-size:9px}.legal-details{font-size:9px}.text-button{font-size:11px;padding:11px}.eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:12px}h1{font-size:33px;letter-spacing:-1.4px}.screen-sub{font-size:14px}.intro-screen{display:flex;flex-direction:column;gap:10px;padding:0;min-height:0}.intro-ambient{inset:-27px -22px 0;mask-image:linear-gradient(180deg,transparent,#000)}.intro-copy{width:100%;text-align:center;z-index:1}.intro-badge{font-size:9px;padding:5px 10px;gap:5px;margin-bottom:20px}.intro-badge .icon{width:13px;height:13px}.intro-copy .eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:12px}.intro-copy h1{font-size:40px;letter-spacing:-1.9px;line-height:1.07;max-width:400px;margin:auto}.intro-copy .screen-sub{font-size:13px;line-height:1.7;margin:17px auto 0;max-width:355px}.intro-facts{justify-content:center;gap:20px;margin:18px 0 16px;font-size:10px}.intro-facts .icon{width:14px;height:14px}.intro-copy .primary{margin:auto;max-width:380px;min-height:52px;padding:14px 23px;font-size:14px}.intro-caption{font-size:9px;margin:10px 0}.intro-visual{width:240px;padding:10px 12px 0;margin:2px auto 8px}.intro-visual figure{height:205px;width:205px;margin:auto}.visual-orbit{inset:2px 4px 44px}.token-months{top:25px;left:-23px;padding:9px 11px;gap:7px;border-radius:10px}.token-months strong{font-size:25px;letter-spacing:-1.2px}.token-months span{font-size:8px}.token-routine{right:-25px;bottom:66px;padding:9px 11px;gap:7px;border-radius:10px}.token-routine>.icon{width:23px;height:23px}.token-routine span{font-size:9px}.intro-visual>p{font-size:9px;margin-top:14px;gap:5px}.intro-visual>p .icon{width:13px;height:13px}.intro-visual>small{font-size:7px;margin-top:5px}.question-screen h1{font-size:29px;letter-spacing:-1px}.question-icon{width:37px;height:37px;border-radius:11px;margin-bottom:17px}.question-icon .icon{width:21px;height:21px}.question-screen .eyebrow{font-size:8px;margin-bottom:9px}.question-screen .screen-sub{font-size:12px;line-height:1.6;margin-top:10px}.answer-ack{font-size:10px;margin-bottom:15px}.options{gap:8px;margin:22px 0 12px}.option{padding:14px 13px;min-height:59px;gap:11px;font-size:13px;border-radius:12px}.option .option-icon{width:20px;height:20px}.selection-mark{width:18px;height:18px}.options:not(.multi) .selected .selection-mark:after{width:8px;height:8px}.dense .option{min-height:54px;padding:12px 13px}.dense .options{margin-top:19px;gap:8px}.dense h1{font-size:28px}.auto-hint{font-size:9px;margin:15px 0}.why{padding-top:12px;font-size:10px;gap:7px}.why .icon{width:14px;height:14px}.question-screen>.primary{min-height:52px;font-size:14px;margin-top:17px}.primary{min-height:53px;font-size:14px}.info-screen h1{font-size:32px;letter-spacing:-1.3px}.info-screen .eyebrow{font-size:8px}.bridge-scene{margin:25px auto 20px;height:139px;scale:.95}.info-lead{font-size:13px;line-height:1.8}.insight{padding:16px;gap:10px;font-size:11px;margin-top:20px}.insight p{font-size:10px}.info-screen>.primary{margin-top:22px}.brand-scene{height:210px;width:290px;margin:20px auto 12px}.brand-disc{width:190px;height:190px}.brand-scene img{width:114px}.quality-tag{font-size:9px;right:0;bottom:15px;padding:9px 11px}.quality-tag .icon{width:20px;height:20px}.brand-stats b{font-size:31px}.brand-stats b span{font-size:15px}.brand-stats div>span{font-size:10px}.stat-note{font-size:9px;margin-top:18px}.ingredient-journey{margin:30px auto 24px}.ingredient-journey>div{width:87px}.ingredient-drawing{width:73px;height:73px;margin-bottom:11px}.ingredient-drawing>.icon{width:35px;height:35px}.journey-line{margin-top:36px}.ingredient-journey b{font-size:10px}.ingredient-journey small{font-size:8px}.ingredient-note{padding:18px;font-size:12px}.ingredient-note p{font-size:11px}.quiet-note{font-size:9px;margin-top:17px}.assembling-screen{padding:28px 0}.assembling-screen h1{font-size:31px}.assembling-screen .screen-sub{font-size:13px}.assembling-orbit{margin:28px auto}.assembly-list{max-width:290px}.profile-screen h1{font-size:30px}.profile-screen .screen-sub{font-size:12px;line-height:1.8}.profile-name{font-size:11px;margin-bottom:20px}.completion-seal{width:45px;height:45px}.profile-ready{font-size:9px}.summary-heading{padding:15px 16px}.summary-heading h2{font-size:12px}.profile-summary ul{padding:4px 16px}.profile-summary li{font-size:11px;grid-template-columns:76px 1fr;gap:8px}.profile-summary li>span{font-size:9px}.goal-highlight{padding:15px 16px;gap:10px}.goal-highlight p{font-size:11px}.medication-reminder{font-size:10px;padding:14px}.feedback-row p{font-size:11px}.feedback-row h3{font-size:11px}.result-note{font-size:10px}.plan-screen{display:block}.plan-header{padding-top:0}.plan-header h1{font-size:35px;text-align:center}.plan-header>.eyebrow{text-align:center}.plan-header .screen-sub{text-align:center;font-size:12px;margin-top:14px}.plan-product{flex-direction:row;align-items:center;gap:22px;margin:24px 0}.pack-visual{width:125px;flex:0 0 125px;padding:15px 15px 27px}.pack-visual>span{font-size:9px;padding:5px 10px}.product-copy>span{font-size:7px;letter-spacing:.4px}.product-copy h2{font-size:18px;margin:8px 0}.product-copy h2 br{display:block}.product-copy p{font-size:10px}.product-copy small{font-size:8px;margin-top:8px}.plan-purchase{padding:20px 17px;border-radius:16px}.plan-choice{padding:14px 12px;gap:11px}.plan-detail>b{font-size:13px}.plan-price strong{font-size:19px}.plan-detail>span{font-size:8px}.plan-purchase .primary{font-size:13px;min-height:54px}.plan-after{margin-top:28px}.plan-facts{gap:15px;font-size:8px;align-items:start;padding-bottom:24px}.plan-facts span{flex:1;flex-direction:column;gap:7px;text-align:center}.expectations{padding-top:24px}.expectations h2{font-size:18px;margin-bottom:14px}.expectations p{font-size:11px}.expectations>div{gap:12px;padding:10px 0}.plan-faq{font-size:11px;padding:16px 0}.price-date{font-size:8px}#fx{top:124px}dialog{padding:29px 24px}dialog h2{font-size:25px}.preview-item{gap:17px}.preview-item b{font-size:12px}.preview-item strong{font-size:21px}}
@media(max-width:360px){.quiz-stage{padding-left:17px;padding-right:17px}.intro-copy h1{font-size:35px}.intro-copy .screen-sub{font-size:12px}.intro-visual{width:218px}.intro-visual figure{width:188px;height:188px}.token-months{left:-19px}.token-routine{right:-18px}.question-screen h1,.dense h1{font-size:26px}.dense .option{font-size:12px;min-height:53px;padding:12px 10px}.option{font-size:12px;gap:9px}.ingredient-journey>div{width:78px}.ingredient-drawing{width:65px;height:65px}.journey-line{margin-top:32px}.plan-product{gap:15px}.pack-visual{width:105px;flex-basis:105px}.plan-purchase{padding:18px 13px}.plan-choice{gap:8px;padding:13px 9px}.plan-price strong{font-size:17px}.plan-detail>b{font-size:12px}.plan-detail>span{font-size:7px}.plan-header h1{font-size:31px}.product-copy h2{font-size:16px}.header-inner{padding:0 17px}#step-label{font-size:8px;max-width:82px}.nativo-logo{width:76px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.intro-copy h1 em:after{transform:scaleX(1)}.ring-fill{stroke-dashoffset:0}}
.checkout-error{font-size:12px;line-height:1.6;color:#5c1e1e;padding:12px;background:#fff4df;border-radius:8px;margin-top:12px}</style>
</head>
<body>
<a class="skip-to-content" href="#quiz-stage">Ir al cuestionario</a>
<header class="quiz-header"><div class="header-inner"><button id="back-button" class="back-button" type="button" aria-label="Volver a la pantalla anterior" disabled><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m14 6-6 6 6 6M8 12h13"/></svg></button><img src="//diariosaludnatural.lat/cdn/shop/t/1/assets/nativo-plan-quiz-nativo.svg?v=91754085421810430481792166555" width="1337" height="415" alt="Nativo" class="nativo-logo"><span id="step-label">Tu plan, paso a paso</span></div><div class="progress-track" role="progressbar" aria-label="Progreso del cuestionario" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div id="progress-fill"></div></div></header>
<main id="quiz-stage" class="quiz-stage" data-clarity-mask="true" data-hj-suppress><noscript><div class="no-script"><h1>Tu plan de ajo añejado</h1><p>Activa JavaScript para recorrer el cuestionario. También puedes conocer directamente la propuesta de Nativo.</p><a href="https://www.nativo.health/products/aged-garlic">Ver el producto</a></div></noscript></main>
<div class="quiz-outside"><button type="button" id="skip-button" class="text-button">Saltar e ir a los precios <span aria-hidden="true">→</span></button><p class="quiz-disclaimer">Este cuestionario es de Nativo. El resultado es un perfil de preferencias armado con tus respuestas; no es una medición, un examen ni un diagnóstico.</p><details class="legal-details"><summary>Privacidad, fuentes y aviso legal</summary><p>Las respuestas se usan únicamente en la memoria de esta página para armar el perfil. No se envían a un servidor, no se guardan al recargar y no se incluyen en enlaces ni datos de compra.</p><p>Estas declaraciones no han sido evaluadas por autoridades sanitarias. Este producto no está destinado a diagnosticar, tratar, curar o prevenir ninguna enfermedad. Consulta a tu médico antes de iniciar cualquier suplemento. Nativo® es una marca operada por SOUTHEAST BRANDS LLC; los cargos en tu estado de cuenta aparecerán a nombre de SOUTHEAST BRANDS LLC.</p><p>Características, calificaciones y precios declarados en la <a href="https://www.nativo.health/products/aged-garlic" target="_blank" rel="noopener noreferrer">página de Nativo</a>, revisada el 16 de octubre de 2026. Contexto sobre seguridad: <a href="https://www.nccih.nih.gov/health/garlic" target="_blank" rel="noopener noreferrer">NCCIH · Garlic</a>. Las imágenes de personas son ilustrativas; no son testimonios.</p></details></div>
<div id="fx" aria-hidden="true"></div><div id="announcement" class="sr-only" role="status" aria-live="polite"></div>
<script>
(()=>{
const quizSearch=window.name;
// Pure questionnaire rules. No network, storage or medical scoring.
const VERSION='tu-plan-v1';
const PRODUCT_URL='https://www.nativo.health/products/aged-garlic';
const QUESTIONS={
age:{title:'¿Cuántos años tienes?',sub:'Elige tu rango de edad.',why:'Nos ayuda a dar contexto a lo que buscas.',ack:'Gracias.',options:[['under45','18 a 44 años','person'],['45-54','45 a 54 años','person'],['55-59','55 a 59 años','person'],['60-64','60 a 64 años','person'],['65+','65 años o más','person']]},
concern:{title:'¿Qué es lo que más te pesa hoy?',sub:'Elige una. Esta respuesta orienta tu perfil.',ack:'',options:[['stairs','Me paro a media escalera','stairs'],['energy','Me quedo sin energía en la tarde o la noche','sun'],['intimacy','En mi intimidad no me siento como antes','heart'],['side-effects','Me preocupan molestias con mi medicamento','pill'],['more-meds','Que me quieran sumar otra pastilla','plus'],['fear','Me pongo nervioso al medirme la presión','gauge'],['pressure','La presión sube aunque siga mi tratamiento','activity']]},
duration:{title:'¿Desde cuándo lo notas?',sub:'Una aproximación está bien.',ack:'Anotado.',options:[['months','En los últimos meses','clock'],['years','Desde hace uno o dos años','calendar'],['longer','Desde hace más tiempo','calendar'],['unsure','No sabría decir','question']]},
measurement:{title:'¿Te mides la presión?',sub:'No necesitamos saber el número.',why:'Solo queremos entender cómo lo vives.',ack:'Anotado.',options:[['home','Sí, en casa, seguido','home'],['doctor','Cuando voy al médico','plus'],['rarely','Casi nunca','clock'],['unknown','No sé cómo la tengo','question']]},
medication:{title:'¿Tomas pastilla para la presión?',sub:'Tu tratamiento médico sigue primero.',why:'Este cuestionario no indica dejar ni cambiar tu medicación.',ack:'Anotado.',options:[['no','No','minus'],['one','Sí, una','pill'],['many','Sí, dos o más','pills'],['soon','Me dijeron que pronto tendría que empezar','calendar']]},
medicines:{title:'¿Cuál tomas?',sub:'Puedes marcar varias.',why:'La incluiremos en tu resumen, sin evaluar compatibilidades.',multi:true,exclusive:'unknown',ack:'Anotado. No cambies tu tratamiento por este quiz.',options:[['losartan','Losartán','pill'],['enalapril','Enalapril','pill'],['amlodipine','Amlodipino','pill'],['lisinopril','Lisinopril','pill'],['other','Otra','plus'],['unknown','No me acuerdo','question']]},
garlic:{title:'¿Qué ajo has tomado?',sub:'Elige la presentación que más has usado.',why:'Así ponemos en contexto lo que ya conoces.',ack:'Anotado.',options:[['none','Ninguno todavía','leaf'],['fresh','Ajo crudo o en la comida','garlic'],['powder','Ajo en polvo o cápsulas del súper','bottle'],['oil','Cápsulas de aceite de ajo','pill'],['aged','Otro ajo añejado','clock']]},
goal:{title:'¿Qué quieres recuperar primero?',sub:'Tu meta aparecerá en el resultado.',why:'La meta personaliza el texto. La oferta inicial es de 3 bolsas para todos.',ack:'Tu meta quedó anotada.',options:[['stairs','Subir la escalera con más comodidad','stairs'],['energy','Llegar con energía a la noche','sun'],['intimacy','Sentirme más seguro en mi intimidad','heart'],['calm','Medirme con más calma','gauge'],['simple','Entender mis opciones sin sumar otra receta','leaf']]},
avoid:{title:'¿Qué quieres evitar sí o sí?',sub:'Puedes elegir varias opciones.',why:'Tu resultado responderá a lo que selecciones.',multi:true,exclusive:'none',ack:'',options:[['odor','Olor o reflujo a ajo','wind'],['pills','Un puño de pastillas','pills'],['interaction','Interferir con mi medicamento','shield'],['subscription','Quedar atado a una suscripción','repeat'],['waste','Gastar sin conocer la garantía','wallet'],['none','Nada de esto','check']]}
};
const ENTRIES={
generic:{eyebrow:'Un ingrediente. Tu manera de conocerlo.',title:'Ajo añejado 24 meses.<br><em>¿Cuál es tu plan?</em>',sub:'Cuéntanos qué buscas y qué prefieres evitar. Al final tendrás tu perfil y una propuesta que podrás revisar.',icon:'leaf',image:'//diariosaludnatural.lat/cdn/shop/t/1/assets/nativo-plan-quiz-capsula.webp?v=86395760976303565301792166554',imageAlt:'Cápsula blanda dorada sostenida entre dos dedos',label:'Pequeños pasos. Una decisión informada.'},
escalera:{eyebrow:'Tu día tiene su propio ritmo',title:'¿Te paras<br><em>a media escalera?</em>',sub:'Empecemos por lo que notas y por lo que quieres recuperar. Conoce el ajo añejado sin dar por hecha la causa de cómo te sientes.',icon:'stairs',image:'//diariosaludnatural.lat/cdn/shop/t/1/assets/dsn-diferencias-escalera.jpg?v=117722064090632762911792115047',imageAlt:'Ilustración de un hombre subiendo una escalera',label:'Lo que notas merece atención.'},
pastilla:{eyebrow:'Tu tratamiento sigue primero',title:'¿Ya tomas pastilla<br><em>para la presión?</em>',sub:'Conoce la propuesta de ajo añejado y las preguntas que conviene conversar con tu médico antes de incorporarlo.',icon:'pill',image:'//diariosaludnatural.lat/cdn/shop/t/1/assets/dsn-rutina-editorial.png?v=67192268226741273271792111871',imageAlt:'Ilustración de un tensiómetro y objetos de una rutina de salud en una mesa',label:'Entender tus opciones también es cuidarte.'},
medirte:{eyebrow:'Hablemos de lo que te preocupa',title:'¿Te pones nervioso<br><em>cuando te mides?</em>',sub:'Cuéntanos cómo lo vives. Te ayudaremos a ordenar tus prioridades y a conocer la propuesta de Nativo.',icon:'gauge',image:'//diariosaludnatural.lat/cdn/shop/t/1/assets/dsn-rutina-editorial.png?v=67192268226741273271792111871',imageAlt:'Ilustración de un tensiómetro en una mesa de casa',label:'Aquí no te pedimos ninguna cifra de presión.'}
};
const PROFILES={
performance:{name:'Rendir como antes',tag:'Tu prioridad: la vida de todos los días',title:'Quieres volver a disfrutar<br>tu propio ritmo.',text:'Te importan esos momentos concretos: moverte, llegar con ganas a la noche o sentirte más seguro. Este perfil recoge esa prioridad. No identifica la causa de lo que notas ni predice cómo responderás a un suplemento.',icon:'sun'},
rhythm:{name:'A tu ritmo',tag:'Tu prioridad: seguir con tus planes',title:'Tus planes merecen<br>seguir teniendo espacio.',text:'Caminar, compartir y disfrutar tu día siguen siendo metas valiosas. Por lo que nos contaste, quieres cuidar tu rutina sin reducir todo a los años. La alimentación, el movimiento y el seguimiento de tu salud forman parte de esa conversación.',icon:'stairs'},
medication:{name:'Sin sumar otra receta',tag:'Tu prioridad: entender tus opciones',title:'Primero, entender.<br>Después, decidir.',text:'Quieres conocer tus opciones y mantener una rutina que entiendas. Un suplemento no reemplaza tu tratamiento ni permite decidir si necesitas más o menos medicación. Esa conversación corresponde a tu médico.',icon:'shield'},
calm:{name:'Medirte con más calma',tag:'Tu prioridad: acompañar el seguimiento',title:'Menos incertidumbre.<br>Más claridad para preguntar.',text:'Te preocupa lo que ocurre alrededor de una medición. Este perfil recoge ese interés y te propone conocer la información con calma. El cuestionario no interpreta tu presión ni puede anticipar cómo cambiará.',icon:'gauge'}
};
const PLANS=[
{bags:3,days:90,id:53839940944085,price:109000,compare:269000,subscriptionPrice:98100,sellingPlan:4695458005,freeShipping:true,label:'Compra 2 + 1 gratis'},
{bags:1,days:30,id:53839940911317,price:59000,compare:149000,subscriptionPrice:53100,sellingPlan:4695458005,freeShipping:false,label:'Para conocerlo'},
{bags:5,days:150,id:54013153280213,price:149000,compare:369000,subscriptionPrice:134100,sellingPlan:4695458005,freeShipping:true,label:'Más bolsas por compra'}
];
function takesMedication(a){return ['one','many'].includes(a.medication);}
function optionLabel(question,value){return QUESTIONS[question]?.options.find(o=>o[0]===value)?.[1]||'';}
function validAnswer(key,value){const q=QUESTIONS[key];if(!q)return false;const allowed=q.options.map(o=>o[0]);if(q.multi)return Array.isArray(value)&&value.length>0&&new Set(value).size===value.length&&value.every(v=>allowed.includes(v))&&(!value.includes(q.exclusive)||value.length===1);return allowed.includes(value);}
function toggleAnswer(key,current,value){const q=QUESTIONS[key];if(!q?.multi||!q.options.some(o=>o[0]===value))return current||[];let chosen=Array.isArray(current)?[...current]:[];if(chosen.includes(value))return chosen.filter(v=>v!==value);if(value===q.exclusive)return[value];return[...chosen.filter(v=>v!==q.exclusive),value];}
function route(a={}){return ['intro','age','concern','bridge','duration','measurement','medication',...(takesMedication(a)?['medicines']:[]),'community','garlic','ingredient','goal','avoid','assembling','profile','plan'];}
function questionKeys(a={}){return route(a).filter(k=>QUESTIONS[k]);}
function totalQuestions(a={}){return a.medication&&!takesMedication(a)?8:9;}
function complete(a){return questionKeys(a).every(key=>validAnswer(key,a[key]));}
function profileFor(a){if(!validAnswer('age',a.age)||!validAnswer('concern',a.concern)||!validAnswer('medication',a.medication))return null;
if(['side-effects','more-meds'].includes(a.concern))return'medication';
if(a.concern==='pressure')return takesMedication(a)?'medication':'calm';
if(a.concern==='fear')return'calm';
return ['60-64','65+'].includes(a.age)?'rhythm':'performance';
}
function medicationSummary(a){if(a.medication==='no')return'No tomas pastilla para la presión.';if(a.medication==='soon')return'Todavía no tomas pastilla para la presión.';if(takesMedication(a)){const names=(a.medicines||[]).filter(v=>!['other','unknown'].includes(v)).map(v=>optionLabel('medicines',v));return names.length?'Nos dijiste que tomas '+names.join(', ')+(a.medicines.includes('other')?' y otra medicación':'')+'.':'Tomas medicación para la presión.';}return'';}
function profileFeedback(a){const items=[];const avoid=a.avoid||[];
if(avoid.includes('odor'))items.push({icon:'wind',title:'Sobre el olor',text:'Nativo describe su fórmula como sin olor. La tolerancia digestiva puede variar de una persona a otra.'});
if(avoid.includes('pills'))items.push({icon:'pill',title:'Una pauta sencilla',text:'La pauta anunciada es una cápsula diaria. Es una incorporación a tu rutina, no un reemplazo de tu tratamiento.'});
if(avoid.includes('interaction'))items.push({icon:'shield',title:'Tu medicamento importa',text:'Consulta antes de combinarlo. Los suplementos de ajo pueden interactuar con medicamentos y aumentar el riesgo de sangrado, especialmente con anticoagulantes o aspirina.'});
if(avoid.includes('subscription'))items.push({icon:'repeat',title:'Puedes elegir compra única',text:'El plan abre con suscripción y 10% de descuento, con entrega y cobro cada 4 semanas. Si prefieres no suscribirte, cambia a compra única antes de continuar.'});
if(avoid.includes('waste'))items.push({icon:'wallet',title:'La garantía, por escrito',text:'Nativo anuncia devolución del 100% si, después de 30 días de uso, no sientes la diferencia. Revisa las condiciones antes de comprar.'});
return items;
}
function getPlan(bags=3){return PLANS.find(p=>p.bags===Number(bags))||PLANS[0];}
function selection(bags=3,subscription=true){const p=getPlan(bags);const price=subscription?p.subscriptionPrice:p.price;return{...p,subscription,price,perDay:Math.round(price/p.days),cadence:subscription?'Entrega y cobro cada 4 semanas':'Un solo pago'};}
function checkoutPayload(bags,subscription){const p=selection(bags,subscription);const item={id:p.id,quantity:1};if(subscription)item.selling_plan=p.sellingPlan;return{items:[item]};}
function productLink(search='',bags=3){const url=new URL(PRODUCT_URL),params=new URLSearchParams(search);for(const k of ['utm_source','utm_medium','utm_campaign','utm_term','utm_content','utm_id','fbclid'])if(params.has(k))url.searchParams.set(k,params.get(k));url.searchParams.set('variant',String(getPlan(bags).id));return url.href;}
function entryFor(search=''){const value=new URLSearchParams(search).get('o');return Object.hasOwn(ENTRIES,value)?value:'generic';}
function money(cents,decimals=0){return new Intl.NumberFormat('es-MX',{style:'currency',currency:'MXN',minimumFractionDigits:decimals,maximumFractionDigits:decimals}).format(cents/100);}
const stage=document.querySelector('#quiz-stage'),back=document.querySelector('#back-button'),skip=document.querySelector('#skip-button');
const progress=document.querySelector('.progress-track'),fill=document.querySelector('#progress-fill');
const reduced=matchMedia('(prefers-reduced-motion: reduce)');
const state={current:'intro',answers:{},history:[],bags:3,subscription:true,fromSkip:false,entry:entryFor(quizSearch),ack:''};
let busy=false,timers=[],epoch=0;
const paths={
arrow:'M5 12h14m-5-5 5 5-5 5',check:'m5 12 4 4L19 6',person:'M16 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0ZM4 21v-2a8 8 0 0 1 16 0v2',
stairs:'M3 20h6v-6h6V8h6V3M3 4h8m0 0v8m0-8L3 12',sun:'M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0ZM12 2v2m0 16v2M2 12h2m16 0h2M5 5l1 1m12 12 1 1M5 19l1-1M18 6l1-1',
heart:'M20 5a5 5 0 0 0-8 1 5 5 0 0 0-8-1c-4 5 3 10 8 14 5-4 12-9 8-14Z',pill:'M5 19a5 5 0 0 1 0-7l7-7a5 5 0 0 1 7 7l-7 7a5 5 0 0 1-7 0Zm3-10 7 7',
pills:'M3 13 9 3a4 4 0 0 1 7 4l-6 10a4 4 0 0 1-7-4Zm3-5 7 4M17 12a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm-3 6 6-4',
plus:'M12 5v14M5 12h14',minus:'M5 12h14',gauge:'M4 19a10 10 0 1 1 16 0M12 12l5-5M9 12a3 3 0 1 0 6 0 3 3 0 0 0-6 0ZM5 12h1m12 0h1M12 5v1',
activity:'M2 12h5l3-8 4 16 3-8h5',clock:'M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0ZM12 6v6l4 2',calendar:'M5 5h14v16H5ZM8 3v5m8-5v5M5 10h14m-10 4h1m4 0h1m-6 3h1m4 0h1',
question:'M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0ZM9 9c0-4 7-4 6 0-.5 2-3 2-3 5m0 3h.01',home:'m3 10 9-7 9 7M5 9v12h14V9M9 21v-8h6v8',
leaf:'M4 20c2-7 6-11 13-14M6 16C-1 6 12 2 21 3c0 10-4 20-15 13Z',garlic:'M10 2c1 5-1 6-5 9-6 6 0 11 7 11s13-5 7-11c-4-3-6-4-5-9M12 9c-5 6-4 10-2 13m4-13c5 6 4 10 2 13',
bottle:'M8 3h8v4H8Zm0 4v3l-3 3v8h14v-8l-3-3V7M8 15h8',wind:'M3 8h12a3 3 0 1 0-3-3M3 12h16a3 3 0 1 1-3 3M3 16h7a3 3 0 1 1-3 3',
shield:'M12 2 3 6v6c0 5 5 9 9 10 4-1 9-5 9-10V6ZM8 12l3 3 5-6',repeat:'M4 8a8 8 0 0 1 14-3l3 3M21 2v6h-6M20 16a8 8 0 0 1-14 3l-3-3M3 22v-6h6',
wallet:'M3 7V5h17v16H3V7Zm0 0h17m-6 5h8v5h-8Zm3 2h.01',lock:'M7 10V7a5 5 0 0 1 10 0v3M5 10h14v12H5Zm7 5v3',spark:'m12 2 3 7 7 3-7 3-3 7-3-7-7-3 7-3Z',box:'m3 7 9-5 9 5v10l-9 5-9-5Zm0 0 9 5 9-5M12 12v10M7 4l10 6'
};
const icon=(name,cls='')=>`<svg class="icon ${cls}" viewBox="0 0 24 24" aria-hidden="true"><path d="${paths[name]||paths.leaf}"/></svg>`;
const escape=(text='')=>String(text).replace(/[&<>"']/g,c=>({'&':'&','<':'<','>':'>','"':'"',"'":'''}[c]));
function schedule(fn,ms){const token=epoch;const id=setTimeout(()=>{if(token===epoch)fn();},ms);timers.push(id);}
function cancel(){epoch++;timers.forEach(clearTimeout);timers=[];busy=false;document.querySelector('#fx').replaceChildren();}
function announce(text){document.querySelector('#announcement').textContent=text;}
function button(label,action='next',extra=''){return `<button type="button" class="primary" data-action="${action}" ${extra}>${label}${icon('arrow')}</button>`;}
function ack(){return state.ack?`<div class="answer-ack">${icon('check')}<span>${escape(state.ack)}</span></div>`:'';}
function heading(title,sub='',eyebrow=''){return `${eyebrow?`<span class="eyebrow">${eyebrow}</span>`:''}<h1 tabindex="-1" id="screen-title">${title}</h1>${sub?`<p class="screen-sub">${sub}</p>`:''}`;}
function renderIntro(){const e=ENTRIES[state.entry];return `<section class="screen intro-screen"><div class="intro-ambient" aria-hidden="true"></div><div class="intro-copy"><div class="intro-badge">${icon(e.icon)}Tu plan de ajo añejado</div>${heading(e.title,e.sub,e.eyebrow)}<div class="intro-facts"><span>${icon('check')}8–9 preguntas</span><span>${icon('lock')}Sin correo</span></div>${button('Empezar','start')}<p class="intro-caption">Un cuestionario de preferencias. No es un examen médico.</p></div><div class="intro-visual entry-${state.entry}"><div class="visual-orbit" aria-hidden="true"></div><figure><img src="${e.image}" alt="${e.imageAlt}" width="820" height="805" fetchpriority="high"></figure><div class="floating-token token-months"><strong>24</strong><span>meses de<br>añejamiento*</span></div><div class="floating-token token-routine">${icon('pill')}<span>Una cápsula<br><strong>al día*</strong></span></div><p>${icon(e.icon)}${e.label}</p><small>*Características declaradas por Nativo.</small></div></section>`;}
function renderQuestion(key){const q=QUESTIONS[key],selected=state.answers[key];const number=questionKeys(state.answers).indexOf(key)+1;return `<section class="screen question-screen ${q.options.length>5?'dense':''}">${ack()}<div class="question-icon">${icon(key==='age'?'person':key==='concern'?'heart':key==='duration'?'clock':key==='measurement'?'gauge':key==='medication'||key==='medicines'?'pill':key==='garlic'?'garlic':key==='goal'?'sun':'shield')}</div>${heading(q.title,q.sub,`Pregunta ${number} de ${totalQuestions(state.answers)}`)}<div class="options ${q.multi?'multi':''}" role="group" aria-labelledby="screen-title">${q.options.map(([value,label,symbol],i)=>{const checked=q.multi?(selected||[]).includes(value):selected===value;return `<button type="button" class="option ${checked?'selected':''}" data-option="${value}" aria-pressed="${checked}" style="--i:${i}">${icon(symbol,'option-icon')}<span>${escape(label)}</span><i class="selection-mark">${q.multi?icon('check'):''}</i></button>`;}).join('')}</div>${q.multi?button('Continuar','continue',validAnswer(key,selected)?'':'disabled'): '<p class="auto-hint">Al elegir una opción, pasas a la siguiente pantalla.</p>'}${q.why?`<p class="why">${icon('question')}<span><b>Por qué te lo preguntamos:</b> ${q.why}</span></p>`:''}</section>`;}
function bridgeContent(){const a=state.answers;if(['side-effects','more-meds'].includes(a.concern))return {icon:'shield',title:'Tu tratamiento<br><em>sigue primero.</em>',text:'Querer entender otras opciones no significa dejar tu medicación. Si algo te molesta o te preocupa, conviene hablarlo con quien conoce tu tratamiento.',line:'Este quiz no indica cambiar ninguna receta.',note:'Consulta antes de combinar suplementos con medicamentos.'};if(['fear','pressure'].includes(a.concern))return{icon:'gauge',title:'Una medición merece<br><em>contexto y seguimiento.</em>',text:'Nos contaste que tu presión te preocupa. Aquí no necesitamos el número: queremos entender tus prioridades y mostrarte información que puedas revisar.',line:'El resultado no interpreta tu presión arterial.',note:'El seguimiento y las decisiones de tratamiento corresponden a tu profesional de salud.'};return{icon:'stairs',title:'Lo que notas<br><em>merece atención.</em>',text:'Subir una escalera, llegar con energía a la noche o sentirte bien en la intimidad son cosas personales. Esos cambios pueden tener distintas causas.',line:'No todo se explica por la edad o la circulación.',note:'Si el cansancio o la falta de aire son nuevos, persistentes o empeoran, consulta para evaluar la causa.'};}
function renderBridge(){const c=bridgeContent();return `<section class="screen info-screen">${heading(c.title,'','Hagamos una pausa')}<div class="bridge-scene" aria-hidden="true"><div class="bridge-ring ring-one"></div><div class="bridge-ring ring-two"></div><div class="bridge-symbol">${icon(c.icon)}</div><span class="scene-node node-one">${icon('heart')}</span><span class="scene-node node-two">${icon('leaf')}</span></div><p class="info-lead">${c.text}</p><div class="insight">${icon('shield')}<div><b>${c.line}</b><p>${c.note}</p></div></div>${button('Continuar')}</section>`;}
function renderCommunity(){return `<section class="screen info-screen community-screen">${heading('Conoce quién está<br><em>detrás de la propuesta.</em>','','Así se presenta Nativo')}<div class="brand-scene"><div class="brand-disc" aria-hidden="true"></div><img src="//diariosaludnatural.lat/cdn/shop/t/1/assets/dsn-nativo-bolsa.jpg?v=66175672341978986171792111261" width="300" height="402" alt="Envase de Extracto de Ajo Añejado Nativo" loading="lazy"><span class="quality-tag">${icon('clock')}24 meses<br>de añejamiento</span></div><div class="brand-stats"><div><b>4.8<span>/5</span></b><span>Calificación publicada<br>6,553 reseñas</span></div><div><b>20,000<span>+</span></b><span>Clientes declarados<br>por la marca</span></div></div><p class="stat-note">Cifras publicadas en la tienda de Nativo. No son resultados clínicos ni una predicción para ti.</p>${button('Continuar')}</section>`;}
function renderIngredient(){const previous=optionLabel('garlic',state.answers.garlic);return `<section class="screen info-screen ingredient-screen"><span class="answer-ack">${icon('check')}Nos dijiste: ${escape(previous)}</span>${heading('El origen es el ajo.<br><em>La preparación cambia.</em>','','Una diferencia que vale la pena conocer')}<div class="ingredient-journey"><div><span class="ingredient-drawing">${icon('garlic')}</span><b>Ajo fresco</b><small>El ingrediente</small></div><span class="journey-line" aria-hidden="true"></span><div><span class="ingredient-drawing time-drawing">${icon('clock')}</span><b>El proceso</b><small>Añejamiento</small></div><span class="journey-line" aria-hidden="true"></span><div><span class="ingredient-drawing capsule-drawing">${icon('pill')}</span><b>El extracto</b><small>Otra preparación</small></div></div><div class="ingredient-note"><b>Fresco, polvo, aceite y extracto no son lo mismo.</b><p>Comparten una planta de origen, pero no necesariamente la composición. Nativo declara 24 meses de añejamiento y una fórmula sin olor.</p></div><div class="quiet-note">El color de una cápsula no identifica su contenido. Esta comparación no demuestra que una preparación funcione para ti.</div>${button('Continuar')}</section>`;}
function renderAssembling(){const a=state.answers;const preferences=(a.avoid||[]).filter(v=>v!=='none').map(v=>optionLabel('avoid',v)).join(' · ')||'Sin preferencias adicionales';return `<section class="screen assembling-screen">${heading('Armando tu perfil…','Ordenamos lo que nos contaste.','Ya tenemos tus respuestas')}<div class="assembling-orbit" aria-hidden="true"><svg viewBox="0 0 160 160"><circle class="track" cx="80" cy="80" r="70"/><circle class="ring-fill" cx="80" cy="80" r="70"/></svg><div>${icon('leaf')}<span>Tu perfil</span></div></div><div class="assembly-list"><div style="--delay:300ms">${icon('check')}<p><span>Lo que más te pesa</span>${escape(optionLabel('concern',a.concern))}</p></div><div style="--delay:1000ms">${icon('check')}<p><span>Tu tratamiento</span>${escape(medicationSummary(a))}</p></div><div style="--delay:1700ms">${icon('check')}<p><span>Lo que quieres evitar</span>${escape(preferences)}</p></div></div><p class="quiet-note">Un resumen de preferencias. No un análisis de tu salud.</p></section>`;}
function renderProfile(){const a=state.answers,id=profileFor(a),p=PROFILES[id],feedback=profileFeedback(a);return `<section class="screen profile-screen"><div class="completion-seal">${icon('check')}</div><span class="profile-ready">Tu perfil está listo</span><div class="profile-name">${p.name}</div>${heading(p.title,p.text,p.tag)}<div class="profile-summary"><div class="summary-heading">${icon(p.icon)}<h2>Lo que nos dijiste</h2><button type="button" data-action="review">Editar</button></div><ul><li><span>Edad</span>${escape(optionLabel('age',a.age))}</li><li><span>Tu prioridad</span>${escape(optionLabel('concern',a.concern))}</li><li><span>Tratamiento</span>${escape(medicationSummary(a))}</li></ul><div class="goal-highlight">${icon('sun')}<p><span>Tu meta</span><b>${escape(optionLabel('goal',a.goal))}</b></p></div></div>${takesMedication(a)?`<div class="medication-reminder">${icon('shield')}<p><b>Tu tratamiento sigue primero.</b> Consulta antes de combinar suplementos con medicación. Este perfil no evalúa interacciones ni autoriza cambios.</p></div>`:''}${feedback.length?`<section class="feedback-section"><h2>Lo que pediste evitar</h2>${feedback.map((f,i)=>`<div class="feedback-row" style="--i:${i}">${icon(f.icon)}<div><h3>${f.title}</h3><p>${f.text}</p></div></div>`).join('')}</section>`:''}<p class="result-note">La propuesta inicial es de 3 bolsas para todos los perfiles. Tus respuestas personalizan este resumen; no determinan una dosis médica.</p>${button('Ver mi plan','show-plan')}<button type="button" class="text-button restart" data-action="restart">Empezar de nuevo</button></section>`;}
function renderPlan(){const p=selection(state.bags,state.subscription),profile=!state.fromSkip&&complete(state.answers)?PROFILES[profileFor(state.answers)]:null;return `<section class="screen plan-screen"><div class="plan-header"><span class="eyebrow">${profile?'Tu plan · '+profile.name:'La propuesta de Nativo'}</span>${heading('Una rutina sencilla.<br><em>Una elección tuya.</em>','Empieza con la propuesta de 90 cápsulas o elige otra cantidad.')}<div class="plan-product"><div class="pack-visual"><img src="//diariosaludnatural.lat/cdn/shop/t/1/assets/dsn-nativo-bolsa.jpg?v=66175672341978986171792111261" width="300" height="402" alt="Envase real de ajo añejado Nativo" loading="lazy"><span id="bag-count">× ${p.bags} ${p.bags===1?'bolsa':'bolsas'}</span></div><div class="product-copy"><span>EXTRACTO DE AJO AÑEJADO</span><h2>24 meses.<br>Una cápsula al día.</h2><p>Fórmula anunciada como sin olor. Verificación externa por lote declarada por Nativo.</p><small>«Equivalente a 7,500 mg» no es el peso real del extracto por cápsula.</small></div></div></div><div class="plan-purchase"><fieldset class="plan-choices"><legend>Elige tu cantidad</legend>${PLANS.map(v=>`<label class="plan-choice ${v.bags===state.bags?'chosen':''}"><input type="radio" name="plan" value="${v.bags}" ${v.bags===state.bags?'checked':''}><span class="plan-radio"></span><span class="plan-detail"><b>${v.bags} ${v.bags===1?'bolsa':'bolsas'} <small>${v.days} cápsulas</small></b><span>${v.label}${v.freeShipping?' · Envío gratis':''}</span>${v.bags===3?'<i>Propuesta inicial</i>':''}</span><span class="plan-price"><del>${money(v.compare)}</del><strong data-price-bags="${v.bags}">${money(state.subscription?v.subscriptionPrice:v.price)}</strong></span></label>`).join('')}</fieldset><fieldset class="purchase-mode"><legend>Cómo quieres comprar</legend><label class="mode-choice"><input type="radio" name="purchase-mode" value="once" ${!state.subscription?'checked':''}><span><b>Compra única</b><small>Un solo pago, sin renovación automática.</small></span></label><label class="mode-choice"><input type="radio" name="purchase-mode" value="subscription" ${state.subscription?'checked':''}><span><b>Suscripción <i>10% menos</i></b><small>Entrega y cobro cada 4 semanas. Pausa o cancela según las condiciones de la tienda.</small></span></label></fieldset><div class="subscription-notice" id="subscription-notice" ${!state.subscription?'hidden':''}>Recibirás el paquete elegido y se cobrará nuevamente <b>cada 4 semanas</b>, aunque incluya cápsulas para más tiempo.</div><div class="order-total" aria-live="polite"><div><span id="total-label">${p.cadence}</span><strong id="total-price">${money(p.price)} <small>MXN</small></strong></div><p><b id="per-day">${money(p.perDay,2)}</b><span>por toma diaria</span></p></div>${button('Pruébalo sin riesgo hoy','checkout')}<p class="shipping-note" id="shipping-note">${p.freeShipping?'Envío gratis':'Envío calculado en la tienda'} · ${p.days} cápsulas</p><div class="guarantee-card">${icon('shield')}<div><b>Garantía anunciada de 30 días</b><p>Nativo ofrece devolución del 100% si, después de 30 días de uso, no sientes la diferencia. Consulta las condiciones antes de comprar.</p></div></div><a class="product-link" id="full-product-link" href="${productLink(quizSearch,state.bags)}" rel="noreferrer">Ver la página completa del producto <span aria-hidden="true">↗</span></a></div><div class="plan-after"><div class="plan-facts"><span>${icon('lock')}Pago seguro</span><span>${icon('box')}Envío con seguimiento</span><span>${icon('heart')}Atención por WhatsApp</span></div><section class="expectations"><h2>Qué significa este plan</h2><div><span>01</span><p><b>Una cantidad concreta.</b> <span id="quantity-explanation">${p.bags} ${p.bags===1?'bolsa contiene':'bolsas contienen'} ${p.days} cápsulas: ${p.days} tomas según la pauta anunciada.</span></p></div><div><span>02</span><p><b>Expectativas claras.</b> La duración del paquete no garantiza cuándo notarás cambios ni que vayas a notarlos.</p></div><div><span>03</span><p><b>Tu seguimiento, contigo.</b> Consulta si es apropiado para ti, especialmente si usas medicamentos.</p></div></section><details class="plan-faq"><summary>¿Puedo tomarlo con medicamentos?</summary><p>Consulta antes de combinarlo. Los suplementos de ajo pueden aumentar el riesgo de sangrado e interactuar con medicamentos, especialmente anticoagulantes o aspirina. No ajustes tu tratamiento por este producto.</p></details><details class="plan-faq"><summary>¿En cuánto tiempo notaré algo?</summary><p>Este cuestionario no puede predecir resultados. Si buscas cambios en tu salud, acuerda con tu profesional cómo darles seguimiento.</p></details><p class="price-date">Precios y modalidad consultados el 16 de octubre de 2026. Comprueba las condiciones vigentes en Nativo.</p><button type="button" class="text-button restart" data-action="restart">Empezar de nuevo</button></div></section>`;}
function updateHeader(){const key=state.current;back.disabled=state.history.length===0;const q=QUESTIONS[key];const keys=questionKeys(state.answers);let label='Tu plan, paso a paso',pct=0;if(q){const n=keys.indexOf(key)+1;label=`Pregunta ${n} de ${totalQuestions(state.answers)}`;pct=(n-1)/totalQuestions(state.answers)*100;}else if(key==='intro'){pct=0;}else if(['assembling','profile','plan'].includes(key)){pct=key==='plan'&&state.fromSkip?0:100;label=key==='plan'?'Tu plan':key==='profile'?'Tu perfil':'Preparando tu perfil';}else{const currentRoute=route(state.answers),i=currentRoute.indexOf(key),done=currentRoute.slice(0,i).filter(k=>QUESTIONS[k]).length;pct=done/totalQuestions(state.answers)*100;label=key==='bridge'?'Tu prioridad':key==='community'?'Conoce Nativo':'El ingrediente';}document.querySelector('#step-label').textContent=label;fill.style.width=`${pct}%`;progress.setAttribute('aria-valuenow',String(Math.round(pct)));progress.setAttribute('aria-valuetext',label);skip.hidden=key==='plan';}
function render(direction='forward'){const key=state.current;document.body.dataset.screen=key;stage.dataset.screen=key;let html;if(key==='intro')html=renderIntro();else if(QUESTIONS[key])html=renderQuestion(key);else if(key==='bridge')html=renderBridge();else if(key==='community')html=renderCommunity();else if(key==='ingredient')html=renderIngredient();else if(key==='assembling')html=renderAssembling();else if(key==='profile')html=renderProfile();else html=renderPlan();stage.innerHTML=html;stage.firstElementChild?.classList.add(direction==='back'?'enter-back':'enter-forward');updateHeader();window.scrollTo({top:0,behavior:'instant'});if(key!=='intro'){const title=stage.querySelector('h1');title?.focus({preventScroll:true});}announce(key==='profile'?'Tu perfil de preferencias está listo.':document.querySelector('#step-label').textContent);if(key==='assembling')schedule(()=>go('profile',{push:false}),reduced.matches?450:2800);if(key==='profile')celebrate();}
function go(key,{push=true,direction='forward'}={}){cancel();if(['profile','assembling'].includes(key)&&!complete(state.answers)){key=questionKeys(state.answers).find(k=>!validAnswer(k,state.answers[k]))||'age';}if(push&&key!==state.current)state.history.push(state.current);state.current=key;render(direction);}
function next(){const r=route(state.answers),i=r.indexOf(state.current);go(r[i+1]||'plan');}
function choose(value){if(busy)return;const key=state.current,q=QUESTIONS[key];if(!q)return;if(q.multi){state.answers[key]=toggleAnswer(key,state.answers[key],value);stage.querySelectorAll('[data-option]').forEach(b=>{const on=state.answers[key].includes(b.dataset.option);b.classList.toggle('selected',on);b.setAttribute('aria-pressed',String(on));if(b.dataset.option===value&&on){b.classList.remove('just-picked');void b.offsetWidth;b.classList.add('just-picked');}});stage.querySelector('[data-action="continue"]').disabled=!validAnswer(key,state.answers[key]);announce(`${state.answers[key].length} ${state.answers[key].length===1?'opción seleccionada':'opciones seleccionadas'}.`);return;}
if(!validAnswer(key,value))return;state.answers[key]=value;if(key==='medication'&&!takesMedication(state.answers)){delete state.answers.medicines;state.history=state.history.filter(k=>k!=='medicines');}
state.ack=q.ack||'';if(key==='medication'&&takesMedication(state.answers))state.ack='Anotado. Tu tratamiento sigue primero.';busy=true;stage.querySelectorAll('[data-option]').forEach(b=>{const on=b.dataset.option===value;b.classList.toggle('selected',on);b.setAttribute('aria-pressed',String(on));if(on)b.classList.add('just-picked');});schedule(()=>{busy=false;next();},reduced.matches?80:380);
}
function updatePlan(){const p=selection(state.bags,state.subscription);stage.querySelectorAll('.plan-choice').forEach(label=>label.classList.toggle('chosen',Number(label.querySelector('input').value)===state.bags));for(const plan of PLANS)stage.querySelector(`[data-price-bags="${plan.bags}"]`).textContent=money(state.subscription?plan.subscriptionPrice:plan.price);stage.querySelector('#quantity-explanation').textContent=`${p.bags} ${p.bags===1?'bolsa contiene':'bolsas contienen'} ${p.days} cápsulas: ${p.days} tomas según la pauta anunciada.`;stage.querySelector('#bag-count').textContent=`× ${p.bags} ${p.bags===1?'bolsa':'bolsas'}`;stage.querySelector('#total-label').textContent=p.cadence;stage.querySelector('#total-price').innerHTML=`${money(p.price)} <small>MXN</small>`;stage.querySelector('#per-day').textContent=money(p.perDay,2);stage.querySelector('#subscription-notice').hidden=!state.subscription;stage.querySelector('#shipping-note').textContent=`${p.freeShipping?'Envío gratis':'Envío calculado en la tienda'} · ${p.days} cápsulas`;stage.querySelector('#full-product-link').href=productLink(quizSearch,state.bags);}
function previewCheckout(){
if(busy)return;
busy=true;
const cta=stage.querySelector('[data-action="checkout"]');
cta.disabled=true;cta.textContent='Abriendo el pago seguro…';
stage.querySelector('.checkout-error')?.remove();
const selected=selection(state.bags,state.subscription);
parent.postMessage({type:'nativo-plan-checkout',variant:selected.id,subscription:selected.subscription},'*');
}
window.addEventListener('message',event=>{
if(event.source!==parent||event.data?.type!=='nativo-plan-checkout-error')return;
busy=false;
const cta=stage.querySelector('[data-action="checkout"]');
if(!cta)return;
cta.disabled=false;cta.innerHTML='Pruébalo sin riesgo hoy'+icon('arrow');
stage.querySelector('.checkout-error')?.remove();
const note=document.createElement('p');note.className='checkout-error';note.setAttribute('role','alert');
note.textContent='No pudimos abrir el checkout. Inténtalo nuevamente o revisa el producto en Nativo.';
cta.after(note);
});
function celebrate(){if(reduced.matches)return;const fx=document.querySelector('#fx');fx.replaceChildren();for(let i=0;i<24;i++){const particle=document.createElement('i'),angle=i/24*Math.PI*2;particle.style.setProperty('--x',`${Math.cos(angle)*(70+i*3)}px`);particle.style.setProperty('--y',`${Math.sin(angle)*90+125}px`);particle.style.setProperty('--r',`${i*37}deg`);particle.style.background=['#b8946a','#5c1e1e','#dac7ac'][i%3];fx.append(particle);}schedule(()=>fx.replaceChildren(),1600);}
stage.addEventListener('click',event=>{const option=event.target.closest('[data-option]');if(option){choose(option.dataset.option);return;}const target=event.target.closest('[data-action]');if(!target)return;const action=target.dataset.action;if(action==='checkout'){previewCheckout();return;}if(busy)return;if(action==='start'){state.ack='';next();}else if(action==='next'){state.ack='';next();}else if(action==='continue'){const q=QUESTIONS[state.current];if(validAnswer(state.current,state.answers[state.current])){state.ack=q.ack||'';next();}}else if(action==='show-plan'){state.fromSkip=false;go('plan');}else if(action==='review'){state.ack='Puedes cambiar cualquier respuesta.';state.history=['intro'];go('age',{push:false,direction:'back'});}else if(action==='restart'){cancel();state.answers={};state.history=[];state.bags=3;state.subscription=true;state.fromSkip=false;state.ack='';state.current='intro';render('back');}});
stage.addEventListener('change',event=>{if(event.target.name==='plan'){state.bags=Number(event.target.value);updatePlan();}if(event.target.name==='purchase-mode'){state.subscription=event.target.value==='subscription';updatePlan();}});
back.addEventListener('click',()=>{if(!state.history.length)return;const previous=state.history.pop();state.ack='';state.fromSkip=false;go(previous,{push:false,direction:'back'});});
skip.addEventListener('click',()=>{state.fromSkip=true;state.ack='';go('plan');});
render();
})();
</script></body></html>