/* Tarjeta flotante tipo Netflix: solo escritorio con cursor preciso. */
.netflix-hover-preview{
  position:fixed;
  z-index:2147483000;
  width:min(365px,32vw);
  min-width:310px;
  background:#181818;
  border-radius:7px;
  overflow:hidden;
  box-shadow:0 18px 55px rgba(0,0,0,.88);
  opacity:0;
  visibility:hidden;
  transform:translateY(10px) scale(.94);
  transform-origin:center center;
  transition:opacity .18s ease,transform .22s cubic-bezier(.2,.75,.25,1),visibility .18s;
  pointer-events:none;
  color:#fff;
}
.netflix-hover-preview.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}
.netflix-hover-preview__media{position:relative;aspect-ratio:16/9;background:#090909;overflow:hidden}
.netflix-hover-preview__media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 24%;filter:brightness(.83);transform:scale(1.02)}
.netflix-hover-preview__shade{position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(24,24,24,.98))}
.netflix-hover-preview__brand{position:absolute;left:13px;top:11px;color:#e50914;font-size:1.25rem;font-weight:900;text-shadow:0 2px 8px #000}
.netflix-hover-preview__body{padding:12px 14px 14px}
.netflix-hover-preview__actions{display:flex;align-items:center;gap:8px;margin-top:-30px;position:relative;z-index:2}
.netflix-hover-preview__button{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.75);background:#202020;color:#fff;text-decoration:none!important;transition:.15s ease}
.netflix-hover-preview__button:hover,.netflix-hover-preview__button:focus{border-color:#fff;background:#333;color:#fff;transform:scale(1.06)}
.netflix-hover-preview__button--play{background:#fff;color:#111;border-color:#fff}
.netflix-hover-preview__button--play:hover,.netflix-hover-preview__button--play:focus{background:#e6e6e6;color:#111}
.netflix-hover-preview__button--more{margin-left:auto}
.netflix-hover-preview__title{font-size:1.02rem;font-weight:750;line-height:1.25;margin:11px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.netflix-hover-preview__meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:.76rem;color:#d7d7d7}
.netflix-hover-preview__match{color:#46d369;font-weight:700}
.netflix-hover-preview__quality{border:1px solid #777;border-radius:2px;padding:0 4px;font-size:.65rem;color:#eee}
.netflix-hover-preview__genres{margin-top:8px;font-size:.78rem;color:#eee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.netflix-hover-preview__genres span+span:before{content:'•';color:#777;margin:0 7px}
.netflix-hover-preview-arrow{position:absolute;top:-7px;left:50%;width:14px;height:14px;background:#181818;transform:translateX(-50%) rotate(45deg)}
body.netflix-preview-open .swiper-button{opacity:.3}
@media (max-width:991px),(hover:none),(pointer:coarse){.netflix-hover-preview{display:none!important}}
.netflix-hover-preview__button{cursor:pointer;font-family:inherit}
.netflix-hover-preview__button.is-active{background:#fff;color:#111;border-color:#fff}
.netflix-preview-toast{position:fixed;left:50%;bottom:34px;z-index:2147483646;transform:translate(-50%,14px);background:rgba(22,22,22,.96);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:11px 16px;font-size:.88rem;font-weight:700;box-shadow:0 12px 36px rgba(0,0,0,.55);opacity:0;transition:.2s ease;pointer-events:none}
.netflix-preview-toast.is-visible{opacity:1;transform:translate(-50%,0)}