:root{--bg:#efe7dc;--verde:#5a7d5a;--verde2:#476347;--rojo:#e23b3b;--tx:#2b2b2b}
*{box-sizing:border-box}html,body{margin:0}body{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--tx);min-height:100vh}
.wrap{max-width:440px;margin:0 auto;padding:18px 18px 40px}
.logo{display:flex;flex-direction:column;align-items:center;margin:4px 0 14px;color:var(--verde);line-height:1}
.logo b{font-size:22px;letter-spacing:.3px}.logo small{font-size:11px;letter-spacing:3px;margin-top:3px}
.logo i{font-style:normal;font-size:20px;margin-bottom:3px}
.kicker{display:inline-block;background:#fff;color:var(--rojo);font-weight:700;font-size:12px;padding:5px 12px;border-radius:99px;margin:6px 0 10px}
h1{font-size:25px;line-height:1.2;margin:6px 0 10px;text-align:center}
h2{font-size:21px;line-height:1.25;text-align:center;margin:8px 0 6px}
.sub{text-align:center;font-size:15px;color:#555;margin:0 0 16px}
.ba{display:flex;gap:10px;margin:14px 0 18px}.ba figure{flex:1;margin:0;position:relative;border-radius:14px;overflow:hidden;background:#d9cfc0;aspect-ratio:3/4}
.ba figcaption{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 3px #0008}
.ba img{width:100%;height:100%;object-fit:cover;display:block}
.btn{display:block;width:100%;border:0;background:var(--verde);color:#fff;font:700 16px Poppins,system-ui,sans-serif;padding:16px;border-radius:14px;cursor:pointer;text-align:center;text-decoration:none;box-shadow:0 4px 0 var(--verde2)}
.btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--verde2)}
.bar{height:8px;background:#fff;border-radius:99px;overflow:hidden;margin:2px 0 4px}.bar i{display:block;height:100%;background:var(--verde);width:0;transition:width .3s}
.cnt{text-align:right;font-size:12px;color:#777;margin-bottom:10px}
.opts{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.opt{display:flex;align-items:center;gap:12px;background:#fff;border:2px solid transparent;border-radius:16px;padding:15px 16px;font:600 16px Poppins,system-ui,sans-serif;text-align:left;cursor:pointer;color:var(--tx)}
.opt.on{border-color:var(--verde);background:#f3f8f3}
.opts.img{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.opts.img .opt{flex-direction:column;padding:10px;text-align:center;font-size:14px}
.opts.img .opt img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;background:#d9cfc0}
.scr{display:none}.scr.on{display:block}
.chk{list-style:none;padding:0;margin:20px 0}.chk li{display:flex;gap:10px;align-items:flex-start;background:#fff;padding:12px 14px;border-radius:12px;margin-bottom:8px;font-size:14px;opacity:.35;transition:opacity .4s}
.chk li.ok{opacity:1}.chk li:before{content:"○";color:var(--verde);font-weight:700}.chk li.ok:before{content:"✓"}
.spin{width:44px;height:44px;border:5px solid #fff;border-top-color:var(--verde);border-radius:50%;margin:18px auto;animation:g 1s linear infinite}@keyframes g{to{transform:rotate(360deg)}}
.okk{text-align:center;color:var(--verde);font-weight:800;font-size:15px;letter-spacing:.4px}
.vsl{position:relative;background:#1b1b1b;border-radius:16px;aspect-ratio:9/16;max-height:70vh;margin:14px auto;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}
.vsl video{width:100%;height:100%;object-fit:cover}.vsl .ph{padding:24px;font-size:14px;opacity:.9}.vsl .play{position:absolute;inset:auto 0 22px 0;font-weight:700}
.live{text-align:center;font-size:12px;color:#d62828;margin-top:12px}.live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d62828;margin-right:6px}.cta{display:none;margin-top:16px}.cta.on{display:block}.seguro{text-align:center;font-size:12px;color:#666;margin-top:10px}
.nota{font-size:11px;color:#777;text-align:center;margin-top:12px}
footer{text-align:center;font-size:12px;margin-top:26px}footer a{color:#666;margin:0 8px}