/* Mi Videoteca — edición editorial v1.3. Capa visual sobre el sistema existente. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{
  --bg:#0c0f13; --panel:#15191e; --panel2:#1c2228; --line:#30373c;
  --muted:#9aabae; --text:#f5f3ed; --accent:#dbb780; --accent2:#d8c9ac;
  --radius:16px;
}
body{
  background:radial-gradient(ellipse at 50% -500px,rgba(58,73,76,.14),transparent 65%),#0c0f13;
  color:#f5f3ed;letter-spacing:-.009em;
}
body.pageCollection,body.pageItem{background:#0c0f13}
::selection{background:#d2ac76;color:#191b1b}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{
 outline:2px solid #e9c990; outline-offset:3px;
}
.shell{max-width:1510px;padding:0 clamp(18px,4vw,72px)}
.masthead{
 min-height:94px;padding:18px 0;gap:22px;
 border-bottom:1px solid rgba(230,230,220,.11);
}
.brand{gap:13px;font-size:clamp(18px,1.65vw,23px);letter-spacing:-.065em;font-weight:800}
.brandmark{
 background:#d0b48d;color:#131719;border-radius:11px;width:43px;height:43px;
 box-shadow:none;font-size:28px;font-weight:600;
}
.brand small{font-size:8px;font-weight:700;letter-spacing:.18em;color:#a7a9a7}
.topnav{gap:clamp(12px,2vw,30px)}
.topnav a{font-size:12px;font-weight:700;letter-spacing:.012em;color:#a4aab0}
.topnav a:hover,.topnav a.selected{color:#fff}
.topnav a.selected:after{width:26px;height:2px;background:var(--accent);margin-top:8px}
.adminLink{border-color:#474d4e;border-radius:9px;font-weight:650;color:#d6d6d1}
.eyebrow{font-size:10px;letter-spacing:.2em;color:#dbb780;font-weight:750}
.btn{border-radius:9px;min-height:44px;padding:12px 19px;letter-spacing:.02em}
.btn.primary,.shareButton.shareNative{background:#ddbb8b;color:#121719;border-color:#ddbb8b}
.btn.primary:hover,.shareButton.shareNative:hover{background:#f4d2a3;color:#121719}
.btn.ghost{border:1px solid rgba(245,243,237,.22);background:rgba(20,24,26,.42);color:#f4f1e9}
.btn.ghost:hover{background:rgba(245,243,237,.10);border-color:#d2c0a4}
.btn.smallbtn{background:#272c2a;color:#e7cf9f;border:1px solid #66624f}
.btn.smallbtn:hover{background:#33352f}
.pill{color:#d4c7b5;border-color:#49494a}

/* Cinematic home cover: renders actual saved title art, with a balanced fallback. */
.homeHero{
 isolation:isolate;position:relative;align-items:stretch;min-height:520px;
 margin-top:27px;padding:clamp(28px,5vw,74px);gap:36px;
 border-radius:18px;border:1px solid #394042;overflow:hidden;
 background:linear-gradient(120deg,#202c2e 0%,#161e25 52%,#1c2323 100%);
}
.homeHero.homeHeroWithArt{
 background-image:linear-gradient(90deg,#10171cf9 0%,#10171cef 25%,#10171cc7 46%,#10171c45 74%,#10171c50 100%),var(--home-art);
 background-size:cover;background-position:center,center 37%;
}
.homeHero:before{
 content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(0deg,rgba(10,14,18,.63),transparent 32%);
}
.homeHero:after{display:none}
.homeHeroContent{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
 position:relative;z-index:1;max-width:min(760px,65%);flex:1 1 55%;}
.homeHero h1{font:800 clamp(40px,4.4vw,72px)/1.085 'Manrope',sans-serif;
 letter-spacing:-.075em;margin:18px 0 23px;color:#fbfaf6;max-width:850px;
 text-wrap:balance;
}
.homeHero p{color:#d3d8d7;max-width:540px;font-size:clamp(14px,1.07vw,16px);line-height:1.75;
 margin:0 0 29px;font-weight:450;}
.heroButtons{display:flex;flex-wrap:wrap;gap:10px}
.heroButtons .btn{font-size:12px;padding:12px 20px}
.heroSymbol{display:none}
.homeFeature{
 align-self:flex-end;display:flex;flex-direction:column;justify-content:flex-end;
 padding:24px 0 3px 20px;min-width:180px;max-width:31%;min-height:200px;
 gap:10px;text-align:right;position:relative;z-index:1;
 transition:transform .2s ease;
}
.homeFeature:hover{transform:translateY(-3px)}
.homeFeatureLabel{color:#d7d4ca;letter-spacing:.14em;font-size:9px;font-weight:800}
.featureDot{font-size:6px;vertical-align:2px;color:#dbb780;margin:0 7px}
.homeFeatureLogo{width:clamp(115px,16vw,290px);max-width:100%;max-height:108px;object-fit:contain;object-position:right center;
 filter:drop-shadow(0 8px 18px #000b);align-self:flex-end;}
.homeFeatureTitle{font:800 clamp(15px,1.5vw,22px)/1.3 'Manrope',sans-serif;
 color:#fff;letter-spacing:-.04em;text-shadow:0 2px 18px #0009}
.homeFeatureBottom{font-size:11px;color:#eee3d0;letter-spacing:.06em}
.homeHero:not(.homeHeroWithArt) .homeFeature{display:none}

/* Sharing does not compete with the hero. */
.shareHome{
 background:transparent;border:0;border-bottom:1px solid rgba(245,243,237,.09);
 border-radius:0;padding:19px 0 23px;margin:0 0 24px;
 justify-content:space-between;gap:12px;
}
.shareHome .shareIntro strong{font-size:12px;color:#f3efe6;font-weight:800}
.shareHome .shareIntro small{font-size:11px;color:#a5aaac}
.shareHome .shareActions{justify-content:flex-end;flex:0 1 auto}
.shareHome .shareButton{
 min-height:35px;border-radius:7px;padding:7px 11px;
 font-size:11px;background:#171d21;color:#dfdfd9;border-color:#383f41;
}
.shareHome .shareButton.shareNative{background:#dabb8d;color:#1b1b1c;border-color:#dabb8d}
.shareBar:not(.shareHome){background:#141a1e;border:1px solid #30383a;border-radius:12px;margin:24px 0 25px}
.shareBar:not(.shareHome) .shareButton{background:#1b2227;border:1px solid #454c4b;color:#e6e8e5}
.shareBar:not(.shareHome) .shareNative{background:#dabb8d;color:#1b1b1c;border-color:#dabb8d}

.statsGrid{gap:12px;margin:15px 0 64px}
.stat{background:linear-gradient(145deg,#171c20,#13181c);border:1px solid #2a3235;
 border-radius:12px;padding:25px 25px;min-height:132px;
}
.stat strong{font:800 clamp(28px,3vw,43px)/1.3 'Manrope',sans-serif;color:#f4f2eb;letter-spacing:-.07em}
.stat>span{font-size:10px;letter-spacing:.16em;color:#bfb8aa}
.stat small{color:#9ea8a9;font-size:11px}
.catalogue{padding-bottom:78px}
.sectionTitle{margin-bottom:21px}
.sectionTitle h2{font-size:clamp(26px,2.7vw,39px);line-height:1.15;
 letter-spacing:-.067em;color:#f9f6ef;margin-top:8px}
.catalogueNav{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:19px}
.catalogueNav .chip{background:#171b20;border-color:#383e41;color:#c4c9c7;border-radius:8px;font-size:12px;padding:9px 15px}
.catalogueNav .chip.chipActive{background:#dbc094;border-color:#dbc094;color:#1d1e1d}
.filterForm{margin-bottom:26px;gap:10px}
.filterForm input,.filterForm select{min-height:45px;background:#141a1e;border:1px solid #384146;color:#e9e9e5;border-radius:8px}
.filterForm input::placeholder{color:#7e9093}
.filterForm button{min-height:45px}
.posterGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 19px}
.posterCard{min-width:0}
.posterFrame{border-radius:10px;border:1px solid #363c3e;background:#1d242a;box-shadow:0 16px 30px #0004}
.posterCard:hover .posterFrame{transform:translateY(-5px);box-shadow:0 21px 34px #0008;border-color:#a68e69}
.posterFrame:after{content:'';position:absolute;inset:40% 0 0;
 background:linear-gradient(transparent,rgba(5,10,12,.42));pointer-events:none}
.posterStatus{z-index:1}
.posterProgress{z-index:2}
.posterData{padding:13px 2px 0}
.posterMeta{font-size:10px;letter-spacing:.06em;color:#a0a9aa}
.posterData h3{font-size:14px;color:#f5f1e8;letter-spacing:-.024em;margin:6px 0 12px}
.posterScores{font-size:10px;color:#a6acac;border-top:1px solid #293135;padding-top:9px;gap:10px}
.posterScores strong{font-size:12px;color:#f1f0ed}
.posterScores .ownScore strong{color:#e5c192}
.posterEpisodes{display:block;margin-top:7px;color:#b9b3a7}
.emptyState{background:#12171a;border:1px solid #363d3f;border-radius:15px}
.emptyState h3{color:#f3efe9}

/* Film details — film art is integrated into the actual visual hierarchy. */
.backlink{display:inline-flex;align-items:center;color:#bfbcaf;margin:26px 0 14px;gap:7px;font-size:12px}
.backlink:hover{color:#f2dfbd}
.detailHero{
 padding:clamp(22px,3.6vw,54px);gap:clamp(21px,3vw,52px);
 min-height:410px;align-items:flex-end;
 border-radius:16px;border:1px solid #343c3e;
 background:#141b20;isolation:isolate;
}
.detailHero:before{
 opacity:1;inset:0;
 background-image:linear-gradient(90deg,#101519fa 0%,#101519f1 31%,#101519c9 54%,#10151955 88%,#1015198a 100%),var(--detail-art,none);
 background-position:center,right 38%;background-size:cover;
}
.detailPoster{
 flex-basis:clamp(155px,18vw,230px);border:1px solid #77736c;
 border-radius:10px;box-shadow:0 20px 55px rgba(0,0,0,.58);
 background:#26313a;
}
.detailMain{max-width:840px}
.detailMain .eyebrow{letter-spacing:.14em;font-size:11px;color:#e4cfb0}
.detailMain h1{font-size:clamp(33px,3.4vw,57px);font-weight:800;line-height:1.1;color:#fff;letter-spacing:-.068em;margin:13px 0 9px}
.heroLogo{display:block;width:min(375px,100%);max-height:135px;margin:16px 0 12px;filter:drop-shadow(0 5px 20px #0009)}
.detailMain h1.heroTitleWithLogo{color:#c6c7c4;font-size:14px;font-weight:650;letter-spacing:0;margin:4px 0 15px}
.originalTitle{color:#aebcbb}
.detailMain>p{line-height:1.8;color:#d2d5d1;font-size:14px;max-width:760px}
.detailTags{gap:8px;margin:15px 0}
.detailTags>span{border-color:#ffffff22;color:#ece7de;background:#ffffff0c}
.ratingsRow{gap:10px;max-width:740px;margin-top:23px}
.personalRating,.sourceRating{border:1px solid #4a4e4d;background:rgba(11,16,20,.54);padding:13px 16px;border-radius:11px}
.personalRating{background:rgba(76,63,43,.32);border-color:rgba(226,186,131,.5)}
.personalRating small,.sourceRating small{color:#c2c0b8;font-size:10px;letter-spacing:.08em}
.personalRating strong{color:#e8c593}
.personalRating strong span{font-size:12px;color:#d6d0c4}
.sourceRating strong{color:#f1f0ec}
.detailColumns{margin-top:24px;gap:22px;grid-template-columns:minmax(0,1.55fr) minmax(265px,.8fr)}
.panel{background:#151a1e;border:1px solid #333b3d;border-radius:13px}
.sourcePanel{background:linear-gradient(170deg,#191e20,#14191c)}
.sourcePanel h3{font-size:18px;letter-spacing:-.04em;margin:10px 0}
.sourcePanel p{font-size:12px;color:#abb4b4;line-height:1.7}
.externalLinks{margin:18px 0 5px;gap:8px}
.externalLinks a{border-radius:7px;color:#e8d3b5;border-color:#635840;background:#2b2822;font-weight:750}
.externalLinks a:hover{background:#393125}
.privateSync{display:block;margin-top:12px;color:#819091!important}
.reviewText,.reviewCard{line-height:1.8}
/* Editing art belongs in administration: collapsed by default and never rendered publicly. */
.artworkManagement{margin:23px 0 0;border:1px solid #373e3e;border-radius:12px;background:#151a1d;overflow:hidden}
.artworkManagement>summary{cursor:pointer;padding:19px 23px;display:flex;justify-content:space-between;gap:15px;align-items:center;list-style:none}
.artworkManagement>summary::-webkit-details-marker{display:none}
.artworkManagement>summary strong{display:block;font-size:14px;letter-spacing:-.02em;color:#f4efe6}
.artworkManagement>summary small{display:block;font-size:11px;margin-top:4px;color:#a5adad}
.artworkManagerAction{font-size:12px;color:#dbb780;white-space:nowrap}
.artworkManagement .artworkPanel{margin:0;border:0;border-top:1px solid #373e3e;border-radius:0;background:#11171a}
.artworkThumb{background:#20272a;border-color:#384142}
.artworkPreview{background:#121a1d}
.artworkThumbLogo .artworkPreview{background:repeating-conic-gradient(#242e31 0 25%,#394244 0 50%) 50% / 18px 18px}
.artworkDisclaimer{color:#849093}

.siteFooter{
 display:grid;grid-template-columns:minmax(220px,1fr) minmax(350px,1.2fr) auto;
 align-items:start;gap:36px;padding:31px 0 48px;margin-top:16px;
 border-top:1px solid #303536;color:#a1aaa9;
}
.siteFooter>div{min-width:0}
.siteFooter .brandFooter{display:block;color:#eee7d8;font-size:16px;font-weight:800;letter-spacing:-.05em}
.footerIdentity small{display:block;font-size:11px;line-height:1.6;margin-top:9px;color:#9ca6a7}
.footerSources>span{display:block;font-size:10px;color:#aeb9b5;letter-spacing:.15em;font-weight:800;margin-bottom:10px}
.footerSourceLinks{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 10px}
.siteFooter .footerSourceLinks a{color:#e7d2b2;font-size:11px;font-weight:750}
.siteFooter .tmdbLogo{height:20px;max-width:74px;margin:0;filter:none}
.footerSources>small{display:block;font-size:10px;color:#7f9090;line-height:1.6;max-width:500px}
.siteFooter .footerAccess{font-size:11px;color:#c8c1b4;border-bottom:1px solid #555957;padding-bottom:3px;margin-top:4px}
/* Apply the same visual language to the private console, preserving all forms. */
.adminHero h1,.authCard h1{color:#f7f1e5}
.adminHero .accent{color:#dabc8e}
.pagePrivate input:not([type=checkbox]):not([type=radio]),.pagePrivate select,.pagePrivate textarea{
 background:#161e21;border:1px solid #434949;border-radius:8px;color:#f5f3ed
}
.pagePrivate input:focus,.pagePrivate textarea:focus,.pagePrivate select:focus{border-color:#cbb084}
.pagePrivate .panel{background:#151c1e}
.visitBarTrack{background:#303c3a}
.visitBarTrack span{background:linear-gradient(#e6c899,#ad8654)}

@media(max-width:1200px){
 .posterGrid{grid-template-columns:repeat(5,minmax(0,1fr))}
 .homeHero{min-height:470px}
 .homeHeroContent{max-width:70%}
}
@media(max-width:920px){
 .masthead{flex-wrap:wrap;padding:19px 0 15px}
 .topnav{order:3;display:flex;width:100%;overflow-x:auto;padding-bottom:7px;gap:22px}
 .topnav a{flex:0 0 auto}
 .posterGrid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .homeHero{min-height:420px}
 .homeHeroContent{max-width:69%}
 .homeFeature{max-width:31%;min-width:150px}
 .statsGrid{margin-bottom:48px}
 .detailColumns{grid-template-columns:1fr}
 .detailHero{align-items:center}
 .siteFooter{grid-template-columns:1fr 1fr;gap:22px}
 .footerAccess{grid-column:1/-1;justify-self:start}
}
@media(max-width:650px){
 .shell{padding:0 18px}
 .masthead{gap:13px;min-height:0;padding:15px 0}
 .brand{font-size:18px}
 .brandmark{width:37px;height:37px;border-radius:9px;font-size:25px}
 .brand small{font-size:7px}
 .topnav{gap:20px;padding:9px 0 4px}
 .topnav a{font-size:12px}
 .homeHero{margin-top:13px;border-radius:13px;min-height:510px;padding:32px 23px;display:flex;flex-direction:column;gap:17px;justify-content:flex-start}
 .homeHero.homeHeroWithArt{
  background-image:linear-gradient(180deg,#0f171cf6 0%,#0f171cea 30%,#10171cb3 63%,#10171c5e 100%),var(--home-art);
  background-position:center,center 45%;
 }
 .homeHeroContent{max-width:100%;flex:none;min-width:0}
 .homeHero h1{font-size:clamp(33px,8.6vw,46px);letter-spacing:-.078em;line-height:1.14;margin:14px 0 14px}
 .homeHero p{font-size:13px;line-height:1.7;margin-bottom:20px}
 .homeHero .eyebrow{font-size:9px;letter-spacing:.17em}
 .heroButtons{width:100%;gap:9px}
 .heroButtons .btn{padding:11px 11px;min-height:42px;font-size:11px}
 .homeFeature{align-self:stretch;flex:1;min-width:0;max-width:100%;min-height:105px;padding:15px 0 0;
  gap:4px;border-top:1px solid #eee4d024;margin-top:auto;text-align:left}
 .homeFeatureLabel{font-size:9px}
 .homeFeatureTitle{font-size:18px}
 .homeFeatureLogo{max-height:68px;align-self:flex-start;object-position:left center}
 .homeFeatureBottom{font-size:10px}
 .shareHome{padding:16px 0 18px;margin-bottom:15px;display:flex;align-items:center;gap:9px}
 .shareHome .shareIntro{width:100%}
 .shareHome .shareIntro small{font-size:10px}
 .shareHome .shareActions{width:100%;justify-content:flex-start;display:flex;gap:6px}
 .shareHome .shareButton{flex:0 0 auto;min-height:34px;font-size:10px;padding:8px}
 .statsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:5px 0 43px}
 .stat{min-height:104px;padding:15px}
 .stat strong{font-size:30px}
 .stat>span{font-size:9px}
 .stat small{font-size:10px}
 .sectionTitle h2{font-size:27px}
 .catalogueNav{gap:7px}
 .catalogueNav .chip{font-size:11px;padding:8px 10px}
 .posterGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 13px}
 .posterFrame{border-radius:8px}
 .posterData{padding-top:11px}
 .posterData h3{font-size:13px;margin-bottom:9px}
 .posterScores{font-size:9px}
 .posterScores strong{font-size:12px}
 .detailHero{display:flex;flex-direction:column;align-items:stretch;padding:23px;gap:16px;min-height:unset;border-radius:12px}
 .detailHero:before{background-image:linear-gradient(180deg,#11171999 0%,#111719ed 47%,#111719fe 95%),var(--detail-art,none);
   background-position:top center,top center}
 .detailPoster{float:none;width:124px;height:186px;flex:0 0 auto;margin:0;align-self:flex-start;border-radius:9px}
 .detailMain{min-width:0}
 .detailMain h1{font-size:33px;line-height:1.1;margin-top:10px}
 .detailMain h1.heroTitleWithLogo{font-size:13px;margin:5px 0 10px}
 .heroLogo{max-height:94px;margin:10px 0 8px}
 .detailMain>p{clear:none;padding:0;margin:12px 0 10px;font-size:13px;line-height:1.65}
 .detailTags{gap:6px}
 .ratingsRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:19px}
 .personalRating,.sourceRating{min-width:0;padding:12px}
 .personalRating strong{font-size:26px}
 .sourceRating strong{font-size:20px}
 .shareBar:not(.shareHome){padding:14px 13px}
 .shareBar:not(.shareHome) .shareActions{gap:6px}
 .panel{padding:18px}
 .artworkManagement>summary{padding:16px;gap:8px}
 .artworkManagerAction{font-size:11px}
 .siteFooter{display:grid;grid-template-columns:1fr;gap:19px;padding:25px 0 38px}
 .footerAccess{grid-column:auto}
 .siteFooter .tmdbLogo{max-width:75px}
 .coverEditor form.stack{grid-template-columns:1fr}
 .coverEditor label{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){.homeFeature,.posterFrame{transition:none}}
/* Subcollections do not repeat the full home cover; visitors see titles immediately. */
.pageCollection .catalogue{margin-top:28px}
.pageCollection .homeHero~.catalogue{margin-top:0}

/* Visión by @unmundo — canales sociales y enlaces a Stories (v1.6) */
.headerSocials{display:flex;align-items:center;gap:7px;flex-shrink:0}
.headerSocials a{border:1px solid rgba(205,189,151,.34);background:rgba(255,255,255,.035);border-radius:999px;padding:7px 10px;color:#e3ddd2;font-size:11px;font-weight:750;white-space:nowrap}
.headerSocials a:hover,.footerSocials a:hover{border-color:#ddbb8b;color:#ffe0af}
.footerSocials{min-width:180px;display:flex;flex-direction:column;gap:10px}
.footerSocials>span{font-size:10px;color:#aeb9b5;letter-spacing:.14em;font-weight:800}
.footerSocials>div{display:flex;flex-direction:column;gap:9px}
.footerSocials a{font-size:12px;color:#f0e5d4;line-height:1.4}
.shareStories{white-space:nowrap}
.shareBar .shareFeedback{display:block;min-height:1.2rem;margin-top:9px;font-size:12px;color:#d9be91}
@media(min-width:921px) and (max-width:1250px){.masthead{flex-wrap:wrap}.headerSocials{margin-left:auto}.topnav{order:3;width:100%;justify-content:center}}
@media(max-width:920px){.headerSocials{order:2;margin-left:auto}.topnav{order:4}}
@media(max-width:650px){.masthead{gap:10px}.headerSocials{gap:5px}.headerSocials a{font-size:10px;padding:6px 8px}.brand{font-size:16px;white-space:normal}.brand small{font-size:7px}.shareActions{flex-wrap:wrap}.footerSocials{width:100%}}

/* Four footer areas: brand, socials, credits and private access. */
@media(min-width:921px){.siteFooter{grid-template-columns:minmax(145px,.85fr) minmax(175px,.8fr) minmax(280px,1.25fr) auto;gap:22px}}
@media(min-width:591px) and (max-width:920px){.siteFooter{display:grid;grid-template-columns:1fr 1fr;gap:24px}.footerAccess{justify-self:start}}
@media(max-width:590px){.siteFooter{display:flex;flex-direction:column;align-items:stretch;gap:22px}.footerAccess{align-self:flex-start}}

/* FilmAffinity: editor privado independiente de notas personales y sincronizaciones. */
.filmaffinityEditor{margin:20px 0 0;padding:18px 0 4px;border-top:1px solid var(--vision-line,#37404c)}
.filmaffinityEditor h3{margin:0 0 8px;font-size:16px;letter-spacing:-.03em}
.filmaffinityEditor .note{line-height:1.55;margin:0 0 12px}
.filmaffinityEditor .stack{gap:12px}
.filmaffinityEditor input{min-width:0;width:100%}
.filmaffinityEditor a{color:var(--vision-accent,var(--accent));font-weight:700}

/* Official trailer: responsive 16:9 media, clean editorial presentation. */
.cineTrailerPanel{margin:25px 0;padding:clamp(16px,2.6vw,27px);border:1px solid #30383c;border-radius:16px;background:#13191d}
.cineTrailerHeading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.cineTrailerHeading h2{font:800 clamp(22px,2.8vw,32px)/1.2 'Manrope',sans-serif;letter-spacing:-.045em;margin:5px 0 0}
.cineTrailerLanguage{font-size:12px;border:1px solid rgba(232,226,210,.2);border-radius:999px;padding:7px 12px;color:#e8e0ce}
.cineTrailerPlayer{width:100%;aspect-ratio:16 / 9;background:#050607;border-radius:10px;overflow:hidden;position:relative}
.cineTrailerPlayer iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.cineTrailerFooter{margin-top:13px;display:flex;gap:16px;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;flex-wrap:wrap;line-height:1.6}
.cineTrailerFooter a{color:var(--accent)}
.cineTrailerAdmin{margin:0 0 25px}
.cineTrailerEditor{padding:20px}
.cineTrailerForm{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.cineTrailerForm label{width:100%;color:var(--muted);font-size:13px}
.cineTrailerForm input,.cineTrailerForm select{margin-top:6px;display:block;width:100%;min-height:44px;max-width:100%}
.cineTrailerAdminActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.cineTrailerAdminActions form{margin:0}
@media(max-width:600px){.cineTrailerPanel{padding:12px;border-radius:12px}.cineTrailerLanguage{font-size:11px}.cineTrailerFooter{align-items:flex-start}.cineTrailerHeading h2{font-size:23px}}

.cineTrailerForm .cineTrailerCheck{display:flex;align-items:center;gap:10px;color:var(--text);font-size:12px}.cineTrailerForm .cineTrailerCheck input{display:inline-block;min-height:0;width:auto;margin:0}

/* CINE 2.28: dos perfiles de Instagram sin apretar la cabecera en móvil. */
@media(max-width:650px){.masthead .headerSocials{width:100%;flex-wrap:wrap;justify-content:center;margin:0;order:3}.masthead .headerSocials a{font-size:10px}}

/* CINE 2.30.22 · cartel adaptado cuando no existe backdrop/fanart */
.detailHero.detailHeroPosterFallback:before{filter:blur(16px) saturate(.78);transform:scale(1.07);opacity:.68;background-position:center 24%;}
.cineManualSynopsis{margin-top:18px;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--vision-accent,#d9ad70) 22%,transparent)}
.cineManualSynopsis h3{margin:0 0 8px;font:800 16px var(--vision-font-display,system-ui)}
.cineManualSynopsis textarea{min-height:150px}