:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f3ecdf;--ink-dim:#f3ecdf9e;--accent:#c9a56a;--surface:#100d098c;--surface-strong:#0a0806c7;--border:#f3ecdf24;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);font-family:Georgia,Times New Roman,Iowan Old Style,serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;touch-action:none;background:radial-gradient(120% 130% at 50% 20%,#1a140d 0%,#0a0806 55%,#020202 100%);overflow:hidden}#app-root{width:100vw;height:100dvh;position:relative;overflow:hidden}canvas{touch-action:none;outline:none;display:block}.ui-layer{pointer-events:none;z-index:10;position:absolute;inset:0}.ui-layer>*{pointer-events:auto}button{color:inherit;cursor:pointer;font-family:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-btn{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(16px)saturate(160%);width:42px;height:42px;color:var(--ink);transition:transform .16s var(--ease-out), background .2s ease, opacity .2s ease;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--surface-strong)}.icon-btn:active{transform:scale(.94)}.icon-btn:disabled{opacity:.32;cursor:default}.icon-btn:disabled:active{transform:none}@media (max-width:560px){.controls-secondary{display:none}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.page{--app-ink:#f5f5f8;--app-ink-dim:#f5f5f8a3;--app-ink-faint:#f5f5f866;--app-accent:#6366f1;--app-accent-2:#a78bfa;--app-accent-strong:#818cf8;--app-accent-ink:#fff;--app-accent-soft:#6366f124;--app-accent-soft-strong:#6366f157;--app-gradient:linear-gradient(135deg, #818cf8, #6366f1 55%, #a78bfa);--app-surface:#ffffff0b;--app-surface-strong:#11101bdb;--app-surface-soft:#ffffff07;--app-border:#ffffff17;--app-border-strong:#fff3;--app-success:#34d399;--app-success-soft:#34d39924;--app-error:#f87171;--app-error-soft:#f871711f;--app-radius-sm:10px;--app-radius-md:16px;--app-radius-lg:24px;--app-shadow-sm:0 2px 10px #0000004d;--app-shadow-md:0 16px 44px #00000073;--app-shadow-lg:0 30px 90px #0009;--app-shadow-glow:0 12px 36px #6366f159;--app-font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;overscroll-behavior:contain;touch-action:pan-y;font-family:var(--app-font);color:var(--app-ink);background:radial-gradient(120% 100% at 50% -10%,#1b1a35 0%,#0c0b16 45%,#08070d 100%);position:fixed;inset:0;overflow-y:auto}.page:before,.page:after{content:"";filter:blur(90px);opacity:.24;pointer-events:none;z-index:0;border-radius:50%;width:46vw;max-width:640px;height:46vw;max-height:640px;position:fixed}.page:before{background:#6366f1;top:-14vw;left:50%;transform:translate(-70%)}.page:after{opacity:.16;background:#a78bfa;bottom:-18vw;left:50%;transform:translate(-30%)}.page-inner{z-index:1;animation:fadeSlideUp .46s var(--ease-out) both;margin:0 auto;padding:clamp(28px,6vw,72px) 24px 64px;position:relative}.page-hero{text-align:center;max-width:520px;margin:0 auto 36px}.page-hero h1{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;font-family:var(--app-font);letter-spacing:-.02em;background:var(--app-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 8px}.page-hero p{color:var(--app-ink-dim);margin:0;font-size:.94rem;line-height:1.6}.brand-mark{background:var(--app-gradient);width:40px;height:40px;color:var(--app-accent-ink);box-shadow:0 1px 0 #ffffff59 inset, var(--app-shadow-glow);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.back-link{color:var(--app-ink-dim);font-family:var(--app-font);cursor:pointer;transition:color .16s ease, transform .16s var(--ease-out);background:0 0;border:none;align-items:center;gap:6px;margin:0 0 20px -2px;padding:6px 2px;font-size:.84rem;display:inline-flex}.back-link svg{transition:transform .16s var(--ease-out)}@media (hover:hover) and (pointer:fine){.back-link:hover{color:var(--app-ink)}.back-link:hover svg{transform:translate(-2px)}}.card{border:1px solid var(--app-border);border-radius:var(--app-radius-md);background:var(--app-surface);-webkit-backdrop-filter:blur(20px)saturate(160%);box-shadow:var(--app-shadow-sm);transition:border-color .2s ease, box-shadow .22s ease, transform .22s var(--ease-out), background .2s ease}.card-interactive{cursor:default}@media (hover:hover) and (pointer:fine){.card-interactive:hover{border-color:var(--app-border-strong);box-shadow:var(--app-shadow-md);transform:translateY(-3px)}}.card-current{border-color:var(--app-accent-soft-strong);box-shadow:0 0 0 1px var(--app-accent-soft-strong), var(--app-shadow-sm)}.stagger-item{opacity:0;animation:fadeSlideUp .42s var(--ease-out) forwards}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.btn{border-radius:var(--app-radius-sm);font-family:var(--app-font);letter-spacing:.01em;cursor:pointer;transition:transform .14s var(--ease-out), background .18s ease, border-color .18s ease, box-shadow .18s ease, opacity .18s ease, filter .18s ease, color .18s ease;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.86rem;font-weight:600;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default}.btn:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.btn-sm{padding:6px 13px;font-size:.78rem}.btn-primary{background:var(--app-gradient);color:var(--app-accent-ink);box-shadow:0 1px 0 #ffffff4d inset, var(--app-shadow-glow);border-color:#0000}@media (hover:hover) and (pointer:fine){.btn-primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:inset 0 1px #ffffff59,0 16px 44px #6366f173}}.btn-ghost{border-color:var(--app-border);color:var(--app-ink);background:0 0}@media (hover:hover) and (pointer:fine){.btn-ghost:hover:not(:disabled){border-color:var(--app-border-strong);background:var(--app-surface-soft)}}.btn-outline-accent{border-color:var(--app-accent-strong);color:var(--app-accent-strong);background:0 0}@media (hover:hover) and (pointer:fine){.btn-outline-accent:hover:not(:disabled){background:var(--app-accent-soft)}}.btn-text{color:var(--app-ink-dim);background:0 0;border:1px solid #0000;padding:4px 2px;font-weight:500}.btn-text.accent{color:var(--app-accent-strong);font-weight:600}.btn-text.danger{color:var(--app-error)}@media (hover:hover) and (pointer:fine){.btn-text:hover:not(:disabled){color:var(--app-ink)}.btn-text.accent:hover:not(:disabled){color:#a5b4fc}.btn-text.danger:hover:not(:disabled){color:#fca5a5}}.field{flex-direction:column;gap:7px;font-size:.85rem;display:flex}.field-label{color:var(--app-ink-dim);font-size:.8rem;font-weight:500}.input{border-radius:var(--app-radius-sm);border:1px solid var(--app-border);color:var(--app-ink);font-family:var(--app-font);background:#00000038;padding:10px 12px;font-size:.9rem;transition:border-color .16s,box-shadow .16s,background .16s}.input::placeholder{color:var(--app-ink-faint)}@media (hover:hover) and (pointer:fine){.input:hover{border-color:var(--app-border-strong)}}.input:focus{border-color:var(--app-accent-strong);box-shadow:0 0 0 3px var(--app-accent-soft);background:#00000052;outline:none}.badge{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.68rem;font-weight:700;display:inline-flex}.badge-accent{background:var(--app-accent-soft);color:#c7d2fe;border:1px solid var(--app-accent-soft-strong)}.badge-success{background:var(--app-success-soft);color:var(--app-success);border:1px solid #34d39952}.badge-neutral{color:var(--app-ink-dim);border:1px solid var(--app-border);background:#ffffff0f}.banner{border-radius:var(--app-radius-sm);animation:fadeSlideUp .22s var(--ease-out);align-items:flex-start;gap:10px;padding:12px 14px;font-size:.84rem;line-height:1.5;display:flex}.banner svg{flex-shrink:0;margin-top:1px}.banner-error{background:var(--app-error-soft);color:var(--app-error);border:1px solid #f8717152}.banner-success{background:var(--app-success-soft);color:var(--app-success);border:1px solid #34d39952}.progress-track{background:#ffffff14;border-radius:999px;height:6px;overflow:hidden}.progress-fill{background:var(--app-gradient);height:100%;transition:width .42s var(--ease-in-out);border-radius:999px}.segmented{border:1px solid var(--app-border);background:#0003;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.segment{color:var(--app-ink-dim);font-family:var(--app-font);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 16px;font-size:.82rem;font-weight:600;transition:background .18s,color .18s,box-shadow .18s}.segment[data-active=true]{background:var(--app-gradient);color:var(--app-accent-ink);box-shadow:0 4px 14px #6366f159}@media (hover:hover) and (pointer:fine){.segment:not([data-active=true]):hover{color:var(--app-ink)}}.spinner{border:2px solid #ffffff4d;border-top-color:currentColor;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin}.spinner-light{border:2px solid #f5f5f833;border-top-color:var(--app-ink)}@keyframes spin{to{transform:rotate(360deg)}}.dropzone{text-align:center;border-radius:var(--app-radius-md);border:1.5px dashed var(--app-border);background:var(--app-surface-soft);color:var(--app-ink-dim);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px 20px;transition:border-color .18s,background .18s;display:flex}@media (hover:hover) and (pointer:fine){.dropzone:hover{border-color:var(--app-accent-soft-strong);background:var(--app-accent-soft)}}.dropzone input{display:none}.empty-state{text-align:center;color:var(--app-ink-dim);border:1px dashed var(--app-border);border-radius:var(--app-radius-md);flex-direction:column;align-items:center;gap:10px;padding:48px 24px;display:flex}.cover-tile{border-radius:var(--app-radius-sm);background:var(--app-gradient);color:#ffffffd9;opacity:.9;justify-content:center;align-items:center;height:108px;display:flex}.landing-page{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){.landing-page{scroll-behavior:auto}}.nav-header{z-index:5;-webkit-backdrop-filter:blur(16px)saturate(160%);border-bottom:1px solid var(--app-border);background:#08070d99;align-items:center;gap:20px;padding:14px clamp(16px,4vw,40px);display:flex;position:sticky;top:0}.nav-brand{letter-spacing:-.01em;color:var(--app-ink);flex-shrink:0;align-items:center;gap:10px;font-size:.92rem;font-weight:700;text-decoration:none;display:flex}.nav-links{align-items:center;gap:26px;margin:0 auto;display:flex}.nav-link{color:var(--app-ink-dim);font-size:.85rem;font-weight:500;text-decoration:none;transition:color .16s}@media (hover:hover) and (pointer:fine){.nav-link:hover{color:var(--app-ink)}}.nav-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.nav-mobile-toggle{border-radius:var(--app-radius-sm);border:1px solid var(--app-border);width:38px;height:38px;color:var(--app-ink);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:none}.nav-mobile-panel{z-index:4;-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);border-bottom:1px solid var(--app-border);animation:fadeSlideUp .2s var(--ease-out);background:#08070deb;flex-direction:column;gap:4px;padding:14px clamp(16px,4vw,40px) 18px;display:flex;position:sticky;top:57px}.nav-mobile-panel .nav-link{border-bottom:1px solid var(--app-border);padding:10px 2px}.nav-mobile-actions{gap:10px;margin-top:12px;display:flex}.nav-mobile-actions .btn{flex:1}@media (max-width:860px){.nav-links,.nav-actions{display:none}.nav-mobile-toggle{margin-left:auto;display:inline-flex}}.hero-section{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:26px;max-width:780px;margin:0 auto;padding:clamp(56px,11vw,120px) 24px clamp(48px,8vw,84px);display:flex;position:relative}.hero-slides{width:100%;min-height:clamp(200px,32vw,260px);position:relative}.hero-slide{transition:opacity .42s var(--ease-out), transform .42s var(--ease-out);flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.hero-eyebrow{background:var(--app-accent-soft);border:1px solid var(--app-accent-soft-strong);color:#c7d2fe;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 14px;font-size:.72rem;font-weight:700;display:inline-flex}.hero-slide h1{letter-spacing:-.03em;background:var(--app-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.9rem,4.6vw,3.1rem);font-weight:800;line-height:1.1}.hero-slide p{max-width:560px;color:var(--app-ink-dim);margin:0;font-size:1rem;line-height:1.6}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero-dots{gap:8px;display:flex}.hero-dot{background:var(--app-border-strong);cursor:pointer;width:8px;height:8px;transition:background .2s ease, transform .2s var(--ease-out);border:none;border-radius:50%;padding:0}.hero-dot.active{background:var(--app-gradient);transform:scale(1.3)}.hero-badges{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.pill{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-ink-dim);border-radius:999px;padding:7px 14px;font-size:.76rem;font-weight:500}.section{z-index:1;max-width:1080px;margin:0 auto;padding:clamp(40px,7vw,76px) 24px;position:relative}.section-heading{text-align:center;max-width:620px;margin:0 auto 36px}.section-eyebrow{color:var(--app-accent-strong);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:.76rem;font-weight:700;display:inline-block}.section-heading h2{letter-spacing:-.02em;color:var(--app-ink);margin:0 0 12px;font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:800}.section-heading p{color:var(--app-ink-dim);margin:0;font-size:.94rem;line-height:1.65}.catalog-loading{text-align:center;color:var(--app-ink-dim);font-size:.88rem}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;display:grid}.feature-card{flex-direction:column;gap:10px;padding:24px 22px;display:flex}.feature-icon{border-radius:var(--app-radius-sm);background:var(--app-accent-soft);width:40px;height:40px;color:var(--app-accent-strong);justify-content:center;align-items:center;display:inline-flex}.feature-card h3{color:var(--app-ink);margin:0;font-size:1rem;font-weight:700}.feature-card p{color:var(--app-ink-dim);margin:0;font-size:.86rem;line-height:1.6}.book-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.book-card{flex-direction:column;gap:14px;padding:14px;display:flex}.book-card h3{color:var(--app-ink);margin:0;font-size:.98rem;font-weight:700}.book-card-body{flex-direction:column;gap:6px;display:flex}.book-card-body p{color:var(--app-ink-dim);margin:0;font-size:.82rem;line-height:1.55}.book-card-actions{align-items:center;gap:8px;display:flex}.book-card-actions .btn{flex:1}.book-card-whatsapp{color:#25d366;width:34px;height:34px;transition:transform .16s var(--ease-out), background .18s ease;background:#25d36624;border:1px solid #25d36659;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover) and (pointer:fine){.book-card-whatsapp:hover{background:#25d3663d}}.book-card-whatsapp:active{transform:scale(.94)}.book-cover-swatch{border-radius:var(--app-radius-sm);align-items:flex-end;height:176px;padding:16px;display:flex;position:relative;overflow:hidden}.book-cover-swatch-placeholder{background:var(--app-surface-soft)}.book-cover-swatch-rings{flex-direction:column;justify-content:space-evenly;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:14px}.book-cover-swatch-rings span{opacity:.75;background:0 0;border:2px solid;border-radius:50%;width:9px;height:9px}.book-cover-swatch-text{z-index:1;flex-direction:column;gap:4px;display:flex;position:relative}.book-cover-swatch-title{letter-spacing:.01em;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;font-weight:700;line-height:1.2}.book-cover-swatch-subtitle{opacity:.82;font-family:Georgia,Times New Roman,serif;font-size:.72rem}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.plan-card{flex-direction:column;gap:12px;padding:22px;display:flex;position:relative}.plan-card-popular{border-color:var(--app-accent-soft-strong);box-shadow:0 0 0 1px var(--app-accent-soft-strong), var(--app-shadow-sm)}.plan-card-badge{position:absolute;top:-10px;left:20px}.plan-card h3{color:var(--app-ink);margin:0;font-size:1.02rem;font-weight:700}.plan-card-limits{color:var(--app-ink-dim);margin:0;font-size:.78rem;line-height:1.5}.plan-card-prices{border-top:1px solid var(--app-border);flex-direction:column;gap:6px;padding-top:6px;display:flex}.plan-card-price-row{justify-content:space-between;font-size:.84rem;display:flex}.plan-card-price-row span:first-child{color:var(--app-ink-dim)}.plan-card-price-row span:last-child{font-variant-numeric:tabular-nums;color:var(--app-accent-strong);font-weight:700}.plans-cta{justify-content:center;margin-top:30px;display:flex}.contact-section{text-align:center;flex-direction:column;align-items:center;display:flex}.contact-whatsapp-btn{background:#25d366;box-shadow:inset 0 1px #ffffff4d,0 16px 40px #25d36659}@media (hover:hover) and (pointer:fine){.contact-whatsapp-btn:hover{filter:brightness(1.06)}}.landing-footer{z-index:1;border-top:1px solid var(--app-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1080px;margin:0 auto;padding:28px 24px 40px;display:flex;position:relative}.landing-footer-brand{color:var(--app-ink);align-items:center;gap:10px;font-size:.88rem;font-weight:700;display:flex}.landing-footer-links{gap:18px;display:flex}.landing-footer-links a{color:var(--app-ink-dim);font-size:.82rem;text-decoration:none}@media (hover:hover) and (pointer:fine){.landing-footer-links a:hover{color:var(--app-ink)}}.landing-footer-whatsapp{color:var(--app-ink-dim);align-items:center;gap:6px;font-size:.82rem;text-decoration:none;display:inline-flex}.landing-footer-copy{text-align:center;width:100%;color:var(--app-ink-faint);margin:0;font-size:.74rem}
