/* TV PLAY V1.44 — composición aprobada: paso 02 arriba a la derecha.
   El título y paso 01 están a la izquierda; la guía vertical inicia
   junto al título, con tamaño moderado. No hay cajas exteriores.
   Mantener guías originales, selector, accesos y modal HD funcionales.
*/
.section.section-install-inline {
  padding-top:50px;
  padding-bottom:52px;
  background:
    radial-gradient(ellipse 68% 60% at 86% 32%,rgba(21,72,139,.12),transparent 80%),
    linear-gradient(180deg,#091424,#0a1729);
}
.section-install-inline .inline-install-shell {
  display:grid;
  grid-template-columns:minmax(0, 600px) minmax(0,1fr);
  column-gap:clamp(32px,3.1vw,55px);
  align-items:start;
  width:100%;
  padding:0;
  margin:0;
  min-height:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.section-install-inline .inline-install-left {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
}
.section-install-inline .inline-install-heading {
  display:block;
  width:100%;
  margin:0 0 36px;
  min-width:0;
}
.section-install-inline .inline-install-heading-copy {
  max-width:100%;
}
.section-install-inline .inline-install-heading h2 {
  margin-top:15px;
  font-size:clamp(38px,3.5vw,52px);
  line-height:1.1;
}
.section-install-inline .inline-install-heading-copy > p {
  margin:13px 0 0;
  font-size:14px;
  line-height:1.55;
}
.section-install-inline .inline-install-picker {
  position:static;
  width:min(100%,500px);
  align-self:flex-start;
  min-width:0;
  padding:0;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.section-install-inline .inline-install-picker > label {
  font-size:14px;
  margin-top:17px;
  margin-bottom:9px;
}
.section-install-inline .inline-install-picker select {
  min-height:53px;
  font-size:14px;
}
.section-install-inline .inline-install-device-preview {
  margin-top:14px;
  min-height:87px;
  padding:14px 17px;
}
.section-install-inline .inline-install-help-tip {
  margin-top:14px;
  padding:14px 16px;
}
.section-install-inline .inline-install-help-tip p {font-size:12px;line-height:1.55;}
.section-install-inline .inline-install-picker .inline-install-guide-actions {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-items:stretch;
  gap:12px;
  margin-top:17px;
}
.section-install-inline .inline-install-picker .inline-install-guide-actions .button {
  flex:1 1 0;
  min-width:0;
  min-height:49px;
  justify-content:center;
  padding:12px 16px;
  font-size:13px;
}
.section-install-inline .inline-install-guidance {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-width:0;
  padding:0;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.section-install-inline .inline-install-guide-topline {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  flex-wrap:wrap;
  gap:10px;
  min-height:32px;
  margin:0 0 13px;
}
.section-install-inline .inline-install-guide-main {
  display:flex;
  flex:initial;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  padding:0;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.section-install-inline .inline-install-poster-column {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:0;
  width:100%;
}
.section-install-inline .inline-install-guide-variants {
  justify-content:center;
  margin-bottom:11px;
}
.section-install-inline .inline-install-poster-open {
  display:block;
  width:min(100%,390px,calc((100svh - 210px) * .5625));
  max-width:100%;
  margin:0 auto;
  padding:0;
  border:0;
  border-radius:11px;
  background:transparent;
  box-shadow:0 14px 32px rgba(0,0,0,.24);
  overflow:hidden;
}
.section-install-inline .inline-install-poster-open img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:941/1672;
  object-fit:contain;
}
.section-install-inline .inline-install-poster-open:hover {
  border:0;
  transform:translateY(-1px);
  box-shadow:0 17px 37px rgba(0,0,0,.3);
}
.section-install-inline .inline-install-poster-hint {
  display:flex;
  padding:14px 8px 11px;
  font-size:12px;
  background:linear-gradient(180deg,transparent,rgba(1,7,18,.93) 40%);
}
.section-install-inline .inline-install-guide-main.guide-without-poster {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:390px;
}
.section-install-inline .inline-install-poster-empty {
  width:min(100%,370px);
  align-items:center;
  text-align:center;
}
@media (min-width:1101px) and (max-width:1279px) {
  .section-install-inline .inline-install-shell {
    grid-template-columns:minmax(0, 53%) minmax(0,1fr);
    column-gap:26px;
  }
  .section-install-inline .inline-install-heading h2 {
    font-size:clamp(36px,3.6vw,46px);
  }
  .section-install-inline .inline-install-picker .inline-install-guide-actions {gap:9px;}
  .section-install-inline .inline-install-picker .inline-install-guide-actions .button {font-size:12px;padding:11px;}
}
@media (max-width:1100px) {
  .section.section-install-inline {padding-top:48px;padding-bottom:65px;}
  .section-install-inline .inline-install-shell {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:27px;
    border:0;
    border-radius:0;
    padding:0;
    margin:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
  }
  .section-install-inline .inline-install-left {
    display:flex;
    flex-direction:column;
    width:100%;
  }
  .section-install-inline .inline-install-heading {
    width:100%;
    margin-bottom:24px;
  }
  .section-install-inline .inline-install-heading h2 {
    font-size:clamp(35px,5.1vw,48px);
  }
  .section-install-inline .inline-install-picker {
    width:100%;
    max-width:520px;
    border:0;
    padding:0;
    background:transparent;
  }
  .section-install-inline .inline-install-guidance {
    position:static;
    border:0;
    padding:0;
    background:transparent;
    width:100%;
  }
  .section-install-inline .inline-install-guide-main {
    display:flex;
    align-items:center;
    padding:0;
    border:0;
    background:transparent;
  }
  .section-install-inline .inline-install-poster-open {
    width:min(100%,390px);
  }
}
@media (max-width:600px) {
  .section.section-install-inline {padding-top:44px;padding-bottom:58px;}
  .section-install-inline .inline-install-heading h2 {
    font-size:clamp(34px,9vw,41px);
  }
  .section-install-inline .inline-install-heading-copy > p {
    font-size:13px;line-height:1.6;
  }
  .section-install-inline .inline-install-picker .inline-install-guide-actions {
    flex-direction:column;
    gap:9px;
  }
  .section-install-inline .inline-install-picker .inline-install-guide-actions .button {
    width:100%;
    min-height:47px;
  }
  .section-install-inline .inline-install-guide-topline {margin-bottom:14px;}
  .section-install-inline .inline-install-poster-open {
    width:min(100%,365px);
  }
}
@media (prefers-reduced-motion:reduce) {
  .section-install-inline .inline-install-poster-open {transition:none;}
  .section-install-inline .inline-install-poster-open:hover {transform:none;}
}

/* Evita que los controles inferiores se corten en portátiles de 720px. */
@media (min-width:1101px) and (max-height:760px) {
  .section-install-inline .inline-install-heading {margin-bottom:30px;}
  .section-install-inline .inline-install-picker > label {margin-top:13px;}
  .section-install-inline .inline-install-device-preview {margin-top:12px;}
  .section-install-inline .inline-install-help-tip {margin-top:11px;}
  .section-install-inline .inline-install-picker .inline-install-guide-actions {margin-top:14px;}
}