/* Raúlflix 22 — cinematic experience, isolated from legacy videoteca */
#rf22Cinema{position:relative;isolation:isolate;margin:0 auto 28px;max-width:1180px;overflow:hidden;border-radius:0 0 28px 28px;background:radial-gradient(ellipse at 83% 12%,#9e1737 0,transparent 45%),linear-gradient(145deg,#09060c,#210c1b 65%,#09060c);color:#fff;min-height:470px;box-shadow:0 20px 60px #0009;border:1px solid #6d2038}
#rf22Cinema:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,#ffffff08 4px 5px);opacity:.28;z-index:1}
.rf22-cinema-content{position:relative;z-index:3;padding:clamp(28px,6vw,65px);max-width:760px}.rf22-kicker{font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:#ffa4b8;font-weight:800}.rf22-cinema-content h2{font-size:clamp(42px,8vw,90px);line-height:.92;letter-spacing:-.055em;margin:22px 0 25px;color:#fff;font-weight:1000;text-transform:uppercase;text-shadow:5px 5px 0 #790b2a}.rf22-cinema-content h2 span{color:#ff315e}.rf22-cinema-content p{font-size:clamp(16px,2.7vw,22px);max-width:580px;color:#ead5db}.rf22-cinema-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.rf22-cinema-actions button{background:#ed2855;border:1px solid #ff7993;border-radius:12px;padding:15px 19px;color:#fff;font-weight:800;font-size:15px}.rf22-cinema-actions button:nth-child(2){background:#24131d}.rf22-mask{position:absolute;right:-25px;top:30px;width:clamp(155px,35vw,360px);height:390px;opacity:.37;transform:rotate(8deg);filter:drop-shadow(0 15px 30px #000);z-index:2}.rf22-mask svg{width:100%;height:100%}.rf22-cinema-count{font-size:12px;letter-spacing:.15em;color:#ffc6d1;margin-top:26px}.rf22-new-grid{max-width:1180px;margin:0 auto 30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 12px}.rf22-new-tile{position:relative;overflow:hidden;text-align:left;min-height:160px;padding:22px;border-radius:17px;background:linear-gradient(130deg,#33111e,#120c15);border:1px solid #8b3a56;color:white;cursor:pointer}.rf22-new-tile strong{display:block;font-size:22px;line-height:1.15;margin:12px 0}.rf22-new-tile small{color:#e4c4d0}.rf22-new-tile:hover,.rf22-new-tile:focus-visible{outline:2px solid #ff7196}.rf22-new-tile i{font-style:normal;font-size:28px}.rf22-new-tile:nth-child(2){background:linear-gradient(135deg,#271527,#5c1634)}.rf22-new-tile:nth-child(3){background:linear-gradient(135deg,#1c1525,#401c28)}
#rf22Panel .rf22shell{max-width:940px;padding:26px clamp(16px,4vw,45px) 90px}#rf22Panel .rf22top b{font-size:clamp(24px,5vw,38px)}#rf22Panel .rf22tabs{gap:9px;padding:22px 0 28px}#rf22Panel .rf22tabs button{flex:1;min-width:max-content}#rf22Content h2{font-size:clamp(27px,5vw,40px);line-height:1.12}#rf22Content .rf22module{padding:18px;background:linear-gradient(135deg,#241522,#17131b);border-color:#754155}#rf22Content .rf22module summary{font-size:18px}#rf22Content .rf22module button{background:#7c2442}#rf22Content .rf22module textarea{min-height:100px}#rf22Content .rf22progress{font-size:19px;font-weight:800;background:#61203e}.rf22-task{display:flex;gap:12px;align-items:flex-start;margin:12px 0;padding:12px;border-radius:9px;background:#ffffff0a}.rf22-task input{width:19px;height:19px;accent-color:#ff436c;flex-shrink:0}.rf22-task span{line-height:1.35}.rf22-story{background:linear-gradient(110deg,#470c23,#110b15);padding:22px;border-radius:16px;border:1px solid #b04765}.rf22-story strong{font-size:21px}.rf22-medal{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #a15b71;border-radius:12px;margin:5px;background:#2d1926}.rf22-scene{position:relative;min-height:210px;background:radial-gradient(circle at 50% 80%,#8b183d,#100810 65%);border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:15px 0}.rf22-scene:before{content:'¿CUÁL ES TU PELÍCULA FAVORITA?';font-weight:1000;letter-spacing:.04em;font-size:clamp(26px,5vw,49px);max-width:460px;text-align:center;text-shadow:4px 4px #a81943;transform:rotate(-5deg);padding:25px}.rf22-scene:after{content:'● REC  00:22:00';position:absolute;top:14px;left:17px;font-size:12px;letter-spacing:.2em;color:#ff9aa9}.rf22-vhs-on .rf22-scene:before{animation:rf22jitter 2.3s infinite}.rf22-vhs-on .rf22-scene{animation:rf22flicker 3s infinite}.rf22-vhs-on .rf22-scene:after{animation:rf22blink 1.1s steps(1) infinite}@keyframes rf22jitter{0%,91%,100%{transform:rotate(-5deg) translate(0)}92%{transform:rotate(-5deg) translate(5px,-2px);text-shadow:-5px 0 #08b1c1,5px 0 #e82755}94%{transform:rotate(-5deg) translate(-4px,2px)}}@keyframes rf22flicker{0%,94%,100%{filter:none}95%{filter:contrast(2) brightness(.7)}97%{filter:brightness(1.4)}}@keyframes rf22blink{50%{opacity:.2}}@media(max-width:620px){.rf22-new-grid{grid-template-columns:1fr}.rf22-new-tile{min-height:110px}.rf22-mask{right:-95px;top:55px;opacity:.24}.rf22-cinema-content{padding:30px 23px}.rf22-cinema-content h2{font-size:48px}#rf22Cinema{min-height:420px}}@media(prefers-reduced-motion:reduce){.rf22-vhs-on *{animation:none!important}}