:root{--night:#070918;--navy:#0d1837;--gold:#d6aa54;--pale:#fff7dc;--mist:#c7c9d3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--pale);font-family:"Libre Baskerville",serif}.stars,.stars:after{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#fff 1px,transparent 1.5px),radial-gradient(#d6aa54 1px,transparent 1.5px);background-size:109px 109px,167px 167px;background-position:11px 21px,45px 88px;opacity:.22;z-index:-1}.nav{position:absolute;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:28px 7vw;z-index:2;font:600 11px Cinzel,serif;letter-spacing:.18em}.brand{color:var(--gold);text-decoration:none}.nav nav{display:flex;gap:28px}.nav a:not(.brand){color:#f6efd7;text-decoration:none;opacity:.8}.hero{min-height:100vh;display:grid;place-items:center;overflow:hidden;position:relative;background:radial-gradient(ellipse at 50% 90%,#7b541a 0%,#1b254c 25%,#080b1c 64%,#02030a 100%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050711c9 0%,transparent 38%,transparent 62%,#050711c9 100%)}.hero-copy{max-width:1000px;padding:135px 25px 100px;text-align:center;position:relative;z-index:1}.eyebrow{font:600 11px Cinzel,serif;letter-spacing:.28em;color:var(--gold);margin:0 0 18px}.hero h1{font:800 clamp(2.6rem,7.4vw,7.8rem)/.98 Cinzel,serif;letter-spacing:-.055em;margin:0;text-shadow:0 3px 0 #0a1024,0 10px 28px #000,0 0 28px #d6aa5499;background:linear-gradient(180deg,#fffbed 13%,#f5d78e 48%,#b77b24 100%);-webkit-background-clip:text;color:transparent}.hero h1 span{display:block;font-size:.54em;letter-spacing:.01em;margin-top:13px}.lead{font-size:clamp(1rem,1.8vw,1.35rem);font-style:italic;color:#eee3c9;margin:31px auto 34px;text-shadow:0 2px 9px #000}.actions{display:flex;justify-content:center;gap:13px;flex-wrap:wrap}.button{padding:15px 20px;text-decoration:none;font:600 10px Cinzel,serif;letter-spacing:.12em;transition:.25s}.primary{background:linear-gradient(130deg,#f0cf82,#a97325);color:#111629;box-shadow:0 7px 25px #d6aa5466}.primary:hover{transform:translateY(-3px);box-shadow:0 12px 33px #d6aa5499}.secondary{border:1px solid #ead5a567;color:#fff8e4;background:#07102359}.scroll{position:absolute;bottom:23px;z-index:1;font:600 9px Cinzel,serif;letter-spacing:.2em;color:#d7c8a5}.scroll span{display:inline-block;width:1px;height:28px;background:var(--gold);vertical-align:middle;margin-left:10px}.celestial-rift{position:absolute;width:230px;height:130vh;top:-12%;left:50%;background:linear-gradient(90deg,transparent,#744716 38%,#fff1b4 48%,#d89c37 53%,#251608 65%,transparent);filter:blur(1px);transform:translateX(-50%) rotate(13deg);opacity:.9;box-shadow:0 0 55px 16px #e4a63b77}.wings{position:absolute;width:46vw;height:50vh;opacity:.24;background:repeating-linear-gradient(112deg,transparent 0 14px,#d7b56a 15px 16px,transparent 17px 29px);filter:blur(1px)}.wings.left{left:-14vw;bottom:-7vh;transform:rotate(-27deg)}.wings.right{right:-14vw;bottom:-7vh;transform:scaleX(-1) rotate(-27deg)}.section{max-width:1160px;margin:auto;padding:120px 7vw}.intro{text-align:center;max-width:850px}.section h2{font:700 clamp(2.2rem,5vw,4.8rem)/1.08 "Cinzel Decorative",Cinzel,serif;letter-spacing:.01em;margin:0 0 28px;color:#f7e5ba}.intro>p:last-child{line-height:1.9;color:var(--mist);font-size:1.05rem}.chapters{border-top:1px solid #d6aa5433}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:42px}.section-heading>p{max-width:300px;line-height:1.7;color:var(--mist);font-size:.9rem}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d6aa5433}.chapter{padding:26px;border:1px solid #d6aa541e;min-height:165px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(125deg,#111d3d75,transparent);transition:.2s}.chapter:hover{background:#d6aa5414;transform:translateY(-3px)}.chapter small{color:var(--gold);font:600 9px Cinzel,serif;letter-spacing:.18em}.chapter h3{font:600 19px/1.35 Cinzel,serif;margin:17px 0 0;color:#fff5dc}.chapter a{color:#f0cf82;text-decoration:none;font:600 10px Cinzel,serif;letter-spacing:.1em}.universe{border-top:1px solid #d6aa5433}.character-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:43px}.character-grid article{padding:24px 18px;border-left:1px solid #d6aa5433}.character-grid i{font-style:normal;color:var(--gold);font-size:23px}.character-grid h3{font:600 18px Cinzel,serif;margin:19px 0 10px}.character-grid p{font-size:.8rem;line-height:1.7;color:var(--mist)}footer{padding:28px 7vw;border-top:1px solid #d6aa5433;display:flex;justify-content:space-between;color:#a7aab7;font:600 9px Cinzel,serif;letter-spacing:.15em}@media(max-width:720px){.nav nav{display:none}.nav{justify-content:center}.hero-copy{padding-top:160px}.section{padding:80px 7vw}.section-heading{display:block}.chapter-grid{grid-template-columns:1fr}.character-grid{grid-template-columns:1fr 1fr}.character-grid article:nth-child(odd){border-left:none}footer{gap:15px;flex-direction:column}.wings{width:70vw}}
.chapter-read,.chapter-coming{align-self:flex-start;margin-top:24px;color:#f0cf82;background:none;border:0;padding:0;font:600 10px Cinzel,serif;letter-spacing:.1em}.chapter-read{cursor:pointer}.chapter-read:hover{color:#fff1bd}.chapter-coming{color:#777c8d}.chapter.is-coming{opacity:.62}.reader-open{overflow:hidden}.chapter-reader{position:fixed;inset:0;z-index:30;display:none;place-items:center;padding:24px;background:#02040beF;backdrop-filter:blur(8px)}.chapter-reader.is-open{display:grid}.reader-panel{width:min(820px,100%);height:min(92vh,940px);overflow:auto;background:linear-gradient(145deg,#111b39,#070a17 60%);border:1px solid #d6aa5470;box-shadow:0 30px 90px #000;scrollbar-color:#d6aa54 #090d1d}.reader-panel>header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;gap:20px;padding:32px 44px 24px;background:#0b1127f5;border-bottom:1px solid #d6aa5433}.reader-kicker{color:var(--gold);font:600 10px Cinzel,serif;letter-spacing:.2em}.reader-title{margin:8px 0 0;color:#f7e5ba;font:700 clamp(1.65rem,4vw,2.6rem)/1.15 "Cinzel Decorative",Cinzel,serif}.reader-close{flex:0 0 42px;width:42px;height:42px;border:1px solid #d6aa5460;background:#090d1a;color:#f8dfaa;font-size:27px;cursor:pointer}.reader-body{max-width:680px;margin:auto;padding:40px 44px 30px}.reader-body p{margin:0 0 1.15em;color:#e8e1cf;font-size:1rem;line-height:1.95}.reader-body p:first-child::first-letter{float:left;margin:.1em .12em 0 0;color:var(--gold);font:700 4.5rem/.72 "Cinzel Decorative",Cinzel,serif}.reader-nav{position:sticky;bottom:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:20px 44px;background:#0b1127f5;border-top:1px solid #d6aa5433}.reader-nav button{border:0;background:none;color:#f0cf82;font:600 10px Cinzel,serif;letter-spacing:.1em;cursor:pointer}.reader-nav button:last-child{text-align:right}.reader-nav button:disabled{color:#626779;cursor:default}.reader-progress{color:#a7aab7;font:600 10px Cinzel,serif}@media(max-width:600px){.chapter-reader{padding:0}.reader-panel{height:100vh;border:0}.reader-panel>header,.reader-body,.reader-nav{padding-left:22px;padding-right:22px}.reader-panel>header{padding-top:24px}.reader-body p{font-size:.96rem;line-height:1.85}.reader-nav{grid-template-columns:1fr auto 1fr}}
.hero{background-color:#03040b;background-image:linear-gradient(180deg,#02030a26 0%,#03040b12 45%,#02030ab8 100%),url("grupo.png");background-size:cover;background-position:center center}.hero:after{background:radial-gradient(ellipse at center,#02040ac7 0%,#02040a8c 28%,transparent 57%),linear-gradient(90deg,#02030aa6 0%,transparent 22%,transparent 78%,#02030aa6 100%)}.celestial-rift,.wings{display:none}.hero-copy{max-width:920px}.hero h1{font-size:clamp(2.6rem,6.7vw,7rem);background:none;color:#f6d78c;-webkit-text-fill-color:#f6d78c;-webkit-text-stroke:1px #fff3c980;text-shadow:0 3px 0 #5f3b11,0 12px 34px #000,0 0 22px #000,0 0 30px #d6aa548c}.hero h1 span{color:#efc86d;-webkit-text-fill-color:#efc86d}@media(max-width:720px){.hero{background-position:72% center}.hero:after{background:linear-gradient(180deg,#02030a66 0%,#02030a9c 25%,#02030ab8 70%,#02030ae6 100%),radial-gradient(ellipse at center,#02040ad9 0%,transparent 72%)}.hero h1{font-size:clamp(2.5rem,11vw,4rem)}}
.hero-copy{isolation:isolate}.hero-copy:before{content:"";position:absolute;z-index:-1;inset:6% -9% 2%;background:radial-gradient(ellipse at center,#02030af2 0%,#02030ad6 38%,#02030a78 64%,transparent 78%);filter:blur(8px);pointer-events:none}.hero h1{color:#ffe6a0;-webkit-text-fill-color:#ffe6a0;-webkit-text-stroke:1.5px #2a1605;letter-spacing:-.045em;text-shadow:0 2px 0 #fff0ba66,0 4px 0 #6e4217,0 8px 16px #000,0 0 8px #000,0 0 28px #e0a642b8;filter:drop-shadow(0 10px 12px #000)}.hero h1 span{margin-top:18px;color:#f5c962;-webkit-text-fill-color:#f5c962;-webkit-text-stroke:1px #261304;letter-spacing:.035em}.hero .eyebrow{color:#f4c865;text-shadow:0 2px 7px #000,0 0 12px #000}.hero .lead{color:#fff7e4;text-shadow:0 2px 6px #000,0 0 14px #000;font-weight:700}@media(max-width:720px){.hero-copy:before{inset:12% -18% 4%;filter:blur(5px)}.hero h1{-webkit-text-stroke:1px #241202;letter-spacing:-.03em}.hero h1 span{margin-top:13px;letter-spacing:0}}
.hero h1{font-family:"Cinzel Decorative",Cinzel,serif;font-weight:900;line-height:1.02;letter-spacing:-.035em;color:#ffe7a3;-webkit-text-fill-color:#ffe7a3;-webkit-text-stroke:1.5px #1c0d02;text-shadow:0 1px 0 #fff5c7,0 3px 0 #9a6527,0 5px 0 #3b1c08,0 10px 20px #000,0 0 28px #d69a36b8}.hero h1 span{position:relative;width:max-content;max-width:100%;margin:22px auto 0;padding:0 1.7em;font-family:"Cinzel Decorative",Cinzel,serif;font-size:.47em;letter-spacing:.055em;color:#f1c15c;-webkit-text-fill-color:#f1c15c}.hero h1 span:before,.hero h1 span:after{content:"✦";position:absolute;top:50%;transform:translateY(-52%);color:#d6aa54;-webkit-text-fill-color:#d6aa54;font:700 .62em Cinzel,serif;text-shadow:0 0 10px #e6b956}.hero h1 span:before{left:.35em}.hero h1 span:after{right:.35em}.hero .eyebrow:before,.hero .eyebrow:after{content:"◆";margin:0 1em;color:#ad7628;font-size:.75em}@media(max-width:720px){.hero h1{font-size:clamp(2.15rem,9.5vw,3.35rem);line-height:1.08;letter-spacing:-.02em;-webkit-text-stroke:1px #170a01}.hero h1 span{width:auto;margin-top:16px;padding:0;font-size:.45em;line-height:1.35;letter-spacing:.015em}.hero h1 span:before,.hero h1 span:after{display:none}.hero .eyebrow:before,.hero .eyebrow:after{margin:0 .55em}}
.hero h1{width:100%;font:700 clamp(2.15rem,5.4vw,5rem)/1.05 "Cinzel Decorative",Cinzel,serif;letter-spacing:.02em;margin:0;text-align:center;background:linear-gradient(180deg,#fffbed 8%,#f5d78e 48%,#c4892a 100%);-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:0;text-shadow:none;filter:drop-shadow(0 2px 0 #000) drop-shadow(0 10px 22px #000)}.hero h1 span{display:block;position:static;width:auto;max-width:none;padding:0;font-size:.48em;font-style:normal;font-weight:700;font-family:Cinzel,serif;letter-spacing:.06em;margin-top:12px;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:0}.hero h1 span:before,.hero h1 span:after{display:none}@media(max-width:720px){.hero h1{font-size:clamp(1.7rem,8.5vw,2.5rem);line-height:1.02;letter-spacing:.02em}.hero h1 span{margin-top:8px;font-size:.48em;line-height:normal;letter-spacing:.06em}}
@media(min-width:721px){.hero-copy{transform:translateY(12vh)}.hero-copy:before{inset:16% -9% -7%}}@media(max-width:720px){.hero{background-position:30% center}.hero-copy{transform:translateY(16vh)}.hero-copy:before{inset:12% -18% -6%}.hero:after{background:linear-gradient(180deg,#02030a18 0%,#02030a30 38%,#02030a82 72%,#02030ae0 100%)}}
.hero:after{z-index:0}.hero:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 25% 39%,#ffe3ad99 0%,#f3a0526b 6%,#db522c3d 12%,transparent 21%);mix-blend-mode:screen;filter:saturate(1.18)}.hero-copy{z-index:2}@media(max-width:720px){.hero:before{background:radial-gradient(circle at 27% 39%,#ffe8bfbd 0%,#f5a35c7d 8%,#df543f48 15%,transparent 27%);filter:saturate(1.22)}}
.hero:before{display:block;background:radial-gradient(circle at 36% 32%,#ffe7bda8 0%,#f3a85d62 5%,transparent 13%);mix-blend-mode:screen;filter:saturate(1.15)}@media(max-width:720px){.hero:before{background:radial-gradient(circle at 50% 36%,#ffe9c6a3 0%,#f3a85d5c 6%,transparent 16%)}}

/* Restore centered title like laguerradeloscielos.com — do not shift photos */
.nav{position:absolute;top:0;left:0;right:0;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;padding:22px 0 0;z-index:4;text-align:center}
.nav nav{display:flex;justify-content:center;gap:32px}
.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative;background:linear-gradient(180deg,rgba(5,7,17,.22) 0%,transparent 14%,transparent 86%,rgba(5,7,17,.35) 100%),#070918 url("grupo.png") center center / auto 100% no-repeat}
.hero:before,.hero:after{display:none}
.hero-cover{display:none}
.hero-copy{position:absolute;top:11%;left:50%;transform:translateX(-50%);z-index:3;width:min(740px,58vw);max-width:none;padding:0 16px;text-align:center;display:flex;flex-direction:column;align-items:center;isolation:auto}
.hero-copy:before{display:none}
.hero-bottom{position:absolute;left:50%;bottom:48px;transform:translateX(-50%);z-index:3;width:min(560px,48vw);text-align:center}
.hero h1{width:100%;font:700 clamp(2.15rem,5.4vw,5rem)/1.05 "Cinzel Decorative",Cinzel,serif;letter-spacing:.02em;margin:0;text-align:center;background:linear-gradient(180deg,#fffbed 8%,#f5d78e 48%,#c4892a 100%);-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:0;text-shadow:none;filter:drop-shadow(0 2px 0 #000) drop-shadow(0 10px 22px #000)}
.hero h1 span{display:block;position:static;width:auto;max-width:none;padding:0;font-size:.48em;font-style:normal;font-weight:700;font-family:Cinzel,serif;letter-spacing:.06em;margin-top:12px;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:0}
.hero h1 span:before,.hero h1 span:after{display:none}
.scroll{position:absolute;bottom:12px;left:0;right:0;text-align:center;z-index:3}
.celestial-rift,.wings{display:none}
@media(max-width:720px){
.nav{padding:16px 16px 0;gap:10px;justify-content:center}
.nav nav{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 18px}
.hero{min-height:0;overflow:visible;justify-content:flex-start;background:#070918;padding-top:72px}
.hero-cover{display:block;width:100%;height:auto;object-fit:contain;object-position:center top}
.hero-copy,.hero-bottom{position:relative;left:auto;top:auto;bottom:auto;transform:none;width:100%;max-width:none;padding-left:22px;padding-right:22px;background:none}
.hero-copy{margin-top:18px;padding-top:8px;padding-bottom:8px}
.hero-bottom{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}
.hero h1{font-size:clamp(1.7rem,8.5vw,2.5rem);line-height:1.02}
.hero h1 span{margin-top:8px}
.scroll{display:none}
}

footer.site-footer{flex-direction:column;align-items:center;gap:0;padding:48px 7vw 36px;text-align:center}
.promo{width:100%;max-width:760px;margin:0 auto 28px}
.promo .eyebrow{margin:0 0 16px}
.promo-follow{margin-top:28px !important}
.promo-links{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 32px}
.promo-links a{color:#f0cf82;text-decoration:none;font:600 12px Cinzel,serif;letter-spacing:.2em;border-bottom:1px solid #d6aa5455;padding:4px 0;transition:.2s}
.promo-links a:hover{color:#fff8e4;border-color:#f0cf82}
.footer-bar{display:flex;justify-content:space-between;width:100%;padding-top:22px;border-top:1px solid #d6aa5433;color:#a7aab7;font:600 9px Cinzel,serif;letter-spacing:.15em}
@media(max-width:720px){.footer-bar{flex-direction:column;gap:10px}}

.promo-links a{display:inline-flex;align-items:center;gap:8px;border-bottom:none}
.promo-links a span{border-bottom:1px solid #d6aa5455;padding:4px 0;transition:.2s}
.promo-links a:hover span{border-color:#f0cf82}
.promo-icon{width:18px;height:18px;flex:0 0 18px;display:block;fill:currentColor;object-fit:contain;border-radius:3px}
.promo-icon.is-stroke{fill:none;stroke:currentColor;stroke-width:1.7}