/* TV PLAY V1.46 — logos combinados de Android TV / Google TV / TV Box
   y lista de dispositivos que siempre se despliega hacia ABAJO.
   Mantiene el select nativo como fuente de verdad para las guías y los
   vínculos desde la sección de Dispositivos. Sin scripts ni estilos remotos. */

.section-install-inline .inline-install-device-brand .device-brand-multi[hidden] {
  display:none !important;
}
.section-install-inline .inline-install-device-brand[data-brand="androidtv"] {
  background:linear-gradient(140deg,#173d60,#10334f);
  border-color:rgba(66,142,184,.64);
}
.section-install-inline .device-brand-multi {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1px;
  flex:0 0 auto;
  width:100%;
  min-width:0;
  height:100%;
}
.section-install-inline .device-brand-multi > img {
  display:block;
  object-fit:contain;
  object-position:center;
  width:min(84px,100%);
  max-width:100%;
  max-height:15px;
  height:15px;
  flex:0 0 15px;
}
.section-install-inline .device-brand-multi > img:nth-child(2) {
  height:13px;
  max-height:13px;
  flex-basis:13px;
}
.section-install-inline .device-brand-multi-tag {
  display:block;
  max-width:100%;
  line-height:11px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  color:#c9eafd;
  text-transform:uppercase;
}

/* El dropdown propio evita el menú de sistema que se abría hacia arriba. */
.section-install-inline .guide-device-picker {
  display:block;
  width:100%;
  position:relative;
  min-width:0;
  z-index:20;
}
.section-install-inline .guide-device-picker.is-enhanced #guideDevice {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  clip-path:inset(50%) !important;
  opacity:0 !important;
  pointer-events:none !important;
  border:0 !important;
}
.section-install-inline .guide-device-trigger {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  gap:10px;
  min-height:53px;
  padding:12px 14px 12px 17px;
  background:#081a32;
  border:1px solid #4c719d;
  border-radius:10px;
  color:#f5fbff;
  font-family:inherit;
  font-size:14px;
  font-weight:500;
  line-height:1.35;
  text-align:left;
  cursor:pointer;
  box-shadow:none;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.section-install-inline .guide-device-trigger[hidden],
.section-install-inline .guide-device-menu[hidden] {
  display:none !important;
}
.section-install-inline .guide-device-trigger:hover,
.section-install-inline .guide-device-trigger.is-open {
  border-color:#70b8f8;
  background:#0c2542;
}
.section-install-inline .guide-device-trigger:focus-visible,
.section-install-inline .guide-device-option:focus-visible {
  outline:2px solid #72e4f0;
  outline-offset:2px;
}
.section-install-inline .guide-device-trigger svg {
  display:block;
  flex:0 0 18px;
  width:18px;
  height:18px;
  color:#dceaff;
  transition:transform .16s ease;
}
.section-install-inline .guide-device-trigger.is-open svg {
  transform:rotate(180deg);
}
.section-install-inline .guide-device-menu {
  display:block;
  position:absolute;
  top:calc(100% + 7px);
  left:0;
  right:0;
  width:100%;
  z-index:90;
  max-height:min(346px,55dvh);
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  border:1px solid #4d789f;
  border-radius:12px;
  background:#0a1b30;
  color:#f0f8ff;
  box-shadow:0 22px 65px rgba(0,0,0,.47),0 0 0 1px rgba(63,143,203,.12);
  scrollbar-color:#477aa9 #0e2238;
  scrollbar-width:thin;
}
.section-install-inline .guide-device-group {
  display:block;
  padding:5px 6px 7px;
}
.section-install-inline .guide-device-group + .guide-device-group {
  border-top:1px solid rgba(94,145,188,.2);
}
.section-install-inline .guide-device-group-title {
  position:sticky;
  top:-5px;
  z-index:1;
  padding:9px 11px 7px;
  color:#79dcef;
  background:#0a1b30;
  font-size:11px;
  font-weight:820;
  letter-spacing:1.1px;
  text-transform:uppercase;
  pointer-events:none;
}
.section-install-inline .guide-device-option {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  width:100%;
  min-height:40px;
  padding:10px 12px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#d8e6f5;
  font-family:inherit;
  font-size:13px;
  font-weight:500;
  line-height:1.4;
  text-align:left;
  cursor:pointer;
}
.section-install-inline .guide-device-option:hover,
.section-install-inline .guide-device-option:focus-visible {
  color:#fff;
  background:rgba(40,105,170,.25);
}
.section-install-inline .guide-device-option.is-selected {
  color:#fff;
  background:rgba(39,107,178,.34);
  font-weight:750;
}
.section-install-inline .guide-device-option.is-selected::after {
  content:"✓";
  flex:0 0 auto;
  color:#83eef0;
  font-size:15px;
  font-weight:900;
}
@media (max-width:600px) {
  .section-install-inline .guide-device-trigger {
    min-height:52px;
    padding:12px 12px 12px 14px;
    font-size:13px;
  }
  .section-install-inline .guide-device-menu {
    max-height:min(346px,50dvh);
    border-radius:11px;
  }
  .section-install-inline .guide-device-option {
    min-height:44px;
    padding:11px 11px;
    font-size:13px;
  }
  .section-install-inline .device-brand-multi > img {
    width:min(73px,100%);
    height:13px;
    max-height:13px;
    flex-basis:13px;
  }
  .section-install-inline .device-brand-multi > img:nth-child(2) {
    height:12px;
    max-height:12px;
    flex-basis:12px;
  }
  .section-install-inline .device-brand-multi-tag {
    font-size:8px;
    line-height:10px;
  }
}
@media (prefers-reduced-motion:reduce) {
  .section-install-inline .guide-device-trigger,
  .section-install-inline .guide-device-trigger svg {
    transition:none;
  }
}