/* Raúlflix 22: visual system integrated with the legacy library */
:root{--rf22-red:#ee315e;--rf22-rose:#ffb6c8;--rf22-ink:#09070d;--rf22-line:#704052}html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 80% 0%,#311020 0,transparent 45%),#09070d!important;color:#f6edf3}body::selection{background:#ec315e;color:#fff}header .logo,.brand .logo{letter-spacing:.09em;text-shadow:0 0 24px #f0236060}body>header{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #71324e80}body .hero{background:linear-gradient(135deg,#1a0a17,#08070d 70%)!important;border-bottom:1px solid #81364e;padding-block:clamp(30px,6vw,72px)}body .hero h1{font-size:clamp(36px,7vw,80px);line-height:.95;letter-spacing:-.055em}body .hero .eyebrow{letter-spacing:.32em;color:#ff7a9d}body main>section{scroll-margin-top:88px}body .card,body [class*="movie-card"],body [class*="poster-card"]{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}body .card:hover,body [class*="movie-card"]:hover,body [class*="poster-card"]:hover{transform:translateY(-3px);box-shadow:0 14px 35px #0008}button:focus-visible,a:focus-visible{outline:3px solid #ff9aba!important;outline-offset:3px}#rf22ExperienceDock{position:relative;z-index:4;max-width:1180px;margin:18px auto 28px;padding:0 16px}#rf22ExperienceDock .rf22d-title{font-size:12px;letter-spacing:.25em;color:#ff8bab;text-transform:uppercase}#rf22ExperienceDock h2{font-size:clamp(25px,4vw,42px);margin:6px 0 14px}#rf22ExperienceDock .rf22d-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#rf22ExperienceDock .rf22d-item{display:flex;min-height:124px;flex-direction:column;justify-content:space-between;gap:12px;text-align:left;color:white;background:linear-gradient(145deg,#361426,#140b16);border:1px solid #80415a;border-radius:16px;padding:16px;cursor:pointer}#rf22ExperienceDock .rf22d-item:hover{border-color:#ff8cac;background:linear-gradient(145deg,#5b1c39,#190b17)}#rf22ExperienceDock .rf22d-item strong{font-size:18px}#rf22ExperienceDock .rf22d-item small{font-size:12px;color:#dbc1cf;line-height:1.45}#rf22ExperienceDock .rf22d-settings{display:flex;gap:18px;flex-wrap:wrap;margin:14px 0;font-size:13px;color:#e9c5d4}#rf22ExperienceDock input{accent-color:#ed315e}#rf22ExperienceDock .rf22d-status{font-size:12px;color:#cbb5c3}#rf22DirectorCurtain{position:fixed;inset:0;z-index:2147483550;display:grid;place-items:center;background:#08060bf0;padding:20px}#rf22DirectorCurtain[hidden]{display:none!important}#rf22DirectorCurtain .rf22dc-card{position:relative;width:min(520px,100%);border:1px solid #d35a81;border-radius:20px;background:radial-gradient(circle at 50% 0%,#53172e,#110914 65%);box-shadow:0 30px 90px #000;padding:30px;color:white;text-align:center}#rf22DirectorCurtain .rf22dc-card h2{font-size:clamp(28px,6vw,52px);letter-spacing:-.04em}#rf22DirectorCurtain button{background:#df2357;border:0;border-radius:12px;padding:12px 20px;color:white;font-weight:700}#rf22DirectorCurtain .rf22dc-close{position:absolute;right:12px;top:10px;background:transparent;font-size:20px;padding:8px}#rf22DirectorCurtain .rf22dc-kicker{letter-spacing:.22em;color:#f99cb8;font-size:12px}body.rf22-vhs-active:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:2147483400;background:repeating-linear-gradient(0deg,#0000 0px,#0000 3px,#0004 4px,#0000 5px);opacity:.38;animation:rf22scan 6s linear infinite}body.rf22-vhs-active{filter:contrast(1.08) saturate(.88)}@keyframes rf22scan{50%{transform:translateY(4px)}}@media(max-width:700px){#rf22ExperienceDock .rf22d-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#rf22ExperienceDock .rf22d-item{min-height:110px;padding:12px}#rf22ExperienceDock .rf22d-item strong{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}