:root{--rojo-principal:#ff0100;--rojo-oscuro:#cc0000;--negro:#0a0a0a;--gris-oscuro:#1a1a1a;--gris-medio:#333;--gris-claro:#f0f0f0;--blanco:#ffffff}body{font-family:Montserrat,sans-serif;background-color:var(--negro);color:var(--gris-claro);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:Merriweather,serif;font-weight:700}.text-rojo{color:var(--rojo-principal)!important}.bg-rojo{background-color:var(--rojo-principal)!important}.btn-rojo{background-color:var(--rojo-principal);border-color:var(--rojo-principal);color:#fff;font-weight:600;padding:12px 30px;border-radius:30px;transition:all .3s ease}.btn-rojo:hover{background-color:var(--rojo-oscuro);border-color:var(--rojo-oscuro);transform:translateY(-3px);box-shadow:0 10px 20px rgba(255,1,0,.2)}.btn-outline-rojo{background-color:transparent;border-color:var(--rojo-principal);color:var(--rojo-principal);font-weight:600;padding:12px 30px;border-radius:30px;transition:all .3s ease}.btn-outline-rojo:hover{background-color:rgba(255,1,0,.1);color:var(--rojo-principal);border-color:var(--rojo-principal)}.navbar{background-color:rgba(10,10,10,.95);padding:15px 0;border-bottom:1px solid var(--gris-medio);position:fixed;width:100%;top:0;z-index:1030}.navbar-brand{font-family:Merriweather,serif;font-weight:900;font-size:1.8rem;color:var(--rojo-principal)!important;letter-spacing:1px}.nav-link{color:var(--gris-claro)!important;font-weight:500;margin:0 10px;transition:color .3s}.nav-link:hover{color:var(--rojo-principal)!important}.hero-section{padding:180px 0 100px;background:linear-gradient(rgba(10,10,10,.9),rgba(10,10,10,.95));position:relative;overflow:hidden}.hero-section::before{content:'';position:absolute;top:0;right:0;width:45%;height:100%;background:linear-gradient(to left,var(--negro),transparent);z-index:1}.hero-content{position:relative;z-index:2}.hero-title{font-size:3.8rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem;text-transform:uppercase}.hero-subtitle{font-size:1.4rem;color:#ccc;margin-bottom:2.5rem;font-weight:300}.book-cover-container{position:relative;z-index:2;perspective:1500px}.book-cover-img{width:100%;max-width:500px;border-radius:8px;box-shadow:-25px 25px 50px rgba(0,0,0,.8);transform:perspective(1500px) rotateY(-15deg);transition:transform .5s ease;border:3px solid var(--rojo-principal)}.book-cover-img:hover{transform:perspective(1500px) rotateY(-5deg)}.section-title{font-size:2.8rem;margin-bottom:3rem;position:relative;padding-bottom:15px}.section-title::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:4px;background-color:var(--rojo-principal)}.section-title-center{font-size:2.8rem;margin-bottom:3rem;position:relative;padding-bottom:15px;text-align:center}.section-title-center::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background-color:var(--rojo-principal)}.section-padding{padding:100px 0}.about-book{background-color:var(--gris-oscuro)}.synopsis-box{background-color:rgba(255,1,0,.05);border-left:4px solid var(--rojo-principal);padding:30px;border-radius:0 8px 8px 0;margin-bottom:30px}.character-card{background-color:rgba(255,255,255,.05);border-radius:10px;padding:25px;height:100%;transition:all .4s ease;border:1px solid transparent;position:relative;overflow:hidden}.character-card:hover{transform:translateY(-10px);border-color:var(--rojo-principal);box-shadow:0 15px 30px rgba(255,1,0,.1)}.character-video-container{position:relative;width:100%;border-radius:8px;overflow:hidden;margin-bottom:20px;background-color:#000}.character-video{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.character-card:hover .character-video{transform:scale(1.05)}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.8) 100%);display:flex;align-items:flex-end;padding:15px}.video-overlay h5{color:#fff;margin:0;font-size:1.3rem;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.video-controls{position:absolute;bottom:10px;right:10px;display:flex;gap:8px;opacity:0;transition:opacity .3s ease}.character-video-container:hover .video-controls{opacity:1}.video-btn{width:35px;height:35px;background-color:rgba(255,1,0,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:none;cursor:pointer;font-size:.9rem;transition:all .3s ease}.video-btn:hover{background-color:var(--rojo-principal);transform:scale(1.1)}.theme-badge{display:inline-block;background-color:rgba(255,1,0,.1);color:var(--rojo-principal);padding:8px 20px;border-radius:30px;margin:5px 10px 5px 0;font-weight:500;border:1px solid rgba(255,1,0,.3)}.author-section{background-color:var(--negro)}.author-img{width:100%;max-width:300px;border-radius:10px;box-shadow:0 15px 30px rgba(0,0,0,.5)}.newsletter-section{background-color:var(--gris-oscuro)}.newsletter-box{background-color:rgba(255,1,0,.05);border:1px solid rgba(255,1,0,.2);border-radius:10px;padding:40px}.form-control{background-color:rgba(255,255,255,.05);border:1px solid var(--gris-medio);color:var(--gris-claro);padding:15px;border-radius:8px}.form-control:focus{background-color:rgba(255,255,255,.08);border-color:var(--rojo-principal);color:var(--gris-claro);box-shadow:0 0 0 .25rem rgba(255,1,0,.25)}.footer{background-color:#050505;padding:60px 0 30px;border-top:1px solid var(--gris-medio)}.social-icon{display:inline-block;width:40px;height:40px;background-color:rgba(255,255,255,.05);border-radius:50%;text-align:center;line-height:40px;color:var(--gris-claro);margin-right:10px;transition:all .3s ease}.social-icon:hover{background-color:var(--rojo-principal);color:#fff;transform:translateY(-5px)}@media (max-width:992px){.hero-title{font-size:3rem}.hero-section::before{width:100%;background:linear-gradient(to bottom,transparent,var(--negro));height:60%;bottom:0;top:auto}.book-cover-img{max-width:400px;margin-top:50px}.character-video-container{height:180px}}@media (max-width:768px){.hero-title{font-size:2.5rem}.section-title,.section-title-center{font-size:2.2rem}.section-padding{padding:70px 0}.hero-section{padding:150px 0 80px}.character-video-container{height:160px}}@media (max-width:576px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.2rem}.character-video-container{height:200px}}.typewriter{overflow:hidden;border-right:3px solid var(--rojo-principal);white-space:nowrap;animation:typing 3.5s steps(40,end),blink-caret .75s step-end infinite}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:var(--rojo-principal)}}