.noctis-special{background:#04131e;color:#f1eadf}
.noctis-hero{position:relative;min-height:520px;display:grid;align-items:end;overflow:hidden;border-bottom:1px solid rgba(211,165,90,.28)}
.noctis-hero-bg{position:absolute;inset:0;background:url("https://paranormal-mysteries-psi.net/wp-content/uploads/2026/10/Castillo-misterioso-al-amanecer.jpg") center/cover no-repeat;filter:brightness(.52) saturate(.75) contrast(1.08)}
.noctis-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,17,.94),rgba(3,10,17,.52) 55%,rgba(3,10,17,.77)),linear-gradient(180deg,rgba(0,0,0,.05),#04131e 100%)}
.noctis-hero-inner{position:relative;z-index:2;padding:6rem 0 4rem}
.noctis-kicker,.noctis-label{display:block;color:#d8ae69;font-size:.67rem;font-weight:800;letter-spacing:.22em}
.noctis-hero h1{margin:.3rem 0 .45rem;font:700 clamp(4rem,8vw,7rem)/.85 Georgia,serif;letter-spacing:-.035em;color:#f3eee5;text-shadow:0 5px 30px rgba(0,0,0,.55)}
.noctis-subtitle{font:italic clamp(1.15rem,2vw,1.7rem) Georgia,serif;color:#e4d8c6;margin:0 0 1.3rem}
.noctis-meta{display:flex;flex-wrap:wrap;gap:.6rem}
.noctis-meta span{padding:.42rem .65rem;border:1px solid rgba(219,38,45,.7);background:rgba(8,28,42,.72);font-size:.62rem;letter-spacing:.08em}
.noctis-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.35rem}
.noctis-intro{background:#0a2637;border-bottom:1px solid rgba(113,165,198,.25)}
.noctis-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem;padding:2.2rem 0}
.noctis-intro h2{font:700 2rem/1.05 Georgia,serif;margin:.45rem 0 0}
.noctis-intro p{margin:0;color:#bacbd4;line-height:1.75;font-size:.92rem}
.noctis-media-hub{background:#0d2b3d;padding:2.4rem 0;border-bottom:1px solid rgba(113,165,198,.24)}
.noctis-section-heading span{font-size:.6rem;letter-spacing:.18em;color:#d8ae69;font-weight:800}
.noctis-section-heading h2{font:700 2rem Georgia,serif;margin:.35rem 0 1.2rem}
.noctis-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}
.noctis-resource{min-height:245px;padding:1.1rem;border:1px solid rgba(211,165,90,.28);background:linear-gradient(160deg,#12384c,#071c2a);box-shadow:0 16px 34px rgba(0,0,0,.23);display:flex;flex-direction:column}
.noctis-resource-icon{font-size:1.7rem;color:#e4c58d}
.noctis-resource small{margin-top:.7rem;font-size:.55rem;letter-spacing:.12em;color:#c8a465}
.noctis-resource h3{font:700 1.25rem Georgia,serif;margin:.35rem 0}
.noctis-resource p{font-size:.75rem;line-height:1.55;color:#aec2cd;flex:1}
.noctis-resource audio{width:100%;margin-top:.65rem}
.noctis-pending{display:inline-block;margin-top:.6rem;padding:.55rem .65rem;border:1px dashed rgba(211,165,90,.38);color:#d8c7a4;font-size:.67rem}
.noctis-body-wrap{background:#061b29;padding:2.5rem 0}
.noctis-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:1.4rem;align-items:start}
.noctis-body{background:#0a2638;border:1px solid rgba(113,165,198,.2);padding:clamp(1.1rem,3vw,2.2rem);box-shadow:0 16px 45px rgba(0,0,0,.18)}
.noctis-body article>p:first-child{color:#d9b976;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.noctis-body h2{font:700 clamp(1.6rem,3vw,2.25rem)/1.05 Georgia,serif;color:#f0e9df;margin:2.3rem 0 .8rem;border-top:1px solid rgba(211,165,90,.18);padding-top:1.3rem}
.noctis-body h3{font:700 1.25rem Georgia,serif;color:#e8d7b7}
.noctis-body p,.noctis-body li{font-size:.9rem;line-height:1.8;color:#c0d0d8}
.noctis-body a{color:#f0c276}
.noctis-body hr{border:0;border-top:1px solid rgba(113,165,198,.2);margin:2rem 0}
.noctis-sidebar{display:grid;gap:.8rem;position:sticky;top:145px}
.noctis-sidebar-card{padding:1rem;border:1px solid rgba(211,165,90,.28);background:#102f42}
.noctis-sidebar-card span{font-size:.56rem;letter-spacing:.15em;color:#d9b36e}
.noctis-sidebar-card h3{font:700 1rem Georgia,serif;margin:.3rem 0;color:#fff}
.noctis-sidebar-card p{font-size:.72rem;line-height:1.5;color:#abc0cb;margin:0}
.noctis-sidebar-link{display:block;padding:.9rem;border:1px solid rgba(219,38,45,.42);background:#7f171c;color:#fff;text-decoration:none;font-size:.65rem;font-weight:800}
@media(max-width:900px){.noctis-intro-grid,.noctis-layout{grid-template-columns:1fr}.noctis-media-grid{grid-template-columns:1fr}.noctis-sidebar{position:static;grid-template-columns:1fr 1fr}.noctis-sidebar-link{grid-column:1/-1}}
@media(max-width:620px){.noctis-hero{min-height:500px}.noctis-hero-inner{padding:5rem 0 3rem}.noctis-hero h1{font-size:3.6rem}.noctis-meta{gap:.4rem}.noctis-meta span{font-size:.55rem}.noctis-sidebar{grid-template-columns:1fr}.noctis-sidebar-link{grid-column:auto}.noctis-body{padding:1rem}.noctis-body p,.noctis-body li{font-size:.86rem}}