.infofilm-backdrop{position:fixed;inset:0;background-color:rgba(0,0,0,.85);z-index:9999;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:20px}.infofilm-container{background-color:#121212;border-radius:12px;overflow:hidden;max-width:960px;width:100%;box-shadow:0 10px 25px rgba(0,0,0,.6);animation:slideUp .3s ease;position:relative}.infofilm-banner{width:100%;height:280px;background-size:cover;background-position:50%;position:relative;animation:zoomSlow 20s ease-in-out infinite alternate}.infofilm-banner-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 80%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px 24px 24px 40px}.infofilm-banner-overlay .infofilm-title{font-size:2rem;font-weight:700;color:white;margin-bottom:12px}.infofilm-banner-overlay .infofilm-buttons{display:flex;gap:12px;flex-wrap:wrap}@keyframes zoomSlow{0%{transform:scale(1)}to{transform:scale(1.05)}}.close-btn{position:absolute;top:12px;right:12px;z-index:10;background-color:black;border:none;border-radius:9999px;width:36px;height:36px;color:white;font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.close-btn:hover{background-color:#222}.infofilm-body{display:flex;padding:24px;gap:32px;color:white}@media (max-width:768px){.infofilm-body{flex-direction:column;padding:16px;gap:16px;text-align:center}}.infofilm-left{flex:1 1 60%;min-width:260px}.infofilm-overview{font-size:.95rem;line-height:1.6;color:#dddddd;max-height:180px;overflow-y:auto;padding-right:4px;text-align:left}.infofilm-overview::-webkit-scrollbar{width:4px}.infofilm-overview::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.2);border-radius:4px}.infofilm-separator{width:1px;background-color:rgba(255,255,255,.15);margin:0 8px}@media (max-width:768px){.infofilm-separator{width:100%;height:1px}}.infofilm-right{flex:1 1 35%;min-width:220px;display:flex;flex-direction:column;justify-content:center;gap:10px}.infofilm-right p{margin:0;font-size:.92rem;color:#cccccc;line-height:1.4;display:flex;align-items:center;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.75rem;padding:4px 10px;border-radius:999px;margin-right:8px;color:white;text-transform:uppercase;letter-spacing:.4px}.badge-yellow{background-color:#facc15;color:#1a1a1a}.badge-gray{background-color:#2d2d2d;color:white}.watch-btn{background-color:#7f57f1;color:white;padding:10px 22px;font-weight:600;border-radius:6px;text-decoration:none;transition:background .2s ease}.watch-btn:hover{background-color:#a17cff}.info-btn{background-color:#1a1a1a;color:white;padding:10px 18px;font-weight:500;border-radius:6px;border:1px solid rgba(255,255,255,.2);transition:background .2s ease}.info-btn:hover{background-color:#333}@media screen and (max-height:420px) and (orientation:landscape){.infofilm-container{max-height:100vh;overflow-y:auto}.infofilm-banner{height:200px}.close-btn{top:8px;right:8px}}@media (max-width:480px){.infofilm-title{font-size:1.4rem}.infofilm-overview{font-size:.9rem}.infofilm-right{font-size:.85rem}.badge{font-size:.72rem;padding:3px 8px}}.infofilm-info-pair{display:flex;align-items:center;flex-wrap:nowrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;gap:8px}.infofilm-info-pair.expanded{white-space:normal;flex-wrap:wrap;overflow:visible;text-overflow:unset}.infofilm-info-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.infofilm-toggle-btn{color:#7f57f1;font-size:.8rem;font-weight:600;margin-left:8px;cursor:pointer;display:inline-block}.infofilm-expandable-line{position:relative;display:flex;align-items:center}.infofilm-mini-toggle{background:none;border:none;color:#7f57f1;font-weight:700;font-size:.85rem;margin-left:6px;cursor:pointer;padding:0;line-height:1;height:100%;display:flex;align-items:center}.clickable-genre{cursor:pointer;color:#ccc;transition:color .2s ease}.clickable-genre:hover{color:#fff;text-decoration:underline}.validated-anim{animation:pop-validated .5s cubic-bezier(.4,1.4,.4,1) both;background:linear-gradient(90deg,#22c55e,#4ade80);color:#fff!important;box-shadow:0 0 0 4px #22c55e44,0 2px 8px #22c55e33}@keyframes pop-validated{0%{transform:scale(1);box-shadow:0 0 0 0 #22c55e44}60%{transform:scale(1.12);box-shadow:0 0 0 8px #22c55e44}to{transform:scale(1);box-shadow:0 0 0 4px #22c55e44}}.validated-check{font-weight:700;font-size:1.1em;letter-spacing:.5px;color:#fff!important}.animate-pop{animation:pop-check .5s cubic-bezier(.4,1.4,.4,1) both}@keyframes pop-check{0%{transform:scale(.7) rotate(-20deg);opacity:0}60%{transform:scale(1.2) rotate(10deg);opacity:1}to{transform:scale(1) rotate(0deg);opacity:1}}