.milestone-tracker{width:100%;max-width:32rem;margin:1.5rem 0}.milestone-header{justify-content:space-between;margin-bottom:.5rem;display:flex}.milestone-label{color:#d4af37;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:500}.milestone-count{color:#d4af37b3;font-size:.75rem}.milestone-bar-container{position:relative}.milestone-bar{background-color:#d4af37;border:1px solid #d4af374d;border-radius:9999px;width:100%;height:.75rem;position:relative;overflow:hidden}.milestone-bar.preorder{background-color:#d4af37;border-color:#1a0d3d80}.milestone-bar.preorder .milestone-fill{transform-origin:100%;background-color:#fafafa;height:100%;transition:width 1s ease-out;position:absolute;right:0;transform:skew(-10deg)}.milestone-bar.preorder .milestone-text{color:#d4af37;z-index:10;white-space:nowrap;font-size:.625rem;font-weight:600;position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}.milestone-bar.edition .milestone-fill{transform-origin:100%;background-color:#1a0d3d;height:100%;transition:width 1s ease-out;position:absolute;right:0;transform:skew(-10deg)}.milestone-bar.edition .milestone-text{color:#d4af37;z-index:10;white-space:nowrap;font-size:.625rem;font-weight:600;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.milestone-bar.ebook{background-color:#1a0d3d}.milestone-divisions{z-index:5;width:100%;height:100%;position:absolute;top:80%;left:0}.milestone-division{clip-path:polygon(50% 0%,0% 100%,100% 100%);background-color:#fafafa;width:8px;height:8px;margin-left:-4px;position:absolute;top:-4px}.milestone-bar.ebook .milestone-fill{z-index:2;transform-origin:0;background:linear-gradient(90deg,#d4af3780,#d4af37);height:100%;transition:width 1s ease-out;position:absolute;left:0;transform:skew(-10deg)}.milestone-subtitle{color:#d4af3780;margin-top:.5rem;font-size:1rem;font-style:italic}
.hero{background:radial-gradient(circle at top center,var(--brand-dark)0%,var(--bg-void)70%);min-height:100vh;padding-top:var(--nav-height);justify-content:center;align-items:center;display:flex;position:relative}.hero-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.hero-layout{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero-text h1{font-family:var(--font-title);text-shadow:0 0 20px #58438566;margin-bottom:2rem;font-size:3.5rem;line-height:1.1}.hero-text h2{font-family:var(--font-body);color:var(--brand-light);margin-bottom:2rem;font-size:1.5rem}.hero-list{border-left:2px solid var(--brand-primary);margin-bottom:2rem;padding-left:1.5rem;list-style:none}.hero-list li{color:var(--text-muted);margin-bottom:1rem;font-size:1.1rem}.hero-list li:before{content:">";color:var(--brand-light);margin-right:10px;font-weight:700}.book-cover-placeholder{width:200px;height:300px;box-shadow:10px 10px 30px var(--brand-dark);background:#1a1a2e;border:1px solid #333;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}@media (max-width:768px){.hero-layout{grid-template-columns:1fr}.hero h1{font-size:2.5rem}.hero h2{font-size:1.1rem}.hero{padding:4rem 0}.book-cover-placeholder{width:150px;height:220px}.hero-text h1{margin-top:5rem;margin-bottom:.5rem}.hero-text h2{font-size:1.2rem}}.book-card-hero{text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff08;border:1px solid #ffffff1a;padding:2rem;transition:all .5s;transform:rotate(-2deg)}.book-card-hero:hover{border-image:var(--gold-gradient)1;transform:rotate(0)scale(1.02);box-shadow:0 6px 40px -15px gold}
.apuesta-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.apuesta-section{background:var(--bg-dark);padding:6rem 0}.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.info-card{background:#0003;border:1px solid #ffffff1a;border-radius:4px;padding:2rem;transition:all .3s}.info-card:hover{border-image:var(--gold-gradient)1;transform:translateY(-5px);box-shadow:0 6px 40px -15px gold}.info-card h3{color:var(--brand-light);font-family:var(--font-title);margin-bottom:1rem}.info-card p{color:var(--text-muted);font-size:.95rem}.faq-container{max-width:800px;margin:0 auto}.faq-item{border-bottom:1px solid #ffffff1a;max-height:56px;margin-bottom:1rem;transition:max-height .5s;overflow:hidden}.faq-item.open{max-height:250px;transition:max-height .5s}.faq-button{cursor:pointer;width:100%;font-family:inherit;font-weight:700;font-size:inherit;background-color:var(--bg-dark);color:inherit;text-align:left;border:none;justify-content:space-between;align-items:center;padding:1rem;transition:all .3s;display:flex}.faq-button:hover{text-shadow:0px 0px 7px var(--brand-light);background-color:var(--brand-deep);transition:all 1s}.faq-toggle{color:#fafafa;font-size:1.2rem;transition:transform .3s}.faq-item.open .faq-toggle{text-shadow:0 0 7px #fafafa;transform:rotate(180deg)}.faq-answer{color:var(--text-muted);padding:1rem 1.5rem;font-size:.95rem;line-height:1.5}
.libros-section{background-color:var(--bg-void);max-width:1200px;margin:0 auto;padding:5rem 2rem;position:relative}.carousel-container{width:100%;transition:height .3s;position:relative;overflow:hidden}.carousel-track{align-items:flex-start;transition:transform .5s ease-in-out;display:flex}.slide{opacity:.3;box-sizing:border-box;flex-wrap:wrap;flex:0 0 100%;justify-content:center;gap:3rem;width:100%;padding:0 4rem;transition:opacity .5s;display:flex;position:relative}.slide.active{opacity:1}.product-mockup{background:linear-gradient(135deg,var(--bg-dark),#000);border:1px solid #ffffff1a;flex:400px;justify-content:center;align-items:center;height:500px;display:flex;position:relative}.product-details{flex:400px}.product-details h2{font-family:var(--font-title);margin-bottom:.5rem;font-size:3rem;line-height:1}.launch-tag{color:var(--brand-light);letter-spacing:.1em;margin-bottom:1rem;font-weight:700;display:block}.specs{color:var(--text-muted);border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;justify-content:space-between;gap:2rem;margin:2rem 0;padding:1rem 0;font-size:.9rem;display:flex}.nav-btn{color:#fff;cursor:pointer;font-size:2rem;font-family:var(--font-body);z-index:10;background:#00000080;border:1px solid #ffffff1a;padding:1rem;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%)}.nav-btn:hover{color:var(--bg-void);background:#fff;box-shadow:0 0 12px 2px #fafafa}.prev{left:0;transform:rotate(180deg)}.next{right:0;transform:rotate(0)}.dots-container{text-align:center;margin-top:2rem}.dot{cursor:pointer;background-color:#fff3;width:10px;height:10px;margin:0 5px;display:inline-block;transform:rotate(45deg)}.dot.active{background-color:gold;box-shadow:0 0 10px gold}.price-breakdown{border:1px solid var(--brand-primary);border-radius:var(--radius);background:#5843851a;height:72px;margin:2rem 0;transition:all .5s;overflow:hidden}.price-breakdown.open{height:287px;transition:all .5s}.price-breakdown-button{width:100%;color:var(--white);font-size:1.2rem;font-family:var(--font-body);cursor:pointer;text-align:left;background:#58438533;border:none;justify-content:space-between;padding:1.5rem;font-weight:700;transition:background .3s;display:flex}.price-breakdown-button:hover{background:#58438559}.price-breakdown-button:after{content:"▼";font-size:.9rem;transition:transform .3s}.price-breakdown.open .price-breakdown-button:after{transform:rotate(180deg)}.price-content{padding:1.5rem}.price-row{justify-content:space-between;margin-bottom:1rem;font-size:.9rem;display:flex}.price-row.highlight{color:var(--brand-light);border-top:1px dashed #fff3;margin-top:1rem;padding-top:1rem;font-size:1.1rem;font-weight:700}.comparison{color:var(--text-muted);text-align:right;margin-top:.5rem;font-size:.8rem;font-style:italic}@media (max-width:768px){.carousel-container{transition:height .3s}.slide{flex-direction:column;gap:1.5rem;padding:0 1rem}.nav-btn{padding:.5rem;font-size:1.5rem}.product-mockup{flex:none;width:100%;height:300px}.product-mockup-content{width:auto;height:80%}.product-mockup-content img{width:100%;height:100%}.product-details{flex:none;width:100%}}
.newsletter-section{text-align:center;background:var(--brand-dark);border-top:4px solid var(--brand-primary);padding:4rem 0}.newsletter-form{gap:10px;max-width:500px;margin:2rem auto 0;display:flex}.newsletter-input{color:#fff;font-family:var(--font-body);background:#ffffff1a;border:1px solid #fff3;outline:none;flex:1;padding:1rem}.newsletter-input:focus{border-color:var(--white);background:#fff3}
.construction-page{background:radial-gradient(circle at top center,var(--brand-dark)0%,var(--bg-void)70%);z-index:1000;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.construction-container{text-align:center;max-width:800px;animation:.8s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.construction-title{font-family:var(--font-title);text-shadow:0 0 20px #58438566;letter-spacing:.05em;margin-bottom:1.5rem;font-size:3.5rem;line-height:1.1}.construction-slogan{font-family:var(--font-body);color:var(--brand-light);margin-bottom:2rem;font-size:1.5rem}.construction-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;max-width:1200px;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:flex}.construction-list li{color:var(--text-muted);font-size:1.1rem;display:inline}.construction-list li:not(:last-child):after{content:"|";color:var(--brand-primary);margin-left:1.5rem}.construction-subtitle{font-family:var(--font-body);color:var(--text-muted);margin-bottom:3rem;font-size:1.25rem;font-weight:400;line-height:1.6}.construction-subtitle .highlight{color:var(--brand-light);font-weight:600}.construction-form{flex-wrap:wrap;justify-content:center;gap:0;max-width:600px;margin:2rem auto 0;display:flex}.construction-input{color:#fff;min-width:200px;font-family:var(--font-body);background:#ffffff0d;border:1px solid #fff3;border-right:none;outline:none;flex:1;padding:1rem 1.5rem;font-size:.95rem;transition:all .3s}.construction-input:focus{border-color:var(--brand-primary);background:#ffffff1a;box-shadow:0 0 15px #5843854d}.construction-input::placeholder{color:#ffffff80}.construction-button{border:1px solid var(--brand-primary);color:var(--brand-light);font-family:var(--font-body);letter-spacing:.1em;cursor:pointer;text-transform:uppercase;background:#5843851a;padding:1rem 2rem;font-size:.85rem;font-weight:600;transition:all .3s}.construction-button:hover:not(:disabled){background:var(--brand-primary);color:#fff;box-shadow:0 0 20px #58438580}.construction-button:disabled{opacity:.7;cursor:not-allowed}.construction-message{margin-top:1.5rem;font-size:.95rem;font-weight:500;animation:.4s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.construction-message-success{color:#4ade80}.construction-message-error{color:#f87171}.construction-footer{letter-spacing:.3em;color:#94a3b899;text-transform:uppercase;font-size:.65rem;position:absolute;bottom:2rem}@media (max-width:768px){.construction-page{min-height:auto;padding:1.5rem 1.5rem 8rem}.construction-title{margin-bottom:1rem;font-size:2.5rem}.construction-subtitle{margin-bottom:2rem;font-size:1rem}.construction-list{border-left:2px solid var(--brand-primary);flex-direction:column;align-items:flex-start;gap:1rem;padding-left:1.5rem}.construction-list li{margin-bottom:1rem;display:list-item}.construction-list li:before{content:">";color:var(--brand-light);margin-right:10px;font-weight:700}.construction-list li:not(:last-child):after{content:""}.construction-form{flex-direction:column}.construction-input,.construction-button{border-right:1px solid #fff3;width:100%}.construction-footer{font-size:.55rem;bottom:1rem}}
