/*
Theme Name: Frecuencia Oculta Cinemática
Author: Estudio Narrativo
Description: Tema WordPress completo de una página, con ilustraciones de alta resolución incluidas, animaciones y diseño adaptable. No requiere Elementor ni servicios externos.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: frecuencia-oculta-pro
License: GPL-2.0-or-later
*/
:root{--bg:#060915;--bg2:#080d20;--surface:#0c1225;--text:#f6f3ff;--muted:#bec0d3;--accent:#efbc78;--violet:#c9a4ff;--line:rgba(211,204,255,.14);--max:1300px;--header:80px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.72;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;z-index:1000;pointer-events:none;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.62' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.10' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto;display:block}p{margin:0 0 1.25rem}a:focus-visible,button:focus-visible{outline:3px solid #f5c77d;outline-offset:4px}
::selection{background:#9562d7;color:white}.container{width:min(calc(100% - 88px),var(--max));margin-inline:auto}
.skip-link{position:fixed;top:-80px;left:1em;background:#fff;color:#111;padding:10px 14px;z-index:10005}.skip-link:focus{top:12px}
.progress-bar{position:fixed;z-index:1001;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,#63d8fe,#c294f8,#f3ba7a);box-shadow:0 0 12px #a98afa}
.site-header{position:absolute;z-index:100;left:0;right:0;top:0;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(3,6,16,.73),rgba(3,6,16,.15));transition:background .25s,backdrop-filter .25s,padding .25s}
.site-header.is-scrolled{position:fixed;background:rgba(6,9,21,.91);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:12px 0;border-bottom-color:var(--line)}
.header-inner{display:flex;justify-content:space-between;gap:25px;align-items:center;min-height:42px}
.brand{display:inline-flex;align-items:center;gap:14px;white-space:nowrap;color:#fff;font-weight:700;font-size:12px;letter-spacing:.19em;text-transform:uppercase}
.brand-mark{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border-radius:50%;border:1px solid rgba(184,136,252,.62);background:radial-gradient(circle,#ac76fd77 4%,#7041bd33 40%,transparent 70%);box-shadow:0 0 29px #815bd144;font-family:Georgia,serif;font-size:28px;color:#e5ccff}
.site-nav{display:flex;gap:clamp(18px,2.4vw,39px);align-items:center}
.site-nav ul{display:flex;gap:inherit;list-style:none;padding:0;margin:0;align-items:center}.site-nav a{font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:#e1deeb;transition:color .2s}.site-nav a:hover,.site-nav a[aria-current="location"]{color:var(--accent)}
.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:5px;border:1px solid rgba(240,184,106,.84);color:#f2c787;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;line-height:1.2;padding:15px 21px;background:rgba(19,15,24,.40);transition:background .2s,transform .2s,color .2s,box-shadow .2s;cursor:pointer}
.header-cta{padding:13px 20px;font-size:10px}.header-cta:hover,.btn:hover{background:#eab973;color:#0d0d19;transform:translateY(-2px);box-shadow:0 8px 28px #d9a65c33}
.mobile-toggle{display:none;background:transparent;color:#fff;border:1px solid var(--line);border-radius:4px;width:42px;height:42px;cursor:pointer;align-items:center;justify-content:center;font-size:22px}
.hero{min-height:780px;min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden;background:#050916;isolation:isolate}
.hero-art,.hero-shade,.hero-stars{position:absolute;inset:0;pointer-events:none}
.hero-art{width:100%;height:100%;object-fit:cover;object-position:center center;z-index:-3}
.hero-shade{z-index:-2;background:linear-gradient(90deg,#050714 0%,rgba(5,7,20,.97) 18%,rgba(5,7,20,.88) 34%,rgba(5,7,20,.55) 52%,rgba(5,7,20,.06) 82%),linear-gradient(0deg,#070a18 0%,transparent 19%,transparent 82%,#060915bb 100%)}
.hero-stars{z-index:-1;background:radial-gradient(ellipse 36% 38% at 72% 43%,#8644e51a,transparent 90%)}
.hero-main{padding-top:130px;padding-bottom:122px;position:relative}
.hero-text{max-width:770px}.top-label,.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.29em;color:var(--accent);text-transform:uppercase;font-weight:800}
.top-label::before,.eyebrow::before{content:"";width:24px;height:1px;background:var(--accent);opacity:.8}
.hero h1{margin:22px 0 18px;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(60px,7.5vw,114px);line-height:.94;letter-spacing:-.055em;text-wrap:balance;text-transform:uppercase}
.hero h1 .small-line{font-size:.54em;letter-spacing:.005em;display:block;line-height:1.4}
.hero h1 .highlight{color:#e4d0ff;text-shadow:0 0 35px #8e50e48c;display:block;letter-spacing:-.059em}
.hero-subtitle{font-weight:700;text-transform:uppercase;letter-spacing:.32em;font-size:clamp(12px,1.4vw,16px);color:#f8f2ff;margin:19px 0 0}
.accent-rule{width:74px;height:2px;background:linear-gradient(90deg,#ecc178,transparent);margin:35px 0 27px}
.hero-lead{max-width:480px;color:#d4d0df;font-size:16px;line-height:1.85;margin-bottom:32px}
.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hero-notice{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#9794aa}.hero-notice .dot{color:#d6abff;margin-right:7px}
.hero-scroll{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);display:flex;gap:12px;align-items:center;color:#a6a6bd;font-size:10px;letter-spacing:.25em;text-transform:uppercase;white-space:nowrap}.scroll-line{display:block;height:38px;width:1px;background:linear-gradient(#ead5ff,transparent);margin-right:5px}
.story-intro{position:relative;padding:102px 0 100px;background:radial-gradient(ellipse at 50% 0%,rgba(67,37,117,.2),transparent 63%)}
.intro-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:90px;align-items:start}.intro-numeral{font-family:Georgia,serif;font-size:clamp(70px,10vw,148px);line-height:.8;color:rgba(192,159,241,.15);letter-spacing:-.09em}.intro-numeral span{display:block;margin-top:21px;font-size:11px;color:var(--accent);font-family:inherit;letter-spacing:.24em;text-transform:uppercase}
.intro-main{border-left:1px solid rgba(216,197,245,.22);padding-left:53px}.intro-main blockquote{font-family:Georgia,serif;font-size:clamp(26px,3vw,43px);font-weight:400;line-height:1.32;margin:0 0 23px;color:#eae2ff;letter-spacing:-.02em}.intro-main p{max-width:690px;color:#bfc1d0}
.chapter{position:relative;border-top:1px solid var(--line);padding:100px 0;overflow:hidden;background:var(--bg)}
.chapter:nth-of-type(2n){background:#090d1c}.chapter::after{content:"";position:absolute;pointer-events:none;width:700px;height:700px;border-radius:100%;right:-390px;top:-250px;background:#854be51c;filter:blur(105px)}.chapter:nth-of-type(2n)::after{right:auto;left:-420px;background:#1682d81a}
.chapter-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.11fr;align-items:center;gap:clamp(42px,6vw,96px)}
.chapter.reverse .chapter-copy{order:2}.chapter.reverse .chapter-image{order:1}
.chapter-copy{max-width:560px}.chapter-index{font-family:Georgia,serif;font-size:88px;line-height:.95;color:#aba5d0;opacity:.7;letter-spacing:-.08em;margin-bottom:10px}
.chapter h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;text-transform:uppercase;line-height:1.04;font-size:clamp(35px,3.9vw,59px);letter-spacing:-.038em;margin:18px 0 24px;text-wrap:balance}
.chapter p{color:#c4c3d2;font-size:15px;line-height:1.9}.chapter p strong{color:#e6d1fb;font-weight:600}
.chapter-image{position:relative;margin:0;aspect-ratio:1.34/1;min-height:300px;border:1px solid rgba(196,174,255,.24);border-radius:7px;overflow:hidden;background:#0e1230;box-shadow:0 35px 75px rgba(0,0,0,.32),0 0 65px rgba(108,63,193,.08)}
.chapter-image img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1);filter:saturate(1.08)}.chapter-image:hover img{transform:scale(1.045)}
.chapter-image::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(2,3,14,.83));pointer-events:none}
.chapter-image figcaption{position:absolute;z-index:2;left:26px;bottom:17px;font-size:10px;letter-spacing:.21em;text-transform:uppercase;color:#dfd7f4;display:flex;align-items:center;gap:12px}.chapter-image figcaption::before{content:"";height:1px;width:22px;background:#e8b97d}
.chapter-callout{position:relative;margin-top:27px;padding:20px 22px 20px 26px;background:linear-gradient(110deg,rgba(102,49,166,.23),rgba(37,43,93,.22));border:1px solid rgba(175,139,239,.25);border-left:3px solid #c595ff;border-radius:4px;font-family:Georgia,serif;font-size:18px;line-height:1.55;color:#eddbff}
.chapter-callout small{display:block;font-family:Inter,Arial,sans-serif;color:#b0a8c7;text-transform:uppercase;letter-spacing:.15em;font-size:9px;font-weight:700;margin-bottom:7px}
.divider-quote{position:relative;text-align:center;padding:84px 20px;background:radial-gradient(ellipse at 50% 30%,#3a205d55,transparent 70%),#090a19;border-block:1px solid var(--line)}
.divider-quote p{font-family:Georgia,serif;font-size:clamp(24px,3.5vw,47px);max-width:950px;line-height:1.32;margin:0 auto;color:#daccf5}.divider-quote span{display:block;margin-top:18px;font-size:11px;letter-spacing:.27em;text-transform:uppercase;color:var(--accent)}
.ending{position:relative;min-height:580px;padding:110px 0 90px;overflow:hidden;border-top:1px solid var(--line);text-align:center;background:linear-gradient(180deg,rgba(5,8,22,.65),#070a17 92%),url('assets/images/portada.webp') center 55%/cover no-repeat}
.ending::before{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(46,17,94,.24),rgba(4,7,20,.84) 76%)}
.ending-inner{position:relative;max-width:840px;margin:auto;padding:0 24px}.ending h2{font-family:Georgia,serif;font-size:clamp(42px,5vw,75px);font-weight:400;letter-spacing:-.045em;line-height:1.12;margin:20px 0}.ending p{color:#ccc9d8;font-size:16px;line-height:1.95;max-width:690px;margin:0 auto 28px}.ending .disclaimer{font-size:12px;max-width:710px;margin:42px auto 0;padding:18px 22px;border:1px solid #ffffff30;border-radius:6px;background:#070b1d99;color:#c9c6d4;line-height:1.8}
.site-footer{border-top:1px solid var(--line);padding:34px 0;background:#060814}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.footer-inner p{font-size:12px;color:#9795ab;margin:0}.footer-inner a{font-size:11px;color:#c8c2d7;letter-spacing:.09em}.footer-inner a:hover{color:var(--accent)}
.back-top{position:fixed;z-index:90;bottom:23px;right:23px;width:42px;height:42px;border-radius:50%;border:1px solid #a78bc07a;color:white;background:#18132bbf;display:grid;place-items:center;font-size:18px;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .2s,transform .2s}.back-top.visible{opacity:1;pointer-events:auto;transform:none}
.reveal-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.reveal-ready .reveal.is-visible{opacity:1;transform:none}
/* Standard WordPress pages and posts */
.content-page{min-height:70vh;padding:155px 0 110px;background:radial-gradient(ellipse at 75% 0%,#472b884d,transparent 55%)}
.content-page .content-wrap{width:min(calc(100% - 48px),800px);margin:auto}.content-page h1{font-family:Georgia,serif;font-size:clamp(39px,5vw,66px);line-height:1.1;font-weight:400;margin:0 0 32px}.content-page h2,.content-page h3{font-family:Georgia,serif;font-weight:400;color:#e9dcff}.content-page p,.content-page li{color:#d5d0df}.content-page a:not(.btn){text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.content-page img{border-radius:5px}.content-page article{margin:0 0 50px;padding-bottom:30px;border-bottom:1px solid var(--line)}
@media (max-width:1150px){.site-nav{gap:17px}.site-nav ul{display:flex;gap:inherit;list-style:none;padding:0;margin:0;align-items:center}.site-nav a{font-size:9px}.header-cta{display:none}.hero h1{font-size:clamp(58px,8vw,100px)}}
@media (max-width:800px){.container{width:min(calc(100% - 44px),var(--max))}.site-header{padding:13px 0}.header-inner{min-height:42px}.mobile-toggle{display:inline-flex}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:24px;flex-direction:column;gap:20px;align-items:flex-start;background:#080b1cf5;backdrop-filter:blur(16px);border-bottom:1px solid #5a436c77}.site-nav.open{display:flex}.site-nav ul{display:flex;gap:inherit;list-style:none;padding:0;margin:0;align-items:center}.site-nav a{font-size:12px}.hero{min-height:775px;min-height:94svh}.hero-art{object-position:64% center;opacity:.83}.hero-shade{background:linear-gradient(90deg,rgba(5,7,20,.95) 0%,rgba(5,7,20,.84) 42%,rgba(5,7,20,.22) 100%),linear-gradient(0deg,#070a18 0%,transparent 35%)}.hero-main{padding-top:165px;padding-bottom:110px}.hero h1{font-size:clamp(57px,11vw,93px)}.hero-lead{max-width:550px}.intro-grid{grid-template-columns:1fr;gap:30px}.intro-numeral{font-size:83px}.intro-main{padding-left:28px}.story-intro{padding:75px 0}.chapter{padding:80px 0}.chapter-grid{grid-template-columns:1fr;gap:35px}.chapter.reverse .chapter-copy{order:initial}.chapter.reverse .chapter-image{order:initial}.chapter-copy{max-width:none}.chapter-index{font-size:74px}.chapter h2{font-size:clamp(37px,6vw,57px)}.chapter-image{min-height:0;aspect-ratio:1.4 / 1}.footer-inner{justify-content:center;text-align:center}}
@media (max-width:500px){.container{width:calc(100% - 36px)}.brand{font-size:10px;letter-spacing:.11em;gap:9px}.brand-mark{width:34px;height:34px;font-size:23px}.hero{min-height:750px;min-height:92svh}.hero-art{object-position:69% center;opacity:.70}.hero-shade{background:linear-gradient(90deg,rgba(5,7,20,.96) 0%,rgba(5,7,20,.85) 47%,rgba(5,7,20,.52) 100%),linear-gradient(0deg,#070a18,transparent 27%)}.hero h1{font-size:clamp(53px,11.4vw,68px);letter-spacing:-.065em}.hero h1 .small-line{font-size:.48em}.hero-subtitle{letter-spacing:.21em;font-size:11px}.hero-lead{font-size:14px;line-height:1.8}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.hero-main{padding-top:125px;padding-bottom:85px}.hero-scroll{display:none}.intro-main blockquote{font-size:29px}.intro-main{padding-left:21px}.chapter{padding:68px 0}.chapter h2{font-size:38px}.chapter p{font-size:14px}.chapter-image figcaption{font-size:9px;left:18px;bottom:13px}.ending{padding:83px 0 72px}.ending .disclaimer{font-size:11px}.top-label,.eyebrow{letter-spacing:.21em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal-ready .reveal{opacity:1;transform:none}.chapter-image:hover img{transform:none}}