:root{--bg:#f5f4ef;--panel:#fff;--ink:#192e29;--muted:#59685f;--accent:#215a46;--accent-ink:#fff;--line:#d8dfd5;--soft:#e9eee6;--warm:#e8e2d2;--shadow:0 16px 50px #1b342908;--size:16px;color-scheme:light}
*{box-sizing:border-box}html{font-size:var(--size);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Segoe UI,Arial,sans-serif;line-height:1.65}a{color:var(--accent);text-underline-offset:4px}button,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button,a,select{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #b98417;outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;top:-70px;left:20px;padding:12px;background:var(--panel);z-index:50}.skip:focus{top:10px}.header{max-width:1240px;margin:auto;padding:28px 34px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:1.25rem;font-weight:750;color:var(--ink)}.brand img{border-radius:12px}.brand small{display:block;font-size:.72rem;font-weight:500;color:var(--muted)}.header-actions{display:flex;gap:18px;align-items:center}.version{font-size:.75rem;color:var(--muted);letter-spacing:.03em}#settings{border:1px solid var(--line);border-radius:30px;background:var(--panel);padding:8px 14px;color:var(--ink);font-weight:700}#settings span{font-size:.75rem;font-weight:500;margin-left:5px}.settings-panel{position:absolute;right:4%;top:90px;padding:24px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);z-index:20;border-radius:18px;width:260px}.settings-panel label{display:block;font-size:.85rem;font-weight:650;margin:10px 0 5px}.settings-panel select{padding:8px;width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:6px}.nav{max-width:1172px;display:flex;gap:9px;margin:0 auto;padding:0 0 22px;border-bottom:1px solid var(--line)}.nav button{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:26px;padding:10px 24px;font-weight:600;font-size:.9rem}.nav button[aria-selected=true]{background:var(--ink);color:var(--bg)}main{max-width:1172px;padding:0;margin:36px auto 0;min-height:65vh}main:focus{outline:none}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:48px;align-items:center;padding:34px 0 50px}.eyebrow{font-size:.68rem;font-weight:750;letter-spacing:.15em;color:var(--accent);margin:0 0 14px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.3rem,4.9vw,4.3rem);line-height:1.08;letter-spacing:-.05em;font-weight:650;margin-bottom:24px}h1 em{font-style:normal;color:var(--accent)}h2{font-size:1.65rem;letter-spacing:-.035em;line-height:1.25;margin-bottom:16px}h3{font-size:1.16rem;line-height:1.3;margin-bottom:12px}.intro{font-size:1.08rem;max-width:640px;color:var(--muted);line-height:1.75;margin-bottom:28px}.buttons{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;border-radius:10px;padding:12px 20px;text-decoration:none;font-size:.88rem;font-weight:650;line-height:1.5;text-align:center;border:1px solid var(--accent)}.primary{background:var(--accent);color:var(--accent-ink)}.secondary{background:var(--panel);color:var(--accent)}.primary:hover,.secondary:hover{filter:brightness(.94)}.text-link{font-size:.85rem}.note{font-size:.8rem;color:var(--muted);margin:18px 0 0}.hero-visual{min-height:330px;border-radius:26px;background:var(--soft);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:32px 22px;position:relative;border:1px solid var(--line)}.app-mark{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.app-mark img{border-radius:32px;box-shadow:0 18px 35px #12352e20}.app-mark span{font-size:.68rem;font-weight:750;letter-spacing:.25em}.visual-caption{display:flex;gap:8px;align-items:center;font-size:.72rem;margin:22px 0 16px;color:var(--muted)}.dot{width:7px;height:7px;background:var(--accent);border-radius:100%;flex:none}.visual-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.visual-tags span{font-size:.68rem;border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:4px 10px}.section-title{padding-top:16px}.section-title .eyebrow{margin-bottom:8px}.platforms{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.platform{display:flex;gap:20px;align-items:flex-start;border:1px solid var(--line);background:var(--panel);padding:28px;border-radius:18px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow)}.platform:hover{border-color:var(--accent)}.platform p{font-size:.87rem;color:var(--muted);margin-bottom:0}.platform h3{font-size:1.6rem}.platform .eyebrow{font-size:.63rem;color:var(--accent);margin-bottom:8px}.platform-icon{font-size:2rem;color:var(--accent);line-height:1}.arrow{margin-left:auto;font-size:1.6rem;flex:none;color:var(--accent)}.notice{background:var(--soft);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;padding:22px 26px;margin:28px 0}.notice strong{font-size:.95rem}.notice p{font-size:.9rem;color:var(--muted);margin:7px 0 0}.download-banner{display:flex;gap:24px;align-items:center;justify-content:space-between;background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:26px;margin:28px 0}.download-banner strong{font-size:1.15rem}.download-banner p{font-size:.87rem;color:var(--muted);margin:7px 0 0;max-width:650px}.download-banner a{flex:none}.steps{counter-reset:steps;list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.steps>li{counter-increment:steps;border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:26px;position:relative;min-width:0}.steps>li:before{content:'0' counter(steps);display:block;font-size:.72rem;font-weight:750;color:var(--accent);margin-bottom:15px}.steps p{font-size:.9rem;color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.card{background:var(--panel);border:1px solid var(--line);padding:28px;border-radius:16px;min-width:0;margin-bottom:10px}.card p,.card li{font-size:.9rem;color:var(--muted)}.card li{padding:5px 0}.pill{font-size:.7rem;padding:4px 10px;background:var(--soft);color:var(--accent);border-radius:20px;display:inline-block;margin-bottom:14px}.code-box{display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:10px;margin-top:12px}.code-box code{font: .75rem/1.7 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;width:100%}.code-box.compact{flex-direction:row;align-items:center;justify-content:space-between}.compact code{width:auto}.faq{max-width:900px}.faq details{padding:21px 24px;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:13px 0}.faq summary{font-weight:650;font-size:.96rem}.faq details p{margin:15px 0 0;font-size:.9rem;color:var(--muted)}#filesStatus{white-space:pre-line;font-size:.85rem;margin-top:16px}footer{max-width:1172px;margin:55px auto 0;padding:24px 0 30px;border-top:1px solid var(--line);font-size:.74rem;color:var(--muted);display:flex;justify-content:space-between;gap:15px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:12px 20px;border-radius:12px;box-shadow:var(--shadow);z-index:40;max-width:90vw;display:none}.toast.show{display:block}
[data-theme=dark]{--bg:#131c19;--panel:#1c2923;--ink:#f1f3eb;--muted:#b8c5bb;--accent:#a5d9b9;--accent-ink:#15251d;--line:#3d5144;--soft:#23382d;color-scheme:dark}[data-theme=gold]{--bg:#181611;--panel:#252118;--ink:#f5ead0;--muted:#d0bfa1;--accent:#f2cb76;--accent-ink:#20190c;--line:#554832;--soft:#342c1d;color-scheme:dark}[data-theme=contrast]{--bg:#000;--panel:#000;--ink:#fff;--muted:#fff;--accent:#ffed00;--accent-ink:#000;--line:#fff;--soft:#151515;color-scheme:dark}[data-scale=large]{--size:18px}[data-scale=xl]{--size:20px}
@media(max-width:1240px){main,.nav,footer{margin-left:34px;margin-right:34px}.hero{gap:28px}}@media(max-width:760px){.header{padding:20px}.brand{font-size:1.1rem}.brand small{font-size:.64rem}.header-actions{gap:8px}.version{display:none}#settings span{display:none}.nav{margin:0 20px;padding:0 0 14px;gap:4px;justify-content:space-between}.nav button{padding:9px 10px;font-size:.78rem}main{margin:24px 20px 0}.hero{grid-template-columns:1fr;gap:28px;padding:15px 0 26px}.hero h1{font-size:2.8rem}.hero-visual{min-height:230px}.app-mark img{width:100px;height:100px;border-radius:24px}.platforms,.steps,.two-col{grid-template-columns:1fr}.platform{padding:22px;gap:15px}.download-banner{flex-direction:column;align-items:stretch;padding:22px}.buttons .primary,.buttons .secondary{flex:1;gap:10px}.download-banner .primary{width:100%}.card,.steps>li{padding:22px}footer{margin:35px 20px 0;flex-direction:column;padding-bottom:30px;gap:5px}.intro{font-size:1rem}h1{font-size:2.4rem}.settings-panel{right:20px;top:80px}.notice{padding:18px}.toast{font-size:.8rem;bottom:20px}.code-box.compact{gap:8px}.primary,.secondary{font-size:.84rem}}@media print{.header-actions,.nav,.toast,.buttons,.code-box button{display:none!important}section[hidden]{display:block!important}body{background:white;color:#111}main,footer,.header{margin:0;padding:10px}.hero{padding:0}.hero-visual{display:none}.steps,.two-col{display:block}.card,.steps>li{break-inside:avoid}.faq details p{display:block}section{break-before:page}#inicio{break-before:auto}}