/* V5 · Mejoras editoriales para ARCHIVO VIVO. Extiende portal-v4.css sin modificar el panel privado. */
:root{--indigo:#9774fc;--warm:#ffbf67}
.hero{min-height:505px}
.hero-photo{background-image:linear-gradient(90deg,#06111cff 0%,#06111cf0 33%,#06111c55 78%,#06111c70),linear-gradient(0deg,#06111ce8 0%,transparent 45%),url('../img/portada-cine.jpg')}
.hero-inner{padding:62px 0 67px}
.hero-label{display:inline-flex;align-items:center;background:#0c3142a8;border:1px solid #28667b;border-radius:30px;padding:8px 13px;font-size:11px;margin-top:25px}
.explore-panel{padding:43px 0 8px}
.explore-heading{display:flex;gap:30px;align-items:flex-end;justify-content:space-between;margin-bottom:22px}
.explore-heading>div{max-width:530px}
.explore-heading h2{font:900 clamp(26px,3.5vw,39px)/1.2 Manrope,system-ui,sans-serif;letter-spacing:-1.3px;margin:0}
.explore-heading>p{max-width:420px;color:#acc5da;margin:0 0 3px;font-size:13px}
.explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.explore-card{position:relative;min-height:232px;display:flex;justify-content:flex-end;flex-direction:column;overflow:hidden;padding:24px;border-radius:18px;border:1px solid #345c75;isolation:isolate;box-shadow:0 18px 40px #02091050;transition:transform .2s,border .2s}
.explore-card:hover{transform:translateY(-3px);border-color:#54d2fa}
.explore-card:focus-visible,.social-button:focus-visible,.social-launch:focus-visible{outline:3px solid #9be1fa;outline-offset:3px}
.explore-card::before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 77% 22%,#1690c04f,transparent 40%),linear-gradient(0deg,#06111cf2,transparent 82%),#11364b}
.explore-card::after{content:'';position:absolute;inset:0;z-index:-1;opacity:.35;background:repeating-linear-gradient(95deg,transparent 0 28px,#ffffff0a 29px 30px)}
.explore-film::before{background:linear-gradient(0deg,#031423fa 1%,#092a37ba 54%,#07162655),url('../img/portada-cine.jpg') center /cover}
.explore-behind::before{background:radial-gradient(circle at 74% 20%,#7676e3b0,transparent 33%),linear-gradient(130deg,#211c4d,#113449)}
.explore-resources::before{background:radial-gradient(circle at 75% 19%,#eaa1486b,transparent 42%),linear-gradient(130deg,#4a2a25,#174554)}
.explore-illustration{position:absolute;right:28px;top:21px;font:bold 92px/1 Manrope,sans-serif;color:#dbe7ff55;transform:rotate(-11deg)}
.explore-name{display:flex;flex-direction:column;gap:5px;max-width:270px;text-shadow:0 2px 18px #001b}
.explore-name small{color:#a7e9ff;font-size:10px;font-weight:900;letter-spacing:1.65px}
.explore-name strong{font:900 23px/1.18 Manrope,sans-serif;letter-spacing:-.6px;color:#fff}
.explore-name>span{font-size:12px;line-height:1.55;color:#e0effa}
.explore-arrow{position:absolute;right:22px;bottom:22px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #9cceec79;border-radius:50%;background:#07213399;font-size:19px}
.explore-panel + .small-status{margin-top:8px}
#destacados{padding-top:67px}
.editorial-empty{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.18fr;min-height:285px;overflow:hidden;background:linear-gradient(130deg,#102e41,#0d1b2e);border:1px solid #295772;border-radius:20px}
.editorial-empty-art{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:14px;background:radial-gradient(circle at 50% 54%,#169bd452,#091f31 66%);border-right:1px solid #345267}
.editorial-film-icon{display:grid;place-items:center;border-radius:50%;border:2px solid #7edfff77;box-shadow:0 0 0 12px #0c98c52e,0 0 0 28px #137da522;width:112px;height:112px;background:#0f6994;color:white;font-size:44px}
.editorial-film-caption{font-size:10px;letter-spacing:1.5px;font-weight:900;color:#bfeafd;text-align:center;padding:0 10px}
.editorial-empty-copy{padding:36px 39px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}
.editorial-empty-copy h3{font:900 clamp(22px,2.5vw,29px)/1.2 Manrope,sans-serif;letter-spacing:-.6px;margin:14px 0 9px}
.editorial-empty-copy p{font-size:13px;color:#c3d6e6;margin:0 0 18px;line-height:1.8}
.behind-editorial{grid-column:1/-1;display:flex;align-items:center;gap:28px;padding:25px 32px;background:linear-gradient(105deg,#143046,#0e2335);border:1px solid #2c5067;border-radius:20px}
.behind-symbol{width:116px;height:116px;flex:0 0 116px;display:grid;place-items:center;font:900 72px/1 Manrope,sans-serif;color:#5bceff;background:radial-gradient(circle,#1b719454,#103044);border:1px solid #2f789c;border-radius:50%}
.behind-editorial h3{margin:0 0 4px;font:900 23px/1.25 Manrope,sans-serif}
.behind-editorial p{max-width:770px;color:#b2ccdf;margin:3px 0 15px;font-size:13px}
/* Redes: pequeño botón y WhatsApp visibles. El resto se despliega a demanda. */
.social-widget{position:fixed;right:18px;bottom:16px;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:24}
.social-widget .social-button,.social-widget .social-launch{display:grid;place-items:center;flex:0 0 auto;width:49px;height:49px;border-radius:16px;color:#fff;border:1px solid #ffffff51;box-shadow:0 8px 25px #0008;transition:transform .18s,background .18s;cursor:pointer}
.social-widget .social-button:hover,.social-widget .social-launch:hover{transform:scale(1.06)}
.social-button svg,.social-launch svg,.social-footer-icons svg{width:25px;height:25px;display:block}
.social-widget .social-wa{background:#13b968}
.social-widget .social-launch{background:#12374c;color:#9be4ff;border-color:#3682a5}
.social-widget .social-popover{display:flex;align-items:center;flex-direction:column;gap:9px;background:#081e2af5;border:1px solid #365e77;padding:10px 7px;border-radius:19px;box-shadow:0 16px 35px #0009}
.social-widget .social-fb{background:#1977f3}
.social-widget .social-ig{background:linear-gradient(35deg,#fbb34a,#db327c,#7946df)}
.social-widget .social-tt{background:#15151b}
.social-widget .social-yt{background:#ec2634}
.social-popover[hidden]{display:none}
.social-footer-box{display:flex;flex-direction:column;gap:9px}
.social-footer-icons{display:flex;flex-wrap:wrap;gap:7px;margin:6px 0}
.social-footer-icons a,.social-footer-icons button{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#14384c;color:#e0f7ff;border:1px solid #345872;cursor:pointer;padding:0}
.social-footer-icons svg{width:18px;height:18px}
.social-footer-box p{font-size:12px;margin:0;color:#abc5d8}
.social-footer-box .social-fb:hover{background:#1977f3}.social-footer-box .social-ig:hover{background:#b54ed1}.social-footer-box .social-tt:hover{background:#35323f}.social-footer-box .social-yt:hover{background:#d72936}.social-footer-box .social-wa:hover{background:#13b968}
.site-footer .footer-inner{grid-template-columns:minmax(0,1.9fr) repeat(3,minmax(0,1fr))}
.social-toast{position:fixed;right:77px;bottom:78px;background:#123b4e;border:1px solid #67cfdd;color:#f4fbff;z-index:25;border-radius:11px;padding:10px 15px;font-size:12px;max-width:270px;box-shadow:0 12px 30px #000a}
@media(max-width:850px){.explore-heading{display:block}.explore-heading>p{margin-top:12px}.explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.explore-grid>a:last-child{grid-column:1/-1;min-height:180px}.site-footer .footer-inner{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hero{min-height:465px}.hero-inner{padding:51px 0 56px}.explore-panel{padding-top:35px}.explore-grid{grid-template-columns:1fr;gap:11px}.explore-grid>a:last-child{grid-column:auto;min-height:188px}.explore-card{min-height:188px;padding:20px}.explore-illustration{font-size:75px}.editorial-empty{grid-template-columns:1fr}.editorial-empty-art{min-height:184px;border-right:0;border-bottom:1px solid #345267}.editorial-film-icon{width:75px;height:75px;font-size:30px;box-shadow:0 0 0 9px #0c98c52e,0 0 0 20px #137da522}.editorial-empty-copy{padding:25px 22px}.behind-editorial{padding:21px;gap:12px;align-items:flex-start}.behind-symbol{width:56px;height:56px;flex-basis:56px;font-size:36px}.behind-editorial h3{font-size:20px}.site-footer .footer-inner{grid-template-columns:1fr 1fr}.social-widget{right:11px;bottom:11px;gap:8px}.social-widget .social-button,.social-widget .social-launch{width:44px;height:44px;border-radius:14px}.social-button svg,.social-launch svg{width:23px;height:23px}}