/* TV PLAY V1.82 — Refinamiento visual de Planes.
   Sin cambios de texto, posición/tamaño de la tarjeta, precios ni funcionalidad.
   Mejor lectura de aclaraciones, precio más limpio, espaciado uniforme. */

/* Precio: un azul más definido y un único detalle decorativo muy sutil. */
#planes .plan-summary-premium .summary-price-card {
  background: linear-gradient(124deg,
    rgba(38, 91, 161, .91) 0%,
    rgba(25, 62, 115, .87) 61%,
    rgba(20, 45, 92, .88) 100%);
  border-color: rgba(109, 172, 239, .57);
  box-shadow: inset 0 1px 0 rgba(219, 241, 255, .15),
              0 12px 25px rgba(2, 15, 38, .10);
}
#planes .summary-price-card .summary-price-ambient {
  opacity: .15;
}
#planes .plan-summary-premium .summary-price-topline #summaryPriceLabel {
  color: #c1e5ff;
  letter-spacing: 1.15px;
}
#planes .plan-summary-premium .summary-payment-note #priceInfo {
  font-size: 13.25px !important;
  line-height: 1.5 !important;
  color: #d1e4f3 !important;
}
#planes .summary-footer-notes {
  font-size: 12.5px;
  line-height: 1.5;
  color: #bdd2e6;
}
#planes .summary-footer-notes .inline-link {
  color: #bcecf8;
  text-underline-offset: 3px;
}
#planes .summary-footer-notes .inline-link:hover {
  color: #e7fbff;
}
#planes #selectorFootnote {
  font-size: 12.9px;
  line-height: 1.5;
  color: #bbd0e6;
}

/* Desktop holgado: espacios levemente más homogéneos entre las etapas. */
@media (min-width: 861px) and (min-height: 836px) {
  #planes .selector-heading.second-selector,
  #planes .selector-heading.third-selector {
    margin-top: 26px;
  }
  #planes .plan-summary-premium .summary-plan-hero {
    margin-top: 20px;
    margin-bottom: 18px;
  }
  #planes .plan-summary-premium .summary-payment-note #priceInfo {
    font-size: 13.75px !important;
    line-height: 1.53 !important;
  }
  #planes .summary-footer-notes {
    font-size: 13px;
  }
  #planes #selectorFootnote {
    font-size: 13px;
  }
}

/* En notebooks con poco alto, conservar la comparación y botón completos. */
@media (min-width: 861px) and (max-height: 835px) {
  #planes .selector-heading.second-selector,
  #planes .selector-heading.third-selector {
    margin-top: 19px;
  }
  #planes .plan-summary-premium .summary-payment-note #priceInfo {
    font-size: 13px !important;
    line-height: 1.42 !important;
  }
  #planes .summary-footer-notes {
    font-size: 12.2px;
    line-height: 1.4;
  }
  #planes #selectorFootnote {
    font-size: 12.25px;
    line-height: 1.45;
  }
}

/* Desktop angosto: el pie legal tiene menos ancho disponible. */
@media (min-width: 861px) and (max-width: 1060px) {
  #planes .summary-footer-notes {
    font-size: 11.6px;
  }
  #planes .plan-summary-premium .summary-payment-note #priceInfo {
    font-size: 12.9px !important;
    line-height: 1.43 !important;
  }
}

/* La vista apilada mantiene espacio para tocar los botones. */
@media (min-width: 601px) and (max-width: 860px) {
  #planes .selector-heading.second-selector,
  #planes .selector-heading.third-selector { margin-top: 25px; }
  #planes .summary-footer-notes {
    font-size: 13px;
  }
  #planes #selectorFootnote {
    font-size: 13px;
  }
  #planes .plan-summary-premium .summary-payment-note #priceInfo {
    font-size: 13.5px !important;
    line-height: 1.52 !important;
  }
}
@media (max-width: 600px) {
  #planes .plan-summary-premium .summary-payment-note #priceInfo {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
  #planes .summary-footer-notes {
    font-size: 12px;
    line-height: 1.5;
  }
  #planes #selectorFootnote {
    font-size: 12.75px;
    line-height: 1.5;
  }
}