/* KAIRO 27.63 — CORRECCIÓN EXCLUSIVA ESCRITORIO.
   Se preservan sin cambios las reglas móviles <=750px, assets y funciones.
   Consolidación focalizada sobre estilos heredados conflictivos del modal. */
@media (min-width:751px) {
/* KAIRO 27.63 — Ficha premium compacta, altura natural y una sola zona de scroll.
   Prioridad: no modificar la geometría ni el arte aprobado del top loader. */
html:has(#film-dialog[open]), body:has(#film-dialog[open]){
  overflow:hidden!important;overscroll-behavior:none!important;
}
dialog#film-dialog.film-dialog{
  display:none; /* El UA dialog original queda oculto cuando no está abierto */
  box-sizing:border-box!important;
  position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;margin:0!important;
  width:min(1120px,calc(100vw - 32px))!important;
  max-width:calc(100vw - 32px)!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100dvh - 28px)!important;
  margin:auto!important;
  padding:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:auto!important;
  scroll-behavior:auto!important;
  border:1px solid rgba(140,176,208,.50)!important;
  border-radius:20px!important;
  background:#061320!important;
  color:#f4f7ff!important;
  box-shadow:0 38px 105px rgba(0,0,0,.83)!important;
  isolation:isolate;
}
dialog#film-dialog.film-dialog[open]{display:block!important;}
dialog#film-dialog::backdrop{background:rgba(0,4,13,.81)!important;backdrop-filter:blur(7px)}
dialog#film-dialog .dialog-ambient{
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;
  background-position:center 38%!important;background-size:cover!important;
  background-repeat:no-repeat!important;
  filter:blur(10px) saturate(.85) brightness(.49)!important;
  transform:none!important;
  opacity:.83!important;
  pointer-events:none!important;z-index:0!important;
}
dialog#film-dialog::before{
  content:""!important;position:absolute!important;inset:0!important;
  z-index:1!important;pointer-events:none!important;
  background:linear-gradient(90deg,rgba(4,11,21,.32) 0%,rgba(4,11,21,.76) 42%,rgba(4,11,21,.95) 100%),linear-gradient(0deg,rgba(5,12,25,.78),rgba(5,12,25,.12) 55%,rgba(5,12,25,.20))!important;
}
dialog#film-dialog .dialog-film-logo{display:none!important}
dialog#film-dialog .dialog-close{
  position:sticky!important;top:10px!important;right:0!important;float:right!important;
  margin:12px 12px -56px 0!important;
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  display:grid!important;place-items:center!important;
  z-index:20!important;
  border:1px solid rgba(180,204,228,.47)!important;
  border-radius:13px!important;
  background:rgba(5,17,34,.87)!important;
  color:white!important;
  box-shadow:0 4px 14px rgba(0,0,0,.35)!important;
  cursor:pointer!important;
}
dialog#film-dialog .dialog-close:hover{background:rgba(31,56,81,.96)!important}
dialog#film-dialog .dialog-close:focus-visible{outline:3px solid #76cdf7;outline-offset:2px}
dialog#film-dialog .dialog-body{
  position:relative!important;z-index:2!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,365px) minmax(0,1fr)!important;
  gap:clamp(16px,2.7vw,42px)!important;
  align-items:center!important;
  min-height:0!important;height:auto!important;
  width:100%!important;max-width:100%!important;
  margin:0!important;
  padding:27px clamp(25px,3.7vw,48px) 25px!important;
}
dialog#film-dialog .dialog-poster{
  display:flex!important;position:relative!important;
  top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;
  grid-column:1!important;align-self:center!important;align-items:center!important;
  justify-content:center!important;
  width:100%!important;max-width:100%!important;
  min-width:0!important;height:auto!important;min-height:0!important;
  margin:0!important;padding:0!important;
  overflow:visible!important;
}
/* Preserve the identical protector; only set its maximum presentation size. */
dialog#film-dialog .dialog-poster .k-premium-toploader,
dialog#film-dialog .dialog-poster .case{
  display:block!important;
  width:min(100%,355px)!important;
  max-width:355px!important;
  height:auto!important;
  transform:none!important;
  margin-inline:auto!important;
  filter:drop-shadow(0 14px 23px rgba(0,0,0,.5))!important;
}
dialog#film-dialog .dialog-copy{
  grid-column:2!important;
  position:relative!important;
  display:block!important;
  min-width:0!important;max-width:100%!important;
  width:100%!important;min-height:0!important;height:auto!important;
  margin:0!important;padding:12px 0 0!important;
  align-self:center!important;
  background:none!important;border:none!important;border-radius:0!important;
  box-shadow:none!important;backdrop-filter:none!important;
  text-shadow:none!important;
}
dialog#film-dialog.k275-logo-loaded #dialog-name,
dialog#film-dialog #dialog-name{
  position:static!important;
  display:block!important;
  width:auto!important;height:auto!important;overflow:visible!important;
  clip-path:none!important;white-space:normal!important;
  font-size:clamp(30px,3.6vw,49px)!important;
  line-height:1.07!important;letter-spacing:-.035em!important;
  color:#fff!important;font-weight:850!important;
  overflow-wrap:break-word!important;
  text-shadow:0 4px 15px rgba(0,0,0,.4)!important;
  margin:8px 0 17px!important;
}
dialog#film-dialog #dialog-kicker{
  display:inline-flex!important;align-items:center!important;
  font-size:10px!important;line-height:1.35!important;letter-spacing:.15em!important;
  text-transform:uppercase!important;color:#e6bb7b!important;
  margin:0!important;
}
dialog#film-dialog #dialog-badges{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:0 0 18px!important}
dialog#film-dialog #dialog-badges .tag{
  font-size:10.5px!important;line-height:1.35!important;
  padding:7px 10px!important;border-radius:999px!important;
  color:#dceaf9!important;border:1px solid rgba(150,185,222,.41)!important;
  background:rgba(9,24,43,.75)!important;
}
dialog#film-dialog #dialog-badges .tag.gold{
  color:#f5d49d!important;border-color:#c8994b!important;
  background:rgba(88,59,24,.75)!important;
}
dialog#film-dialog #dialog-text{
  max-width:71ch!important;
  font-size:clamp(13px,1.18vw,15.5px)!important;line-height:1.58!important;
  color:#ebf2fb!important;margin:0 0 16px!important;
  text-shadow:0 2px 9px rgba(0,0,0,.45)!important;
}
dialog#film-dialog #dialog-specs.kairo-spec-strip{
  display:flex!important;flex-wrap:wrap!important;
  align-items:center!important;gap:10px 24px!important;
  margin:0 0 19px!important;padding:12px 0!important;
  background:transparent!important;
  border-top:1px solid rgba(190,209,230,.25)!important;
  border-bottom:1px solid rgba(190,209,230,.19)!important;
}
dialog#film-dialog #dialog-specs.kairo-spec-strip>div{
  display:flex!important;align-items:baseline!important;gap:7px!important;
  margin:0!important;padding:0!important;min-height:0!important;
  background:none!important;border:0!important;border-radius:0!important;
}
dialog#film-dialog #dialog-specs.kairo-spec-strip small{font-size:12px!important;color:#a4d2ed!important;white-space:nowrap!important}
dialog#film-dialog #dialog-specs.kairo-spec-strip strong{font-size:13px!important;color:#fff!important;font-weight:800!important}
dialog#film-dialog .dialog-actions{
  display:flex!important;flex-wrap:wrap!important;gap:10px!important;
  align-items:stretch!important;max-width:100%!important;width:100%!important;
  margin:0!important;padding:0!important;
}
dialog#film-dialog .dialog-actions:has(.k-fav-heart){
  display:grid!important;grid-template-columns:minmax(0,1fr) 62px!important;
  gap:10px!important;
}
dialog#film-dialog .dialog-actions > .commercial-btn{
  grid-column:1!important;min-width:0!important;min-height:66px!important;
  width:100%!important;padding:12px 15px!important;
  border-radius:12px!important;
  border:1px solid #f2d5a3!important;
  color:#101929!important;background:linear-gradient(115deg,#f0c782,#bf8b4b)!important;
  box-shadow:0 10px 20px rgba(0,0,0,.26)!important;
  cursor:pointer;
}
dialog#film-dialog .dialog-actions > .commercial-btn strong{font-size:14px!important;line-height:1.3!important;color:#101929!important}
dialog#film-dialog .dialog-actions > .commercial-btn small{font-size:11px!important}
dialog#film-dialog .dialog-actions .k-fav-heart{
  grid-column:2!important;display:grid!important;place-items:center!important;
  width:62px!important;min-width:0!important;min-height:66px!important;height:auto!important;
  border-radius:12px!important;
}
dialog#film-dialog .dialog-actions .k-fav-heart svg{width:29px!important;height:29px!important}
dialog#film-dialog .dialog-actions .k-catalog-nocommerce{flex:1 1 auto;min-width:0;grid-column:1}
dialog#film-dialog .commercial-note{margin:9px 0 0!important;max-width:65ch!important;font-size:12px!important;line-height:1.5!important}
dialog#film-dialog .commercial-note:empty{display:none!important}
dialog#film-dialog .dialog-gallery{margin-top:13px!important}
dialog#film-dialog .dialog-gallery:empty{display:none!important}

}
@media(min-width:751px) and (max-width:1020px){
 dialog#film-dialog .dialog-body{grid-template-columns:minmax(0,285px) minmax(0,1fr)!important;padding:25px 28px!important;gap:22px!important}
 dialog#film-dialog .dialog-poster .k-premium-toploader,dialog#film-dialog .dialog-poster .case{max-width:275px!important}
 dialog#film-dialog #dialog-name{font-size:clamp(30px,4.1vw,43px)!important}
}