@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap');
:root{--ink:#25352e;--muted:#68736b;--cream:#f7f4ec;--paper:#fffdf8;--olive:#66765b;--line:#dddcd1;--rust:#a36c4c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.7}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--rust);outline-offset:4px}.wrap{max-width:1160px;margin:auto;padding:0 28px}.site-header{background:rgba(247,244,236,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}.brand{text-decoration:none;letter-spacing:.12em;font-size:1.05rem;font-weight:700;line-height:1.3}.brand small{display:block;font-size:.59rem;font-weight:500;letter-spacing:.31em;color:var(--olive)}nav{display:flex;gap:27px;flex-wrap:wrap}nav a{text-decoration:none;font-size:.83rem;font-weight:600}nav a:hover{color:var(--rust)}.hero{min-height:640px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:65px;padding-top:75px;padding-bottom:90px}.eyebrow{color:var(--rust);letter-spacing:.23em;font-size:.74rem;text-transform:uppercase;font-weight:700}h1,h2,h3,.quote{font-family:'Libre Baskerville',Georgia,serif;font-weight:400;line-height:1.25}h1{font-size:clamp(2.7rem,5vw,5.1rem);margin:18px 0 24px;letter-spacing:-.05em}h2{font-size:clamp(2rem,3.5vw,3.3rem);letter-spacing:-.04em;margin:14px 0 22px}h3{font-size:1.4rem}.lead{font-size:1.13rem;color:#59655c;max-width:560px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-block;text-decoration:none;background:var(--ink);color:white;padding:14px 24px;border:1px solid var(--ink);font-size:.84rem;font-weight:700;letter-spacing:.03em}.btn.secondary{background:transparent;color:var(--ink)}.btn:hover{background:var(--rust);border-color:var(--rust);color:#fff}.hero-art{position:relative;min-height:490px;display:grid;place-items:center;background:linear-gradient(155deg,#e3d6bc 0%,#c6b89b 42%,#7e8a72 100%);overflow:hidden}.hero-art:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 25%,#f4e9c7 0%,transparent 40%),linear-gradient(165deg,transparent 55%,#777b5c 55%,#777b5c 59%,#576b56 59%);opacity:.75}.book{position:relative;width:245px;min-height:365px;background:linear-gradient(140deg,#485a46,#24392e 65%,#17271e);box-shadow:16px 20px 0 #e8ddc7,24px 30px 45px #27392d66;color:#f4e9ce;padding:36px 24px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;transform:rotate(-5deg);border-left:8px solid #25392c}.book .booktitle{font:1.45rem/1.45 Georgia,serif;letter-spacing:.04em}.book .bookauthor{font-size:.7rem;letter-spacing:.15em}.book .bookmark{font-size:2.5rem;opacity:.65}.note{position:absolute;bottom:20px;right:22px;color:#fff;font-size:.68rem;background:#1e332b99;padding:6px 10px}.section{padding:90px 0}.section.light{background:var(--paper)}.center{text-align:center}.center p{max-width:680px;margin:auto;color:var(--muted)}.columns{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.rule{width:52px;height:2px;background:var(--rust);margin:26px 0}.feature{background:#e7e7dc;padding:55px;min-height:320px;display:flex;align-items:center;justify-content:center}.feature p{font:italic 1.8rem/1.6 Georgia,serif;text-align:center}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}.card{border:1px solid var(--line);background:#fff;padding:30px}.card small{color:var(--rust);letter-spacing:.1em}.price{font:2.5rem Georgia,serif;margin:10px 0}.muted{color:var(--muted)}.banner{background:var(--ink);color:white;padding:60px 0}.banner p{color:#e2e6de}.footer{background:#1b2a23;color:#e8e9e0;padding:48px 0 25px}.footer a{color:inherit}.footer-inner{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer small{color:#b4c0b4}.legal{font-size:.85rem;max-width:780px}.subhero{padding:85px 0 55px}.subhero h1{font-size:clamp(2.5rem,4.5vw,4.5rem)}.narrow{max-width:790px}.contactlink{word-break:break-word}.mobile-label{display:none}@media(max-width:760px){.nav{min-height:76px;align-items:flex-start;padding-top:17px;padding-bottom:15px;flex-direction:column;gap:14px}nav{gap:14px}nav a{font-size:.76rem}.hero,.columns{grid-template-columns:1fr;gap:35px}.hero{padding-top:45px;padding-bottom:55px}.hero-art{min-height:450px}.cards{grid-template-columns:1fr}.section{padding:60px 0}.feature{padding:30px}.wrap{padding-left:20px;padding-right:20px}}
/* Portada original de la novela */
.cover-figure{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.real-cover{display:block;width:min(100%,365px);height:auto;box-shadow:16px 22px 40px #17271e44;border-radius:2px}.cover-figure figcaption{font-size:.76rem;letter-spacing:.07em;color:var(--muted);text-align:center}@media(max-width:760px){.real-cover{width:min(78vw,330px)}}

/* V4 — evolución editorial y atmósfera de la cubierta original */
:root{--cream:#f5f2eb;--ink:#20362c;--rust:#a66a47}
.brand{font-family:Georgia,serif;font-size:1.16rem;font-weight:400;letter-spacing:.16em}.brand small{font-family:'DM Sans',Arial,sans-serif;font-size:.55rem;margin-top:5px}
.hero{grid-template-columns:1.12fr .88fr;gap:80px;min-height:690px;padding-top:62px;padding-bottom:78px}.hero h1{font-size:clamp(2.8rem,4.45vw,4.5rem);letter-spacing:-.052em;line-height:1.16;max-width:680px}.hero .lead{max-width:520px}.real-cover{width:min(100%,345px);box-shadow:9px 12px 0 #c8c1b0,25px 31px 44px #17271e36;transform:perspective(1000px) rotateY(-3deg)}.cover-figure{padding:20px 0}
.landscape-story{min-height:520px;background:#25352e url('atmosfera-cubierta.jpg') center 57% / cover no-repeat;position:relative;color:#fff;display:flex;align-items:center}.landscape-overlay{width:100%;min-height:520px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(20,34,27,.91),rgba(20,34,27,.66) 52%,rgba(20,34,27,.12))}.landscape-story .eyebrow{color:#e5b38e}.landscape-story h2{font-size:clamp(2.25rem,4vw,4.25rem);max-width:760px;line-height:1.22;margin:25px 0}.landscape-story p{max-width:550px;font-size:1.07rem;color:#f5e9dd}.story-link{display:inline-block;margin-top:18px;color:#fff;text-decoration:none;border-bottom:1px solid #e6c8a9;padding-bottom:6px;font-weight:600}.story-link:hover{color:#e6c8a9}.author-section{padding:110px 0}.author-section h2{font-size:clamp(2.2rem,3.5vw,3.4rem)}.banner{padding:72px 0}.banner h2{font-size:clamp(1.9rem,3vw,2.8rem)}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:30px;min-height:0;padding-top:46px}.hero h1{font-size:clamp(2.65rem,10vw,4rem)}.landscape-story,.landscape-overlay{min-height:470px}.landscape-overlay{background:linear-gradient(90deg,rgba(20,34,27,.87),rgba(20,34,27,.52))}.landscape-story h2 br{display:none}.author-section{padding:70px 0}.real-cover{width:min(72vw,320px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* V5 — biografía editorial y catálogo ampliable */
.prose p{font-size:1.075rem;line-height:1.95;color:#435149;margin:0 0 1.5rem}
.bio-section{padding:75px 0}.bio-section h2{margin-bottom:32px}
.author-intro{padding-bottom:75px}.author-tagline{font-family:Georgia,serif;font-style:italic;font-size:1.4rem;color:#6d705f}
.bio-quote{background:#20362c;color:#f5f2eb;padding:90px 0}
.bio-quote blockquote{font:italic clamp(1.55rem,3vw,2.5rem)/1.6 Georgia,serif;margin:0;text-align:center}
.book-listing{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:90px}
.book-listing .real-cover{width:min(100%,285px)}
@media(max-width:760px){.bio-section{padding:55px 0}.book-listing{grid-template-columns:1fr;gap:30px}.bio-quote{padding:65px 0}}

/* Portada original en la ficha de la novela */
.hero-art-cover{background:linear-gradient(145deg,#e5dcc9,#b9b69f);padding:32px 22px;isolation:isolate}
.hero-art-cover::before{display:none}
.book-cover-real{display:block;position:relative;z-index:1;width:min(100%,305px);height:auto;max-height:445px;object-fit:contain;box-shadow:15px 22px 35px #1a2d2460}
@media(max-width:760px){.hero-art-cover{min-height:400px}.book-cover-real{width:min(72vw,280px);max-height:none}}

/* Página de novela: edición cinematográfica, sin alterar el resto de V5 */
.novel-page{overflow:hidden}.novel-stage{position:relative;min-height:770px;color:#f8f1e4;background:#1a3028 url('atmosfera-cubierta.jpg') center 49%/cover no-repeat;isolation:isolate}.novel-stage-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,29,25,.96) 0%,rgba(14,29,25,.84) 38%,rgba(14,29,25,.47) 72%,rgba(14,29,25,.35)),linear-gradient(0deg,rgba(14,29,25,.52),transparent 28%)}.novel-stage-inner{display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:65px;padding-top:85px;padding-bottom:95px;min-height:770px}.novel-kicker,.novel-section-index{font-size:.72rem;font-weight:700;letter-spacing:.25em;color:#dcb58f}.novel-hairline{width:52px;height:1px;background:#dcb58f;margin:27px 0}.novel-intro h1{font-size:clamp(3.4rem,5.3vw,5.8rem);line-height:1.09;letter-spacing:-.055em;margin:0 0 34px;color:#fff9ee}.novel-intro h1 em,.novel-story h2 em,.novel-buy h2 em{font-weight:400;color:#e9bf92}.novel-question{font-family:Georgia,serif;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.5;margin:0 0 15px;color:#fff5e5}.novel-opening{max-width:480px;color:#e6e1d6;font-size:1rem;line-height:1.85}.novel-discover{display:inline-flex;gap:26px;align-items:center;margin-top:32px;text-decoration:none;border-bottom:1px solid #d6ae83;padding-bottom:10px;font-weight:600;font-size:.86rem;color:#fff4df}.novel-discover span{font-size:1.35rem}.novel-cover-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:33px}.novel-book{position:relative;width:min(78%,350px);transform:rotate(-1deg);filter:drop-shadow(17px 24px 18px rgba(0,0,0,.42));isolation:isolate}
.novel-book:before{content:'';position:absolute;left:0;top:0;bottom:0;width:8px;background:linear-gradient(90deg,rgba(8,24,18,.5),rgba(8,24,18,.1),transparent);z-index:2;pointer-events:none}
.novel-book:after{content:'';position:absolute;inset:0;border:1px solid rgba(15,35,25,.16);z-index:2;pointer-events:none}
.novel-book img{width:100%;height:auto;display:block;box-shadow:5px 7px 0 -3px #e5dcc8,9px 10px 0 -5px #26392d}
.novel-edition{font-family:Georgia,serif;font-style:italic;color:#e6d9c4;font-size:.95rem;text-align:center}.novel-story{background:#f7f4ed;padding:115px 0 120px}.novel-story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px}.novel-story .novel-section-index,.novel-buy .novel-section-index{color:#a36c4c}.novel-story h2,.novel-buy h2{font-size:clamp(2.5rem,4vw,4.5rem);line-height:1.22;letter-spacing:-.05em;margin:30px 0;color:#20362c}.novel-story h2 em,.novel-buy h2 em{color:#9f704f}.novel-story-rule{width:55px;height:2px;background:#a36c4c;margin-top:36px}.novel-story-prose p{font-size:1.05rem;line-height:1.95;color:#4d5a52;margin:0 0 23px}.novel-story-prose .novel-story-lead{font-family:Georgia,serif;font-size:1.5rem;line-height:1.65;color:#243a30}.novel-story-prose .novel-story-end{border-left:2px solid #b88c68;padding-left:24px;margin-top:34px;font-style:italic}.novel-quote-panel{background:#20362c;color:#fff4e5;padding:90px 0;text-align:center}.novel-quote-panel blockquote{max-width:850px;margin:30px auto;font:italic clamp(1.7rem,3.3vw,3rem)/1.5 Georgia,serif}.novel-quote-panel p{color:#d9e0d6}.novel-buy{background:#eee9df;padding:110px 0 105px}.novel-buy-heading{text-align:center;max-width:700px;margin:0 auto 52px}.novel-buy-heading h2{margin:19px 0}.novel-buy-heading p{color:#617065}.novel-buy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.novel-buy-card{background:#fffdf7;border:1px solid #d9d5ca;padding:36px 40px 40px;display:flex;flex-direction:column;min-height:315px;box-shadow:0 16px 35px #26372a0b}.novel-card-top{display:flex;justify-content:space-between;color:#9f704f;font-size:.7rem;letter-spacing:.16em;font-weight:700}.novel-buy-card h3{font-size:1.8rem;margin:30px 0 8px}.novel-buy-card p{color:#68736b;margin:0 0 34px}.novel-card-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:15px}.novel-card-bottom strong{font:1.9rem Georgia,serif;white-space:nowrap}.novel-card-bottom a{display:inline-block;background:#20362c;color:#fff;text-decoration:none;padding:13px 18px;font-weight:700;font-size:.82rem;text-align:center}.novel-card-bottom a:hover{background:#9f704f}.novel-price-note{font-size:.77rem;color:#68736b;text-align:center;margin-top:25px}@media(max-width:850px){.novel-stage-inner{grid-template-columns:1fr;gap:65px;padding-top:65px;padding-bottom:80px}.novel-cover-zone{order:-1}.novel-book{width:min(55%,270px)}.novel-stage{min-height:0}.novel-stage-inner{min-height:0}.novel-story-grid{gap:45px}.novel-card-bottom{flex-wrap:wrap}}@media(max-width:620px){.novel-stage-inner{gap:45px;padding-top:45px}.novel-cover-zone{order:0}.novel-book{width:min(70%,275px)}.novel-intro h1{font-size:clamp(3.1rem,12vw,4.3rem)}.novel-story{padding:75px 0}.novel-story-grid,.novel-buy-grid{grid-template-columns:1fr}.novel-quote-panel{padding:65px 0}.novel-buy{padding:75px 0}.novel-buy-card{padding:28px;min-height:270px}.novel-story h2,.novel-buy h2{font-size:2.65rem}}

/* Refinamiento final: volumen físico sutil, sin alterar la cubierta original. */
.novel-cover-zone{perspective:1400px}
.novel-book{width:min(78%,350px);transform:rotateY(-7deg) rotateZ(-.45deg);transform-style:preserve-3d;filter:drop-shadow(22px 28px 18px rgba(7,17,13,.43));isolation:visible}
.novel-book::before{content:"";position:absolute;top:3px;bottom:4px;left:-6px;width:7px;background:linear-gradient(90deg,#10281d 0%,#28402f 60%,#091d16 100%);transform:skewY(-1deg);z-index:0;border-radius:1px 0 0 1px;pointer-events:none}
.novel-book::after{content:"";position:absolute;top:5px;right:-8px;bottom:6px;width:9px;inset:auto; background:repeating-linear-gradient(90deg,#d8cbb4 0px,#f4e9d7 2px,#e3d6c1 3px);transform:skewY(2deg);box-shadow:3px 1px 0 #24382b;z-index:0;pointer-events:none}
.novel-book img{position:relative;z-index:1;width:100%;height:auto;display:block;box-shadow:inset 4px 0 5px rgba(0,0,0,.2),2px 3px 4px rgba(0,0,0,.12);border:0;border-radius:1px}
@media(max-width:850px){.novel-book{width:min(55%,270px)}}
@media(max-width:620px){.novel-book{width:min(70%,275px)}}

/* Mockup fotográfico aprobado: imagen recortada sin fondos ni textos incrustados. */
.novel-book-photo{width:min(100%,445px);line-height:0;filter:drop-shadow(20px 25px 18px rgba(0,0,0,.32));}
.novel-book-photo img{display:block;width:100%;height:auto;}
@media(max-width:850px){.novel-book-photo{width:min(70%,355px)}}
@media(max-width:620px){.novel-book-photo{width:min(92%,335px)}}

/* Integración de la fotografía aprobada: sin texto rasterizado ni duplicaciones */
.novel-stage-inner{grid-template-columns:1.03fr .97fr;gap:12px;max-width:1300px;position:relative}
.novel-intro{position:relative;z-index:2}
.novel-cover-zone{position:relative;z-index:1;gap:0;align-self:stretch;justify-content:center}
.novel-book-photo{width:min(58vw,720px);max-width:none;filter:none;line-height:0;margin-left:-70px;margin-right:-70px}
.novel-book-photo img{width:100%;height:auto;display:block}
.novel-edition{margin-top:-65px;position:relative;z-index:2;text-shadow:0 2px 12px #12231d}
@media(max-width:850px){.novel-stage-inner{grid-template-columns:1fr;gap:18px}.novel-cover-zone{order:0}.novel-book-photo{width:min(100%,650px);margin:0 auto}.novel-edition{margin-top:-40px}}
@media(max-width:620px){.novel-book-photo{width:115%;max-width:none;margin-left:-7.5%}.novel-edition{margin-top:-45px}}

/* Cabecera aprobada: una sola imagen continua, sin superposiciones ni recortes */
.approved-hero{position:relative;width:100%;overflow:hidden;background:#182a21;line-height:0}
.approved-hero-image{display:block;width:100%;height:auto;max-width:none}
.approved-discover-hotspot{position:absolute;left:6.5%;top:72%;width:22%;height:14%;z-index:2;border-radius:3px}
.approved-discover-hotspot:focus-visible{outline:3px solid #f5d0a5;outline-offset:3px}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.approved-hero{overflow:hidden}.approved-hero-image{width:150%;max-width:none;transform:translateX(-12%)}.approved-discover-hotspot{left:4%;top:71%;width:37%;height:17%}}

/* Contacto editorial — preparación sin recogida de datos */
.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,6vw,100px);align-items:start;max-width:1120px}.contact-panel h2{font-size:clamp(2rem,3.8vw,3.3rem);line-height:1.13;margin:22px 0}.contact-panel p{line-height:1.8}.contact-email{display:inline-block;color:#244538;font-weight:700;overflow-wrap:anywhere;border-bottom:1px solid #b89b70;padding-bottom:5px}.contact-note{background:#ece8df;border-left:3px solid #b99166;padding:24px;margin-top:38px}.contact-note p{margin-bottom:0}.contact-form-shell{background:#fffdfa;padding:clamp(24px,4vw,50px);box-shadow:0 18px 60px #1c302018;border:1px solid #e5e0d7}.contact-form-shell h3{font-size:1.8rem;margin:0 0 8px}.form-hint{font-size:.9rem;color:#6d716b}.form-field{margin:18px 0}.form-field label{display:block;font-size:.86rem;font-weight:700;margin-bottom:8px}.form-field input,.form-field select,.form-field textarea{width:100%;box-sizing:border-box;border:1px solid #d9d6ce;background:#f6f4ef;border-radius:2px;padding:13px 14px;font:inherit;color:#34443b}.consent-line{display:flex;gap:10px;align-items:start;font-size:.86rem;line-height:1.5}.contact-submit{margin-top:20px;padding:15px 28px;background:#254236;color:#fff;border:0;font-weight:700;opacity:.6;cursor:not-allowed}@media(max-width:760px){.contact-layout{grid-template-columns:1fr}.contact-panel h2{font-size:2.3rem}}

/* Contacto V5 — retoques editoriales, sin activar el envío */
.contact-hero{padding-top:44px;padding-bottom:40px}
.contact-hero h1{margin-top:12px;margin-bottom:15px}
.contact-hero .lead{margin-bottom:0}
.contact-layout{align-items:start}
.contact-panel h2{font-size:clamp(2rem,3.25vw,3rem);line-height:1.19}
.contact-photo{margin:30px 0 0;overflow:hidden;border-radius:3px;box-shadow:0 16px 40px rgba(28,40,30,.12)}
.contact-photo img{display:block;width:100%;height:auto;aspect-ratio:570/315;object-fit:cover}
.contact-note{margin-top:26px}
@media(max-width:760px){.contact-hero{padding-top:35px;padding-bottom:30px}.contact-panel h2{font-size:clamp(2rem,8vw,2.65rem)}.contact-photo{margin-top:24px}.contact-layout{gap:32px}}

.contact-submit:not(:disabled){opacity:1;cursor:pointer}.contact-submit:disabled{opacity:.55;cursor:not-allowed}.contact-status{font-size:.92rem;line-height:1.5;margin-top:12px}.contact-status.error{color:#a23220}.contact-status.success{color:#1e6141}.trap-field{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.contact-form-shell{position:relative}.contact-hero{padding-top:28px;padding-bottom:26px}.contact-layout{gap:clamp(24px,5vw,76px)}
