/* Story covers and a cinematic reading room. */
body[data-view=relatos],body[data-view=paranormal]{background:radial-gradient(ellipse at 70% 10%,#26242b33,transparent 45%),#080e16}
#relatos .section-heading{margin-bottom:22px}#relatos .section-heading h2{font-size:clamp(39px,4.3vw,61px)}
.story-atmosphere{display:flex;align-items:center;gap:22px;color:#aab9c3;border-left:1px solid #937b55;padding:14px 23px;margin:0 0 32px;background:linear-gradient(90deg,#d5b47809,transparent)}.story-atmosphere>span{font-size:28px;color:#ba9a6f}.story-atmosphere p{font-family:var(--serif);font-size:17px;line-height:1.8;margin:0}.story-atmosphere strong{font-weight:400;color:#e1d4bc}
body[data-view=guardados] .story-atmosphere{display:none}
#story-grid,#ovni-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.story-card.tale-card{background:linear-gradient(145deg,#151e29,#101722);border:1px solid #41455066;border-radius:10px;overflow:hidden;box-shadow:0 12px 35px #0003;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative}
.tale-card:hover{transform:translateY(-4px);border-color:#b59a6466;box-shadow:0 18px 45px #0005}.tale-card .story-art{height:auto;aspect-ratio:16/9;overflow:hidden;position:relative;background:#0b121b}
.tale-visual{display:block;width:100%;height:100%;transition:transform 1s ease}.tale-card:hover .tale-visual{transform:scale(1.04)}
.tale-card .story-art:after{background:linear-gradient(0deg,#0d172480,transparent 60%);z-index:1}.tale-card .art-open{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:none}
.tale-card .story-kind{top:16px;bottom:auto;left:16px;z-index:2;background:#0b111bdc;border-color:#b29b7066;font-size:8px;padding:5px 9px;letter-spacing:1.4px}.tale-card .bookmark{z-index:3;top:13px;right:14px;background:#0b111bbb;border:1px solid #b29b7044;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:#ecd8b1}
.tale-card .story-info{padding:25px 28px 27px}.tale-card .story-meta{color:#b3a386;font-size:9px}.tale-card .story-title{font-size:32px;line-height:1.15;margin:14px 0 16px}.tale-card .story-info>p{font-size:13px;line-height:1.85;color:#afbdc8;margin-bottom:20px}.tale-card .story-info>.text-link{font-size:12px;border-bottom:1px solid #b99b5e55;padding-bottom:4px}.tale-number{font-family:var(--serif);font-size:11px;color:#bfa47a;letter-spacing:2px;display:block;margin-bottom:7px}
.story-card.tale-card.featured{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;align-items:stretch}.featured .story-art{aspect-ratio:auto;min-height:365px}.featured .story-info{display:flex;flex-direction:column;justify-content:center;padding:38px 42px}.featured .story-title{font-size:43px;letter-spacing:-.8px}.featured .story-info>p{font-size:14px}.featured .tale-number{font-size:9px;text-transform:uppercase;letter-spacing:2.2px;color:#e0c696;margin-bottom:18px}
.reader{width:min(1020px,calc(100% - 26px));border-radius:12px}.reader-toolbar{gap:12px;z-index:20}.reader-toolbar>div{gap:6px}.reading-progress{z-index:21}
.reader-cover{height:330px;position:relative;overflow:hidden;background:#0b121e;isolation:isolate}.reader-cover>.tale-visual{position:absolute;inset:0}.reader-cover>img{width:100%;height:100%;object-fit:cover}.reader-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0d1421eb,transparent 75%)}.reader-cover-label{position:absolute;bottom:23px;left:55px;z-index:2;font-size:9px;letter-spacing:3px;color:#ecd6ac}
.reader.night{background:#101823;color:#dedfd9;border-color:#536070}.reader.night::backdrop{background:#030710ee;backdrop-filter:blur(9px)}.reader.night .reader-toolbar{background:#101823;border-color:#354151}.reader.night .reader-toolbar .text-link,.reader.night .reader-toolbar .icon-button{color:#dfc494;border-color:#3c4a59}.reader.night .reader-toolbar .icon-button[aria-pressed=true]{background:#dcc49716}.reader.night .reading-progress{background:#28374a}.reader.night .reading-progress span{background:#c6a973}.reader.night .reader-inner{padding:35px 80px 60px}.reader.night .eyebrow{color:#b8a787}.reader.night h2{font-size:clamp(37px,5vw,57px);color:#f0e4d2;line-height:1.13;margin-bottom:20px}.reader.night .reader-deck{color:#a4b5c5;border-color:#354151;font-size:21px}.reader.night .reader-content{color:#d9dedc;line-height:2;font-size:var(--reader-font,19px)}.reader.night .reader-content>p:first-child:first-letter{color:#d5b985}.reader.night .reader-end{border-color:#354151}.reader.night .reader-end>p{color:#a7b8c7}.reader.night .reader-end .button{color:#e0c390;border-color:#827456}.reader.night .source-credit{background:#a2b2c008;color:#b0c3d2;border-color:#435164}.reader.night .adventure-back{color:#d0ba93}.reader.night .video-context{background:#17202b;color:#c3d2d9;border-color:#405163}.reader.night .video-context .text-link,.reader.night .video-context small{color:#b5c3c9}
.reader:not(.night) .reader-cover:after{background:linear-gradient(0deg,#eee9dcaa,transparent 75%)}.reader:not(.night) .reader-cover-label{color:#e8d3a5;text-shadow:0 1px 5px #000}
.reader-experience{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #7d715d55;padding-bottom:18px;margin-bottom:25px;font-family:var(--sans)}.reader-experience>span{font-size:8px;letter-spacing:1.5px;color:#a9b6c0}.reader-experience .text-link{font-size:10px;color:#cdb486}.reader:not(.night) .reader-experience>span{color:#68745f}.reader:not(.night) .reader-experience .text-link{color:#465a3d}
.reader-presence{position:fixed;inset:0;pointer-events:none;z-index:12;overflow:hidden;background:radial-gradient(ellipse at 78% 50%,#05101aaa,transparent 60%);animation:presence-veil 1.7s ease-out both}.presence-shape{position:absolute;right:7%;top:25%;width:100px;height:270px;filter:blur(9px);opacity:0;animation:passing-presence 1.7s ease-out both}.presence-shape:before{content:'';position:absolute;top:0;left:27px;width:46px;height:60px;background:#060b0eee;border-radius:45%}.presence-shape:after{content:'';position:absolute;top:48px;left:0;width:100px;height:210px;background:#04080def;clip-path:polygon(26% 0,72% 0,86% 25%,100% 100%,0 100%,12% 25%);border-radius:30% 30% 10% 10%}.reader-presence>span{position:absolute;right:6%;bottom:12%;font-family:var(--serif);font-size:19px;font-style:italic;letter-spacing:1px;color:#d1d7d1;opacity:0;animation:passing-presence 1.7s ease-out both;text-shadow:0 1px 12px #000}
@keyframes passing-presence{0%{opacity:0;transform:translateX(25px)}27%{opacity:.66}62%{opacity:.38}100%{opacity:0;transform:translateX(-30px)}}@keyframes presence-veil{0%,100%{opacity:0}30%,65%{opacity:1}}
.effects-off .reader-presence{display:none}.effects-off .tale-card:hover{transform:none}
@media(max-width:760px){#story-grid,#ovni-grid{grid-template-columns:1fr;gap:24px}.story-atmosphere{padding:13px 17px;gap:14px;margin-bottom:27px}.story-atmosphere p{font-size:15px}.story-atmosphere>span{font-size:23px}.story-card.tale-card.featured{display:block}.featured .story-art{aspect-ratio:16/9;min-height:0}.featured .story-info,.tale-card .story-info{padding:23px}.featured .story-title,.tale-card .story-title{font-size:32px;letter-spacing:-.5px}.featured .tale-number{font-size:8px;margin-bottom:12px}.featured .story-info>p{font-size:13px}.reader{width:calc(100% - 14px);max-height:calc(100dvh - 16px);border-radius:9px}.reader-toolbar{padding:11px 10px;gap:6px}.reader-toolbar>div{gap:3px}.reader-toolbar .icon-button{min-width:29px;min-height:33px;padding:3px;font-size:12px}.reader-toolbar .text-link{font-size:9px}.reading-progress{top:56px}.reader-cover{height:235px}.reader-cover-label{left:25px;bottom:18px;font-size:8px;letter-spacing:2px}.reader.night .reader-inner{padding:26px 25px 40px}.reader.night h2{font-size:36px}.reader.night .reader-deck{font-size:19px}.reader.night .reader-content{font-size:var(--reader-font,19px);line-height:1.9}.reader-experience{display:block;margin-bottom:23px}.reader-experience>span{display:block;margin-bottom:9px;font-size:7px}.reader-experience .text-link{font-size:10px}.presence-shape{right:4%;width:75px;height:235px;top:30%;filter:blur(8px)}.reader-presence>span{font-size:16px;right:7%;bottom:10%}}
@media(prefers-reduced-motion:reduce){.reader-presence{display:none}.tale-card:hover{transform:none}.tale-visual{transition:none}.story-card.tale-card{transition:none}}

@media(max-width:760px){.reader-experience .text-link{margin-right:18px;margin-bottom:5px}}