@media print {
      nav, button, select, input, #statusBox, .no-print { display: none !important; }
      body { background: white !important; color: black !important; }
      #screenDetail { display: block !important; }
      .print-clean { border: none !important; background: transparent !important; box-shadow: none !important; color: black !important; }
    }

    /* Glassmorphism */
    .glass-panel {
      background: rgba(22, 25, 34, 0.75);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border: 1px solid rgba(255, 255, 255, 0.08);
    }
    
    .glass-nav {
      background: rgba(11, 13, 18, 0.85);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    }

    /* Metallic Glass Badges */
    .badge-glass-metallic {
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.05) 100%);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      border: 1px solid rgba(255, 255, 255, 0.3);
      box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.4), 0 4px 10px rgba(0, 0, 0, 0.5);
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
    }

    /* Cinematic Buttons */
    .btn-cinematic {
      position: relative;
      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4);
    }
    .btn-cinematic:hover {
      transform: translateY(-2px);
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6);
    }
    .btn-cinematic:active {
      transform: translateY(1px);
      scale: 0.98;
    }

    /* Dynamic Pop Animation */
    @keyframes pop {
      0% { transform: scale(1); }
      50% { transform: scale(1.25); }
      100% { transform: scale(1); }
    }
    .animate-pop {
      animation: pop 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

    /* Skeleton Loading Pulse */
    .skeleton-box {
      background: linear-gradient(90deg, #161922 25%, #222736 50%, #161922 75%);
      background-size: 200% 100%;
      animation: skeleton-loading 1.5s infinite;
    }
    @keyframes skeleton-loading {
      0% { background-position: 200% 0; }
      100% { background-position: -200% 0; }
    }

/* CinemaVault 3.1 – Navigation redesign */
.cv-app-shell{padding-bottom:5.5rem}
.cv-topbar{backdrop-filter:blur(20px);background:rgba(11,13,18,.82);border-bottom:1px solid rgba(255,255,255,.07)}
.cv-brand-mark{box-shadow:0 0 0 1px rgba(245,197,24,.22),0 12px 32px rgba(0,0,0,.28)}
.cv-search-shell{position:relative;min-width:0}
.cv-search-shell input{background:rgba(22,25,34,.9)}
.cv-more-menu{position:absolute;right:0;top:calc(100% + .7rem);width:18rem;z-index:80;display:none}
.cv-more-menu.is-open{display:block;animation:cvPop .16s ease-out}
.cv-more-menu button{width:100%;text-align:left;padding:.72rem .85rem;border-radius:.75rem;display:flex;gap:.65rem;align-items:center;font-size:.78rem;font-weight:700}
.cv-more-menu button:hover{background:rgba(255,255,255,.07)}
.cv-mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:70;background:rgba(11,13,18,.94);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08);padding:.5rem max(.75rem, env(safe-area-inset-right)) calc(.5rem + env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left))}
.cv-mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:3.6rem;font-size:.62rem;color:#94a3b8;font-weight:700}
.cv-mobile-nav .cv-primary{margin-top:-1.45rem;width:3.5rem;height:3.5rem;border-radius:1.1rem;background:#10b981;color:#07120f;box-shadow:0 10px 30px rgba(16,185,129,.25)}
.cv-section-heading{letter-spacing:.16em;text-transform:uppercase;font-size:.65rem;color:#64748b;font-weight:800}
@keyframes cvPop{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:768px){.cv-app-shell{padding-bottom:2rem}.cv-mobile-nav{display:none}}


/* CinemaVault 3.2 Dashboard */
.cv-dashboard-hero{background:radial-gradient(circle at 75% 20%,rgba(245,197,24,.16),transparent 32%),linear-gradient(135deg,rgba(30,34,48,.95),rgba(11,13,18,.96));box-shadow:0 24px 80px rgba(0,0,0,.25)}
.dashboard-movie-card img{transition:transform .25s ease,box-shadow .25s ease}.dashboard-movie-card:hover img{transform:translateY(-3px);box-shadow:0 16px 30px rgba(0,0,0,.35)}
#screenDashboard{animation:cvFade .3s ease}@keyframes cvFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:767px){main{padding-bottom:6rem}.cv-dashboard-hero{padding:1.5rem}.cv-dashboard-hero h2{font-size:2rem;line-height:1.08}}


/* CinemaVault 3.2.1 – Compact visual scale & reliable controls */
:root { --cv-control-h: 2.65rem; }
.cv-topbar { position:sticky; top:0; }
.cv-topbar .max-w-7xl { max-width:72rem; }
.cv-topbar button { min-height:var(--cv-control-h); }
.cv-search-shell { max-width:34rem; }
.cv-search-shell input { height:var(--cv-control-h); padding-top:.6rem; padding-bottom:.6rem; border-radius:.9rem; }
.cv-action-btn { display:inline-flex !important; align-items:center; justify-content:center; gap:.5rem; min-height:var(--cv-control-h); border-radius:.8rem; font-size:.78rem; font-weight:800; }
.cv-icon-btn { width:var(--cv-control-h); padding:0 !important; }
.cv-more-menu { display:none !important; width:19rem; padding:.5rem; background:rgba(22,25,34,.98) !important; border:1px solid rgba(255,255,255,.12); box-shadow:0 22px 55px rgba(0,0,0,.45); }
.cv-more-menu.is-open { display:block !important; }
.cv-more-menu button { width:100% !important; min-height:2.5rem; display:flex !important; flex-direction:row !important; align-items:center !important; text-align:left !important; white-space:normal; }
.cv-more-menu button i { flex:0 0 auto; }
.cv-dashboard-hero { padding:1.75rem !important; border-radius:1.35rem !important; box-shadow:0 16px 45px rgba(0,0,0,.18); }
.cv-dashboard-hero h2 { font-size:clamp(1.55rem, 2.55vw, 2.2rem) !important; line-height:1.12 !important; max-width:34rem; }
.cv-dashboard-hero p:not(#dashboardGreeting) { max-width:42rem; }
.cv-dashboard-hero .btn-cinematic { min-height:2.55rem; padding:.65rem 1rem; }
.cv-dashboard-hero > i { width:10rem; height:10rem; right:-2rem; bottom:-2rem; }
.cv-dashboard-empty { min-height:10rem; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.75rem; text-align:center; border:1px dashed rgba(255,255,255,.12); border-radius:1rem; color:#94a3b8; padding:1rem; }
.cv-dashboard-empty .btn { display:inline-flex; align-items:center; gap:.45rem; min-height:2.4rem; padding:.55rem .85rem; border-radius:.7rem; background:rgba(245,197,24,.12); color:#f5c518; border:1px solid rgba(245,197,24,.25); font-size:.75rem; font-weight:800; }
.cv-dashboard-link { display:inline-flex; align-items:center; gap:.35rem; min-height:2.3rem; padding:.45rem .7rem; border-radius:.65rem; border:1px solid rgba(245,197,24,.18); background:rgba(245,197,24,.07); color:#f5c518; }
@media (min-width:768px) { .cv-app-shell { padding-bottom:2rem; } main.max-w-7xl { max-width:72rem; } }
@media (max-width:767px) {
  .cv-dashboard-hero { padding:1.25rem !important; }
  .cv-dashboard-hero h2 { font-size:1.55rem !important; }
  .cv-topbar .max-w-7xl { padding-top:.65rem; padding-bottom:.65rem; }
  .cv-search-shell input { font-size:.78rem; }
}

/* CinemaVault 3.3 · Catalog redesign */
#screenCatalog{max-width:72rem;margin:0 auto}
.cv-catalog-header{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin:1.25rem 0 1rem}.cv-catalog-header h2{font-family:Georgia,serif;font-size:clamp(1.5rem,2.6vw,2.25rem);font-weight:800;color:#fff;margin:.2rem 0}.cv-catalog-summary{font-size:.78rem;color:#94a3b8}.cv-catalog-header-actions{display:flex;gap:.65rem;flex-wrap:wrap}.cv-catalog-primary,.cv-catalog-secondary{min-height:2.55rem;padding:.6rem .9rem;border-radius:.8rem;display:inline-flex;align-items:center;gap:.45rem;font-size:.76rem;font-weight:800}.cv-catalog-primary{background:#f5c518;color:#10131b}.cv-catalog-secondary{border:1px solid rgba(255,255,255,.12);color:#cbd5e1;background:rgba(255,255,255,.04)}
.cv-catalog-filters{background:linear-gradient(135deg,rgba(30,34,48,.9),rgba(17,20,28,.86));box-shadow:0 18px 45px rgba(0,0,0,.12)}
.cv-quick-filters{display:flex;gap:.5rem;overflow:auto;padding:.9rem 0 1.1rem}.cv-quick-filters button{white-space:nowrap;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:.5rem .8rem;color:#94a3b8;background:rgba(255,255,255,.035);font-size:.72rem;font-weight:700}.cv-quick-filters button:hover,.cv-quick-filters button.is-active{border-color:rgba(245,197,24,.42);background:rgba(245,197,24,.1);color:#f5c518}
.cv-movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:1.1rem}.cv-movie-card{cursor:pointer;border:1px solid rgba(255,255,255,.08);border-radius:1.1rem;overflow:hidden;background:linear-gradient(180deg,rgba(28,32,43,.92),rgba(17,20,28,.96));transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;box-shadow:0 10px 28px rgba(0,0,0,.14)}.cv-movie-card:hover{transform:translateY(-5px);border-color:rgba(245,197,24,.48);box-shadow:0 20px 42px rgba(0,0,0,.3)}.cv-poster-wrap{position:relative;aspect-ratio:2/3;overflow:hidden;background:#161922}.cv-poster-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.cv-movie-card:hover img{transform:scale(1.045)}.cv-poster-top{position:absolute;top:.6rem;left:.6rem;right:.6rem;z-index:2;display:flex;justify-content:space-between}.cv-poster-top span{background:rgba(7,9,14,.76);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:.55rem;padding:.2rem .45rem;font-size:.66rem;font-weight:800;color:#f5c518}.cv-poster-gradient{position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(7,9,14,.92))}.cv-poster-rating{position:absolute;bottom:.55rem;left:.65rem;z-index:2}.cv-card-body{padding:.8rem .8rem .75rem}.cv-card-body h3{font-size:.82rem;font-weight:800;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv-card-meta{font-size:.67rem;color:#94a3b8;margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv-card-meta b{color:#475569}.cv-card-footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.65rem;color:#64748b;font-size:.64rem}.cv-card-footer span:last-child{display:flex;align-items:center;gap:.2rem;color:#cbd5e1}
.cv-movie-list{display:grid;gap:.65rem}.cv-movie-row{display:grid;grid-template-columns:3.4rem minmax(0,1fr) auto 1.2rem;align-items:center;gap:1rem;padding:.7rem .85rem;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:rgba(22,25,34,.76);cursor:pointer;transition:.2s}.cv-movie-row:hover{border-color:rgba(245,197,24,.4);background:rgba(31,35,47,.9)}.cv-movie-row>img{width:3.4rem;height:4.8rem;border-radius:.65rem;object-fit:cover}.cv-row-title{display:flex;align-items:center;gap:.55rem;min-width:0}.cv-row-title span{font-family:monospace;font-size:.7rem;color:#f5c518}.cv-row-title h3{font-weight:800;color:#fff;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv-row-main p{font-size:.7rem;color:#94a3b8;margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv-row-stats{display:flex;align-items:center;gap:.9rem;font-size:.72rem;color:#cbd5e1}.cv-row-stats>span:first-child{display:flex;gap:.25rem;align-items:center}.cv-row-arrow{color:#64748b;width:1rem}.cv-catalog-empty{min-height:18rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.7rem;border:1px dashed rgba(255,255,255,.13);border-radius:1.2rem;color:#94a3b8}.cv-catalog-empty h3{color:#fff;font-weight:800}.cv-catalog-empty p{font-size:.76rem}.cv-catalog-empty button{margin-top:.25rem;background:#f5c518;color:#111827;padding:.55rem .8rem;border-radius:.7rem;font-size:.72rem;font-weight:800}
@media(max-width:640px){.cv-catalog-header{align-items:flex-start;flex-direction:column;margin-top:.75rem;gap:.8rem}.cv-catalog-header-actions{width:100%}.cv-catalog-header-actions button{flex:1;justify-content:center}.cv-movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.cv-card-body{padding:.7rem}.cv-row-stats{display:none}.cv-movie-row{grid-template-columns:2.8rem minmax(0,1fr) 1rem;gap:.7rem}.cv-movie-row>img{width:2.8rem;height:4rem}.cv-catalog-filters{padding:1rem!important}}

/* =========================================================
   CINEMAVAULT 4.1 · SHELL DE APLICACIÓN (PRIMERA TRANSFORMACIÓN)
   ========================================================= */
.cv-desktop-shell{display:block;min-height:100vh}
.cv-sidebar{display:none}
.cv-workspace{min-width:0}
@media (min-width:1024px){
  .cv-topbar{display:none!important}
  .cv-desktop-shell{display:grid;grid-template-columns:15.5rem minmax(0,1fr);min-height:100vh;background:radial-gradient(circle at 55% 0%,rgba(245,197,24,.035),transparent 26%),#0b0d12}
  .cv-sidebar{display:block;position:sticky;top:0;height:100vh;overflow:hidden;border-right:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(14,17,24,.98),rgba(9,11,16,.98))}
  .cv-sidebar-inner{height:100%;display:flex;flex-direction:column;padding:1.35rem 1rem 1rem}
  .cv-workspace{min-width:0;min-height:100vh}
  .cv-workspace main{max-width:82rem;padding-top:2rem;padding-bottom:3rem}
}
.cv-sidebar-brand{display:flex;align-items:center;gap:.8rem;padding:.45rem .45rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06);text-align:left}
.cv-sidebar-brand-mark{width:2.7rem;height:2.7rem;border-radius:.9rem;display:grid;place-items:center;color:#f5c518;background:linear-gradient(145deg,rgba(245,197,24,.18),rgba(245,197,24,.04));border:1px solid rgba(245,197,24,.3);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.cv-sidebar-brand strong{display:block;font-family:Georgia,serif;font-size:1.1rem;color:#f8fafc;letter-spacing:-.02em}.cv-sidebar-brand strong span{color:#f5c518}.cv-sidebar-brand small{display:block;margin-top:.16rem;font-size:.55rem;text-transform:uppercase;letter-spacing:.18em;color:#64748b;font-weight:800}
.cv-sidebar-nav,.cv-sidebar-group{display:grid;gap:.25rem}.cv-sidebar-nav{padding:.9rem 0}.cv-sidebar-group{padding:.95rem 0;border-top:1px solid rgba(255,255,255,.06)}
.cv-sidebar-group>p{margin:0 0 .4rem .55rem;font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:#c8a95a}
.cv-sidebar-link{width:100%;display:grid;grid-template-columns:1.25rem minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.62rem .68rem;border-radius:.75rem;color:#aeb8c8;text-align:left;font-size:.78rem;font-weight:700;transition:background .18s,color .18s,transform .18s;border:1px solid transparent}
.cv-sidebar-link i{width:1.05rem;height:1.05rem;color:#7f8a9d}.cv-sidebar-link:hover{background:rgba(255,255,255,.045);color:#f8fafc}.cv-sidebar-link:hover i{color:#f5c518}.cv-sidebar-link.is-active{color:#fff;background:linear-gradient(90deg,rgba(245,197,24,.18),rgba(245,197,24,.055));border-color:rgba(245,197,24,.16);box-shadow:inset 3px 0 0 #f5c518}.cv-sidebar-link.is-active i{color:#f5c518}
.cv-sidebar-count-link b{min-width:1.65rem;padding:.16rem .36rem;border-radius:999px;text-align:center;font-size:.62rem;color:#8fa0b7;background:rgba(255,255,255,.055);font-variant-numeric:tabular-nums}.cv-sidebar-link:hover b{color:#f5c518}
.cv-sidebar-tools{margin-top:.15rem}.cv-sidebar-footer{margin-top:auto;padding:.85rem .55rem .2rem;display:flex;align-items:center;gap:.5rem;font-size:.64rem;color:#7f8a9d;border-top:1px solid rgba(255,255,255,.06)}.cv-storage-dot{width:.45rem;height:.45rem;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.08)}
@media (min-width:1024px){.cv-mobile-nav{display:none!important}}
@media (min-width:768px) and (max-width:1023px){.cv-topbar{display:block!important}}

/* =========================================================
   CINEMAVAULT 4.2 · TRANSFORMACIÓN DEL CATÁLOGO EN EL SHELL
   ========================================================= */
.cv-catalog-workspace{max-width:82rem;margin:0 auto;padding:0 0 3rem;min-width:0}
.cv42-catalog-topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;padding:0 0 1.4rem;border-bottom:1px solid rgba(255,255,255,.06)}
.cv42-eyebrow{display:flex;align-items:center;gap:.45rem;color:#c8a95a;font-size:.67rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.cv42-eyebrow i{color:#f5c518}
.cv42-catalog-title h2{margin:.35rem 0 .3rem;font-family:Georgia,serif;font-size:clamp(1.65rem,2.7vw,2.45rem);line-height:1.05;color:#f8fafc;font-weight:800;letter-spacing:-.035em}.cv42-catalog-title p{margin:0;color:#7f8a9d;font-size:.78rem}
.cv42-top-actions{display:flex;align-items:center;gap:.7rem}.cv42-view-toggle{display:flex;padding:.25rem;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:.85rem}.cv42-view-toggle button{width:2.45rem;height:2.35rem;display:grid;place-items:center;border-radius:.65rem;color:#7f8a9d}.cv42-view-toggle button i{width:1rem;height:1rem}.cv42-view-toggle button:hover{color:#f8fafc}.cv42-view-toggle button.is-active{background:rgba(245,197,24,.12);color:#f5c518;box-shadow:inset 0 0 0 1px rgba(245,197,24,.22)}
.cv42-add-button{min-height:2.85rem;padding:0 1rem;display:inline-flex;align-items:center;gap:.5rem;border-radius:.85rem;background:#f5c518;color:#12151c;font-size:.76rem;font-weight:900;box-shadow:0 10px 25px rgba(245,197,24,.12);transition:transform .18s,filter .18s}.cv42-add-button:hover{transform:translateY(-1px);filter:brightness(1.05)}
.cv42-catalog-controls{margin-top:1.25rem;padding:1rem;border:1px solid rgba(255,255,255,.07);border-radius:1.1rem;background:linear-gradient(145deg,rgba(22,26,36,.9),rgba(13,16,23,.82));box-shadow:0 18px 42px rgba(0,0,0,.12)}
.cv42-search-row{display:grid;grid-template-columns:minmax(16rem,1fr) 8.5rem 13rem auto;gap:.65rem;align-items:center}.cv42-search-box{min-height:2.8rem;display:flex;align-items:center;gap:.65rem;padding:0 .8rem;border:1px solid rgba(255,255,255,.1);border-radius:.8rem;background:rgba(8,10,15,.55);transition:border-color .18s,box-shadow .18s}.cv42-search-box:focus-within{border-color:rgba(245,197,24,.55);box-shadow:0 0 0 3px rgba(245,197,24,.06)}.cv42-search-box>i{width:1rem;color:#7f8a9d;flex:0 0 auto}.cv42-search-box input{min-width:0;flex:1;background:transparent;color:#f8fafc;font-size:.78rem;outline:none}.cv42-search-box input::placeholder{color:#596579}.cv42-clear-search{width:1.6rem;height:1.6rem;display:grid;place-items:center;border-radius:.45rem;color:#64748b}.cv42-clear-search:hover{background:rgba(255,255,255,.06);color:#f8fafc}.cv42-clear-search i{width:.9rem}
.cv42-select{width:100%;min-height:2.8rem;padding:0 .75rem;border:1px solid rgba(255,255,255,.1);border-radius:.8rem;background:#141821;color:#cbd5e1;font-size:.73rem;font-weight:700;outline:none}.cv42-select:focus{border-color:rgba(245,197,24,.5)}
.cv42-more-filters{min-height:2.8rem;padding:0 .8rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;white-space:nowrap;border:1px solid rgba(255,255,255,.1);border-radius:.8rem;color:#aeb8c8;background:rgba(255,255,255,.035);font-size:.73rem;font-weight:800}.cv42-more-filters:hover{border-color:rgba(245,197,24,.3);color:#f5c518}.cv42-more-filters i{width:1rem}.cv42-more-filters b{min-width:1.2rem;height:1.2rem;padding:0 .25rem;display:grid;place-items:center;border-radius:999px;background:#f5c518;color:#111;font-size:.62rem}.cv42-more-filters b.hidden{display:none}
.cv42-advanced-filters{margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.06)}.cv42-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.cv42-advanced-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .1rem 0;color:#6f7c90;font-size:.68rem}.cv42-advanced-footer button{display:inline-flex;align-items:center;gap:.35rem;color:#c8a95a;font-size:.68rem;font-weight:800}.cv42-advanced-footer button:hover{color:#f5c518}.cv42-advanced-footer i{width:.9rem}
.cv42-quick-row{display:flex;gap:.45rem;overflow:auto;padding-top:.85rem}.cv42-quick-row button{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;padding:.48rem .72rem;border-radius:.7rem;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);color:#8793a5;font-size:.7rem;font-weight:800}.cv42-quick-row button i{width:.9rem}.cv42-quick-row button:hover,.cv42-quick-row button.is-active{border-color:rgba(245,197,24,.28);background:rgba(245,197,24,.09);color:#f5c518}
.cv42-results-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.2rem 0 .85rem;color:#7f8a9d;font-size:.7rem;font-weight:700}.cv42-reset-inline{display:inline-flex;align-items:center;gap:.35rem;color:#8d99aa}.cv42-reset-inline:hover{color:#f5c518}.cv42-reset-inline i{width:.9rem}
.cv-catalog-workspace .cv-movie-grid{grid-template-columns:repeat(auto-fill,minmax(174px,1fr));gap:1rem}.cv-catalog-workspace .cv-movie-card{border-radius:1rem;background:linear-gradient(180deg,rgba(24,28,38,.96),rgba(14,17,24,.98));box-shadow:0 8px 22px rgba(0,0,0,.15)}.cv-catalog-workspace .cv-card-body{padding:.75rem .78rem .72rem}.cv-catalog-workspace .cv-card-body h3{font-size:.83rem}.cv-catalog-workspace .cv-poster-top{top:.5rem;left:.5rem;right:.5rem}.cv-catalog-workspace .cv-poster-top span{padding:.18rem .38rem;font-size:.62rem}
.cv-favorite-btn{position:relative;z-index:5;width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;background:rgba(8,10,15,.68);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);color:#d7dee8;font-size:1.1rem;line-height:1}.cv-favorite-btn:hover{border-color:rgba(245,197,24,.55);color:#f5c518}.cv-favorite-btn.is-favorite{color:#f0526d;border-color:rgba(240,82,109,.42);background:rgba(240,82,109,.1)}.cv-favorite-btn-list{justify-self:end;position:relative}
@media (min-width:1024px){#screenCatalog.cv-catalog-workspace{max-width:82rem}.cv-catalog-workspace .cv-movie-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}
@media (max-width:1023px){.cv-catalog-workspace{max-width:72rem;padding:0 1rem 5.5rem}.cv42-search-row{grid-template-columns:minmax(0,1fr) 8rem 12rem auto}.cv42-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.cv42-catalog-topbar{align-items:flex-start;flex-direction:column;gap:1rem}.cv42-top-actions{width:100%;justify-content:space-between}.cv42-add-button{flex:1;justify-content:center}.cv42-search-row{grid-template-columns:1fr 1fr;gap:.55rem}.cv42-search-box{grid-column:1/-1}.cv42-more-filters{width:100%}.cv42-filter-grid{grid-template-columns:1fr 1fr}.cv42-advanced-footer{align-items:flex-start;flex-direction:column}.cv-catalog-workspace .cv-movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.cv42-results-bar{margin-top:1rem}.cv42-catalog-title h2{font-size:1.55rem}}
@media (max-width:460px){.cv42-search-row{grid-template-columns:1fr}.cv42-search-box{grid-column:auto}.cv42-filter-grid{grid-template-columns:1fr}.cv42-sort-select{display:none}.cv42-view-toggle button{width:2.25rem}.cv42-add-button span{font-size:.72rem}}


/* =========================================================
   CINEMAVAULT 4.3 · FICHA COMPLETA DENTRO DEL WORKSPACE
   La ficha no es un drawer: sustituye al catálogo dentro del segundo panel,
   manteniendo el sidebar y el contexto de navegación de la aplicación.
   ========================================================= */
.cv-detail-page{max-width:82rem;margin:0 auto;padding:0 0 3.5rem;min-width:0}
.cv-detail-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 0 1rem;border-bottom:1px solid rgba(255,255,255,.06)}
.cv-detail-back,.cv-detail-action{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.45rem;padding:0 .8rem;border:1px solid rgba(255,255,255,.09);border-radius:.72rem;background:rgba(255,255,255,.025);color:#aeb8c8;font-size:.72rem;font-weight:800;transition:.18s ease}
.cv-detail-back:hover,.cv-detail-action:hover{color:#fff;border-color:rgba(245,197,24,.28);background:rgba(245,197,24,.06)}
.cv-detail-back i,.cv-detail-action i{width:1rem;height:1rem}.cv-detail-top-actions{display:flex;gap:.5rem}.cv-detail-action-primary{background:#f5c518;border-color:#f5c518;color:#11151b}.cv-detail-action-primary:hover{background:#ffd43d;color:#11151b;border-color:#ffd43d}
.cv-detail-hero{position:relative;overflow:hidden;margin-top:1.1rem;border:1px solid rgba(255,255,255,.09);border-radius:1.35rem;background:linear-gradient(145deg,#181c25,#0e1118);box-shadow:0 24px 60px rgba(0,0,0,.24)}
.cv-detail-hero-bg{position:absolute;inset:0;overflow:hidden}.cv-detail-hero-bg img{width:100%;height:100%;object-fit:cover;filter:blur(28px);opacity:.16;transform:scale(1.08)}.cv-detail-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,17,.98) 0%,rgba(10,12,17,.92) 45%,rgba(10,12,17,.72) 100%),linear-gradient(0deg,rgba(10,12,17,.98),transparent 55%)}
.cv-detail-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:190px minmax(0,1fr);gap:1.5rem;padding:1.5rem}.cv-detail-poster{width:190px;aspect-ratio:2/3;object-fit:cover;border-radius:1rem;border:1px solid rgba(255,255,255,.13);box-shadow:0 18px 40px rgba(0,0,0,.38)}
.cv-detail-copy{align-self:center;min-width:0}.cv-detail-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.7rem}.cv-detail-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .48rem;border-radius:.55rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);color:#9eabc0;font-size:.61rem;font-weight:900;letter-spacing:.03em}.cv-detail-badge.gold{color:#f5c518;border-color:rgba(245,197,24,.22);background:rgba(245,197,24,.07)}.cv-detail-badge.sky{color:#7dd3fc;border-color:rgba(56,189,248,.2);background:rgba(56,189,248,.06)}
.cv-detail-title{margin:0;color:#f8fafc;font-family:Georgia,serif;font-size:clamp(1.8rem,3.4vw,3.15rem);line-height:1.02;letter-spacing:-.04em;font-weight:800}.cv-detail-original{margin:.4rem 0 0;color:#7f8a9d;font-size:.78rem;font-style:italic}.cv-detail-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:1rem;color:#b4bfce;font-size:.72rem;font-weight:700}.cv-detail-meta span{display:inline-flex;align-items:center;gap:.35rem}.cv-detail-rating{display:flex;align-items:center;gap:.6rem;margin-top:.85rem}.cv-detail-rating-label{color:#7f8a9d;font-size:.62rem;text-transform:uppercase;letter-spacing:.11em;font-weight:900}.cv-detail-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin-top:1.05rem}.cv-detail-favorite{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .58rem;border-radius:.65rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:#8e9aac;font-size:.66rem;font-weight:800;cursor:pointer;transition:.18s}.cv-detail-favorite:hover{color:#f8fafc;border-color:rgba(240,82,109,.38);background:rgba(240,82,109,.06)}.cv-detail-favorite.is-favorite{color:#fb7185;border-color:rgba(240,82,109,.34);background:rgba(240,82,109,.07)}.cv-detail-favorite-icon{font-size:.95rem;line-height:1}
.cv-detail-content{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.8fr);gap:1rem;margin-top:1rem}.cv-detail-main-column,.cv-detail-side-column,.cv-detail-card-stack{min-width:0}.cv-detail-card-stack{display:grid;gap:1rem}.cv-detail-section{padding:1rem;border:1px solid rgba(255,255,255,.07);border-radius:1.05rem;background:linear-gradient(145deg,rgba(22,26,36,.84),rgba(13,16,23,.88));box-shadow:0 14px 34px rgba(0,0,0,.1)}
.cv-detail-section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.8rem;border-bottom:1px solid rgba(255,255,255,.06)}.cv-detail-section-heading h3{margin:.18rem 0 0;display:flex;align-items:center;gap:.45rem;color:#f8fafc;font-size:.82rem;font-weight:900}.cv-detail-section-heading h3 i{width:1rem;color:#f5c518}.cv-detail-section-heading>div:first-child>p:last-child{margin:.28rem 0 0;color:#667386;font-size:.64rem}.cv-detail-section-kicker{margin:0;color:#c8a95a;font-size:.58rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.cv-detail-section-actions{display:flex;align-items:center;gap:.5rem}.cv-detail-add-button{display:inline-flex;align-items:center;gap:.4rem;min-height:2.15rem;padding:0 .68rem;border:1px solid rgba(245,197,24,.2);border-radius:.65rem;background:rgba(245,197,24,.08);color:#f5c518;font-size:.65rem;font-weight:900}.cv-detail-add-button:hover{background:rgba(245,197,24,.14)}.cv-detail-add-button i{width:.9rem}.cv-detail-add-button-small{border-color:rgba(56,189,248,.18);background:rgba(56,189,248,.06);color:#7dd3fc}.cv-detail-add-button-small:hover{background:rgba(56,189,248,.11)}
.cv-detail-view-toggle{display:flex;padding:.2rem;border:1px solid rgba(255,255,255,.07);border-radius:.65rem;background:rgba(0,0,0,.16)}.cv-detail-view-toggle button{width:2rem;height:1.75rem;display:grid;place-items:center;border-radius:.45rem;color:#68758a}.cv-detail-view-toggle button:hover{color:#fff}.cv-detail-view-toggle button.is-active{background:rgba(245,197,24,.12);color:#f5c518}.cv-detail-watch-summary{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:.75rem 0;padding:.65rem .7rem;border-radius:.7rem;background:rgba(8,10,15,.45);border:1px solid rgba(255,255,255,.05);font-size:.66rem}.cv-detail-watch-list{display:grid;gap:.5rem}.cv-detail-watch-list>div{padding:.65rem .7rem;border-radius:.7rem;background:rgba(8,10,15,.4);border:1px solid rgba(255,255,255,.05)}
.cv-detail-page .glass-panel{background:rgba(20,24,33,.72);border-color:rgba(255,255,255,.07);box-shadow:none}.cv-detail-page .glass-panel h3{font-size:.82rem}.cv-detail-page .glass-panel p,.cv-detail-page .glass-panel span{line-height:1.55}.cv-detail-page .cv-detail-card-stack .glass-panel{padding:1rem;border-radius:1.05rem}.cv-detail-page #editionsContainer{margin-top:.9rem}
@media (max-width:1023px){.cv-detail-page{max-width:72rem;padding:0 1rem 5.5rem}.cv-detail-content{grid-template-columns:1fr}.cv-detail-side-column{order:2}.cv-detail-main-column{order:1}.cv-detail-watchlog{margin-top:0}}
@media (max-width:680px){.cv-detail-topbar{align-items:flex-start}.cv-detail-top-actions{flex-shrink:0}.cv-detail-action span{display:none}.cv-detail-action{width:2.45rem;padding:0}.cv-detail-hero-inner{grid-template-columns:105px minmax(0,1fr);gap:1rem;padding:1rem}.cv-detail-poster{width:105px;border-radius:.75rem}.cv-detail-title{font-size:1.55rem}.cv-detail-meta{gap:.4rem .75rem;font-size:.65rem}.cv-detail-hero-actions{margin-top:.75rem}.cv-detail-content{gap:.75rem}.cv-detail-section{padding:.85rem}.cv-detail-section-heading{align-items:flex-start}.cv-detail-section-actions{flex-wrap:wrap;justify-content:flex-end}.cv-detail-add-button span{display:none}.cv-detail-add-button{width:2.15rem;padding:0;justify-content:center}.cv-detail-watch-summary{font-size:.61rem}}
@media (max-width:430px){.cv-detail-hero-inner{grid-template-columns:82px minmax(0,1fr);gap:.75rem}.cv-detail-poster{width:82px}.cv-detail-title{font-size:1.35rem}.cv-detail-original{font-size:.68rem}.cv-detail-meta{font-size:.59rem}.cv-detail-badge{font-size:.54rem}.cv-detail-topbar{gap:.5rem}.cv-detail-back{padding:0 .65rem}}

/* CinemaVault Cloud · Fase 5 */
.cv-sidebar-cloud-status{font-size:9px;line-height:1;padding:4px 6px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#64748b;font-weight:800;margin-left:auto}
.cv-sidebar-cloud-status.is-connected{color:#6ee7b7;border-color:rgba(52,211,153,.22);background:rgba(52,211,153,.05)}
.cv-cloud-tab{border:0;background:transparent;color:#64748b;padding:.55rem .75rem;border-radius:.65rem;font-size:.7rem;font-weight:800;cursor:pointer;transition:.18s ease}
.cv-cloud-tab.is-active{background:rgba(255,255,255,.08);color:#fff;box-shadow:0 1px 8px rgba(0,0,0,.15)}
.cv-sidebar-cloud .cv-sidebar-link{width:100%}
@media (max-width:1023px){.cv-sidebar-cloud{display:none}}

/* CinemaVault Dashboard · métricas navegables */
.cv-dashboard-stat { position: relative; overflow: hidden; }
.cv-dashboard-stat-icon { display: inline-flex; align-items: center; justify-content: center; }
.cv-dashboard-stat-hint { display:flex; align-items:center; gap:4px; margin-top:12px; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:rgba(148,163,184,.55); opacity:0; transform:translateY(3px); transition:opacity .2s ease, transform .2s ease, color .2s ease; }
.cv-dashboard-stat-hint svg { width:12px; height:12px; }
.cv-dashboard-stat:hover .cv-dashboard-stat-hint, .cv-dashboard-stat:focus-visible .cv-dashboard-stat-hint { opacity:1; transform:translateY(0); color:rgba(226,232,240,.8); }
.cv-dashboard-stat:focus-visible { outline:2px solid rgba(148,163,184,.45); outline-offset:2px; }