/* EL BURRO DE PAPEL V6.6.13 · VUELO POE · oculto sobre “viajan” del logotipo */
.poe-transition{position:fixed;inset:0;z-index:11100;overflow:hidden;background:#050505;display:grid;place-items:center;isolation:isolate}
.poe-transition .poe-darkness{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,#3b3b3b22 0,transparent 30%),linear-gradient(180deg,#090909,#121212 45%,#040404);opacity:0;animation:poe-darken 1.2s ease forwards}
.poe-transition .poe-mist,.poe-transition .poe-mist-b{position:absolute;inset:-18%;background:radial-gradient(circle at 30% 45%,#d9d9d91a 0 8%,transparent 28%),radial-gradient(circle at 72% 35%,#bfbfbf12 0 8%,transparent 28%),radial-gradient(circle at 50% 65%,#e3e3e310 0 10%,transparent 30%);filter:blur(38px);opacity:0;animation:poe-mist 4.4s ease-in-out forwards}
.poe-transition .poe-mist-b{animation-delay:.35s;transform:scale(1.12) rotate(-5deg)}
.poe-raven-stage{position:absolute;inset:0;overflow:hidden}
.poe-raven{--size:72px;position:absolute;left:-18vw;top:40%;width:var(--size);height:calc(var(--size) * .42);opacity:0;transform:translate3d(0,0,0) scale(var(--scale,.8)) rotate(var(--tilt,0deg));filter:blur(.15px) drop-shadow(0 8px 10px rgba(0,0,0,.28));animation:poe-flight var(--dur,4.5s) linear forwards, poe-presence var(--dur,4.5s) ease-out forwards}
.poe-raven .poe-body{position:absolute;left:26%;top:34%;width:27%;height:36%;background:#0a0a0a;border-radius:56% 44% 55% 45% / 58% 47% 53% 42%;box-shadow:-8px 1px 0 1px #0b0b0b}
.poe-raven .poe-body::before{content:'';position:absolute;right:-16%;top:18%;width:40%;height:28%;background:#0a0a0a;border-radius:55% 45% 48% 52%;transform:rotate(-8deg)}
.poe-raven .poe-body::after{content:'';position:absolute;right:-28%;top:28%;width:22%;height:12%;background:#141414;border-radius:0 60% 50% 0;transform:skewX(30deg) rotate(5deg)}
.poe-raven .poe-wing{position:absolute;top:0;width:50%;height:95%;background:#090909;border-radius:20% 88% 6% 90% / 10% 88% 12% 72%;transform-origin:100% 56%;opacity:.98;filter:blur(.15px)}
.poe-raven .poe-wing.left{left:3%;transform:rotate(16deg);animation:poe-flap-left .48s ease-in-out infinite}
.poe-raven .poe-wing.right{right:5%;transform:scaleX(-1) rotate(16deg);transform-origin:0% 56%;animation:poe-flap-right .48s ease-in-out infinite}
.poe-raven .poe-wing::after{content:'';position:absolute;inset:14% 0 auto auto;width:76%;height:58%;background:#0c0c0c;border-radius:24% 80% 10% 80% / 12% 78% 20% 78%;transform:rotate(12deg)}
.poe-monogram{position:absolute;inset:0;display:grid;place-items:center;font:600 clamp(4.5rem,16vw,13rem)/1 'Cormorant Garamond',Georgia,serif;letter-spacing:.18em;color:#fff;text-shadow:0 0 28px rgba(255,255,255,.25),0 0 90px rgba(255,255,255,.1);opacity:0;animation:poe-monogram 5.8s ease-in-out forwards;z-index:3;white-space:nowrap;padding-left:.18em}
.poe-caption{position:absolute;left:50%;bottom:13vh;transform:translateX(-50%);font:600 .82rem/1.5 'Source Sans 3',Arial,sans-serif;letter-spacing:.28em;color:#d6d6d6;opacity:0;animation:poe-caption 4.7s ease forwards .9s;white-space:nowrap}
.poe-skip,.poe-exit{position:fixed;right:max(16px,env(safe-area-inset-right));border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(19,19,19,.92);color:#f4f4f4;padding:10px 16px;font:600 .8rem 'Source Sans 3',Arial,sans-serif;cursor:pointer;z-index:11220;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.poe-skip{top:max(16px,env(safe-area-inset-top))}
.poe-exit{bottom:max(16px,env(safe-area-inset-bottom))}
.poe-skip:hover,.poe-exit:hover,.poe-skip:focus-visible,.poe-exit:focus-visible{background:#303030;outline:2px solid rgba(255,255,255,.55);outline-offset:2px}
@keyframes poe-darken{0%{opacity:0}100%{opacity:1}}
@keyframes poe-mist{0%{opacity:0;transform:scale(.95)}18%{opacity:.55}72%{opacity:.72}100%{opacity:.22;transform:scale(1.08)}}
@keyframes poe-flight{0%{transform:translate3d(0,0,0) scale(var(--scale,.8)) rotate(var(--tilt,0deg))}100%{transform:translate3d(138vw,var(--drift,0px),0) scale(calc(var(--scale,.8) * 1.04)) rotate(calc(var(--tilt,0deg) + 2deg))}}
@keyframes poe-presence{0%{opacity:0}12%{opacity:.98}88%{opacity:.98}100%{opacity:0}}
@keyframes poe-flap-left{0%,100%{transform:rotate(20deg) scaleY(.96)}50%{transform:rotate(-26deg) scaleY(1.04)}}
@keyframes poe-flap-right{0%,100%{transform:scaleX(-1) rotate(20deg) scaleY(.96)}50%{transform:scaleX(-1) rotate(-26deg) scaleY(1.04)}}
@keyframes poe-monogram{0%,24%{opacity:0;transform:scale(.96)}34%,62%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.03)}}
@keyframes poe-caption{0%,30%{opacity:0}45%,82%{opacity:.95}100%{opacity:0}}

html.burro-poe-mode,body.burro-poe-mode{color-scheme:dark;scrollbar-color:#6c6c6c #141414}
body.burro-poe-mode{
 --paper:#141414;--cream:#1d1d1d;--ink:#efefef;--dark:#0d0d0d;
 --mint:#707070;--orange:#d2d2d2;--gold:#d0d0d0;
 --line:#555555;--muted:#cbcbcb;--guinda:#6b6b6b;--vino:#3c3c3c;
 --shadow:0 22px 70px rgba(0,0,0,.45);
 background:#121212;color:var(--ink);transition:background .7s ease,color .7s ease;
}
body.burro-poe-mode::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.22;background:radial-gradient(circle at 16% 18%,#ffffff08 0 1px,transparent 1.8px),radial-gradient(circle at 77% 58%,#f1f1f108 0 1px,transparent 1.8px),linear-gradient(180deg,#202020 0,#121212 50%,#0a0a0a 100%);background-size:150px 150px,190px 190px,auto}
body.burro-poe-mode .site-header{background:#121212f0;border-color:#4c4c4c}
body.burro-poe-mode .topnote{background:#0e0e0e;color:#f0f0f0}
body.burro-poe-mode .hero{background:radial-gradient(circle at 65% 35%,rgba(255,255,255,.03),transparent 45%),#121212}
body.burro-poe-mode .page-hero{background:#212121;border-color:#4c4c4c}
body.burro-poe-mode .section-light,body.burro-poe-mode .story-card,body.burro-poe-mode .entry,body.burro-poe-mode .form-card,body.burro-poe-mode .reading,body.burro-poe-mode .review-card,body.burro-poe-mode .work-identity-box,body.burro-poe-mode .author-consent-notice,body.burro-poe-mode .work-otp-stage,body.burro-poe-mode .callout,body.burro-poe-mode .notice{background:#1f1f1f;color:#efefef;border-color:#585858}
body.burro-poe-mode .section-dark,body.burro-poe-mode .footer{background:#0b0b0b;color:#efefef;border-color:#424242}
body.burro-poe-mode .footer p,body.burro-poe-mode .footer a,body.burro-poe-mode .footer-bottom,body.burro-poe-mode .hero-copy .lead,body.burro-poe-mode .section-head p,body.burro-poe-mode .issue-summary p,body.burro-poe-mode .entry p,body.burro-poe-mode .story-body p{color:#d3d3d3}
body.burro-poe-mode .btn,body.burro-poe-mode .nav-cta,body.burro-poe-mode .pill.selected{background:#d9d9d9;color:#171717!important;border-color:#d9d9d9}
body.burro-poe-mode .btn-outline,body.burro-poe-mode .pill,body.burro-poe-mode .btn-ghost{background:transparent;color:#f4f4f4;border-color:#a5a5a5}
body.burro-poe-mode .field input,body.burro-poe-mode .field textarea,body.burro-poe-mode .field select,body.burro-poe-mode .search,body.burro-poe-mode .search-combo input{background:#111;color:#f5f5f5;border-color:#6a6a6a}
body.burro-poe-mode .field input::placeholder,body.burro-poe-mode .search::placeholder,body.burro-poe-mode .search-combo input::placeholder{color:#b9b9b9}
body.burro-poe-mode .brand-image,body.burro-poe-mode .footer-brand img{filter:grayscale(1) brightness(1.16) contrast(1.05)}
body.burro-poe-mode .hero-copy h1 em,body.burro-poe-mode .eyebrow,body.burro-poe-mode .step-number,body.burro-poe-mode .visual-quotation{color:#e3e3e3}
body.burro-poe-mode .search-cat{opacity:1;transform:translateY(0) scale(1)}
body.burro-poe-mode .home-search label{color:#dedede;margin-bottom:60px}
body.burro-poe-mode .search-cat-tail{animation:poe-cat-tail 4.6s ease-in-out infinite}
body.burro-poe-mode .search-cat-breath{animation:poe-cat-breathe 3.6s ease-in-out infinite}
body.burro-poe-mode .search-cat-eyes{animation:poe-cat-blink 7s ease-in-out infinite}
body.burro-poe-mode .status.en_revision{background:#575757;color:#fff}
body.burro-poe-mode .status.publicada{background:#848484;color:#fff}
body.burro-poe-mode .status.rechazada{background:#4c4c4c;color:#fff}
@keyframes poe-cat-tail{0%,100%{transform:rotate(-.5deg)}50%{transform:rotate(1deg)}}
@keyframes poe-cat-breathe{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.012)}}
@keyframes poe-cat-blink{0%,88%,94%,100%{transform:scaleY(1)}91%{transform:scaleY(.08)}}
@media(prefers-reduced-motion:reduce){.search-cat{transition:none!important}body.burro-poe-mode .search-cat-tail,body.burro-poe-mode .search-cat-breath,body.burro-poe-mode .search-cat-eyes{animation:none!important}}
@media(max-width:700px){.poe-monogram{font-size:clamp(3.4rem,18vw,6rem);letter-spacing:.08em;padding-left:.08em}.poe-caption{font-size:.63rem;letter-spacing:.16em;bottom:15vh}}
@media(prefers-reduced-motion:reduce){.poe-raven,.poe-raven .poe-wing,.poe-monogram,.poe-caption,.poe-mist,.poe-mist-b,.poe-darkness{animation:none!important}.poe-transition .poe-darkness,.poe-transition .poe-mist,.poe-transition .poe-mist-b,.poe-transition .poe-monogram{opacity:1}.poe-transition .poe-caption{opacity:.85}}

/* V6.6.13 revisada: cuervos dibujados en Canvas a cada fotograma, sin alas rígidas. */
.poe-transition{background:#c7c8c8}
.poe-raven-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;}
.poe-transition .poe-darkness{background:linear-gradient(180deg,#080a0b,#111113 52%,#030304);animation:poe-shadows-gather 5.8s ease-in-out both}
.poe-transition .poe-mist,.poe-transition .poe-mist-b{background:radial-gradient(circle at 30% 45%,#dddddd7d 0 8%,transparent 28%),radial-gradient(circle at 72% 35%,#f0f0f069 0 8%,transparent 28%),radial-gradient(circle at 50% 65%,#bdbdbd38 0 10%,transparent 30%)}
@keyframes poe-shadows-gather{0%,24%{opacity:0}51%{opacity:.28}74%,100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.poe-raven-canvas{display:none}.poe-transition .poe-darkness{animation:none;opacity:1}}

/* V6.6.15 — secuencia de cuervos en video: sin dibujos dinámicos sobre el hilo principal. */
.poe-raven-stage{z-index:1;pointer-events:none}
.poe-raven-video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:fill;filter:none;pointer-events:none}
.poe-transition .poe-mist,.poe-transition .poe-mist-b,.poe-transition .poe-darkness{display:none!important}
.poe-transition .poe-caption{z-index:4}
@media(prefers-reduced-motion:reduce){.poe-raven-video{display:none!important}.poe-transition .poe-darkness{display:block!important;animation:none!important;opacity:1!important}}
