/* TV PLAY V1.60 — Resumen de plan premium.
   UI y microcopy únicamente: catálogo, fórmulas y CTA conservados. */
#planes .plan-summary-premium {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 28px 30px 26px;
  background: radial-gradient(ellipse 78% 45% at 96% 0%,rgba(44,103,210,.19),transparent 87%),
              linear-gradient(161deg,#152e50 0%,#112340 55%,#0d1c32 100%);
  border-color: #2f4e73;
}
#planes .plan-summary-premium::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg,transparent,rgba(70,212,248,.75) 40%,rgba(76,115,255,.64) 77%,transparent);
  opacity:.85;
}
#planes .plan-summary-premium::after {
  content: "";
  position: absolute;
  right: -110px;
  top: -170px;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  border: 1px solid rgba(115,183,245,.14);
  box-shadow: 0 0 0 45px rgba(75,142,236,.022),0 0 0 93px rgba(75,142,236,.02);
  pointer-events: none;
}
#planes .plan-summary-premium > * {
  position: relative;
  z-index: 1;
}
#planes .summary-premium-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}
#planes .summary-premium-top .summary-mini {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  color: #81dffd;
  font-size: 10px;
  font-weight: 840;
  letter-spacing: 1.65px;
}
#planes .summary-kicker-dot {
  display: block;
  width: 6px;
  height: 6px;
  background: #49d4f5;
  box-shadow: 0 0 0 4px rgba(73,212,245,.10);
  border-radius: 50%;
  flex: none;
}
#planes .summary-brand-stamp {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  border: 1px solid rgba(94,160,232,.26);
  border-radius: 7px;
  color: #d1e7ff;
  background: rgba(7,23,44,.25);
  padding: 6px 9px;
  font-size: 10px;
  letter-spacing: .4px;
  font-weight: 720;
}
#planes .summary-brand-stamp b {color:#7ce7fd;font-weight:900}
#planes .summary-plan-hero {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 22px 0 21px;
  min-width: 0;
}
#planes .summary-plan-hero .summary-art {
  display: grid;
  flex: 0 0 62px;
  place-items: center;
  width: 62px;
  height: 62px;
  margin: 0;
  border-radius: 16px;
  background: linear-gradient(145deg,#18b7ec 0%,#287bea 55%,#4257f7 100%);
  border: 1px solid rgba(208,250,255,.18);
  box-shadow: 0 12px 28px rgba(18,109,224,.20),inset 0 1px 0 rgba(255,255,255,.21);
  color: white;
}
#planes .summary-plan-hero .summary-art svg {height: 34px;width: 34px;display:block}
#planes .summary-plan-identification {min-width:0}
#planes .summary-plan-identification .summary-title {
  margin: 0;
  color: #f8fbff;
  font-weight: 860;
  line-height: 1.08;
  letter-spacing: -.046em;
  font-size: clamp(26px,2.2vw,33px);
}
#planes .summary-plan-identification .summary-subtitle {
  margin: 5px 0 0;
  color: #adcbea;
  font-size: 14px;
  line-height: 1.35;
}
#planes .summary-details-row {
  display: grid;
  grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr);
  gap: 16px;
  border-top: 1px solid rgba(129,171,217,.16);
  border-bottom: 1px solid rgba(129,171,217,.16);
  padding: 16px 1px;
}
#planes .summary-detail {min-width:0}
#planes .summary-detail-label {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #80a9d6;
  font-size: 10px;
  letter-spacing: 1.05px;
  font-weight: 800;
}
#planes .summary-detail-label svg {width:14px;height:14px;flex-shrink:0}
#planes .summary-detail strong {
  display: block;
  margin-top: 7px;
  color: #f1f8ff;
  font-size: 13.5px;
  line-height: 1.4;
  font-weight: 750;
  overflow-wrap: anywhere;
}
#planes .summary-price-card {
  margin-top: 19px;
  position: relative;
  padding: 19px 19px 18px;
  border: 1px solid rgba(92,153,239,.52);
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(125deg,rgba(26,78,148,.78),rgba(20,49,92,.74) 65%,rgba(23,43,94,.74));
  box-shadow: inset 0 1px 0 rgba(196,234,255,.11),0 15px 31px rgba(0,8,24,.14);
}
#planes .summary-price-ambient {
  position: absolute;
  width: 230px;
  height: 230px;
  right: -110px;
  bottom: -155px;
  border: 38px solid rgba(98,181,245,.085);
  border-radius: 50%;
  pointer-events: none;
}
#planes .summary-price-topline {
  position: relative;
  display:flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
#planes #summaryPriceLabel {
  color: #b3dbff;
  font-size: 10px;
  line-height:1.5;
  font-weight: 820;
  letter-spacing: .85px;
}
#planes .summary-price-badge {
  color: #a5d9ff;
  background: rgba(4,18,40,.28);
  padding: 5px 7px;
  border-radius: 6px;
  border: 1px solid rgba(122,182,246,.24);
  font-size: 8.5px;
  line-height: 1.2;
  letter-spacing: .45px;
  font-weight: 780;
}
#planes #summaryPrice {
  display: block;
  position: relative;
  max-width: 100%;
  margin-top: 14px;
  color: #fff;
  text-align: left;
  font-size: clamp(34px,3.7vw,47px);
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -.055em;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
#planes #summaryPrice.summary-price-compact {font-size:clamp(29px,3vw,37px)}
#planes #summaryPrice.summary-price-long {font-size:clamp(25px,2.6vw,32px)}
#planes .summary-price-support {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  margin-top: 10px;
  color: #bdd8f4;
  font-size: 11px;
  line-height: 1.35;
}
#planes .summary-price-support span {
  display: block;
  width: 19px;
  height: 2px;
  background: linear-gradient(90deg,#4cd6fa,#6e88ff);
  border-radius: 2px;
}
#planes .plan-summary-premium .plan-comparison {
  margin: 12px 0 0;
  padding: 12px 13px 11px;
  background: rgba(5,19,36,.34);
  border: 1px solid rgba(80,139,193,.28);
  border-radius: 12px;
}
#planes .plan-summary-premium .plan-comparison .comparison-row {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap: 12px;
  margin: 0;
  color:#bdd3ea;
  font-size: 12px;
  line-height: 1.35;
}
#planes .plan-summary-premium .plan-comparison .comparison-row strong {
  color: #f5faff;
  font-size: 16px;
  font-weight: 800;
  white-space: nowrap;
  font-variant-numeric:tabular-nums;
}
#planes .plan-summary-premium .plan-comparison .comparison-savings {
  margin-top: 10px;
  padding: 10px;
  background: rgba(41,190,140,.095);
  border: 1px solid rgba(103,219,173,.14);
  border-radius: 9px;
}
#planes .plan-summary-premium .plan-comparison .comparison-savings strong {color:#7ef3c3}
#planes .summary-saving-title {display:inline-flex;align-items:center;gap:7px}
#planes .summary-saving-title svg {width:16px;height:16px;color:#7ef3c3;flex-shrink:0}
#planes .plan-summary-premium .plan-comparison small {
  display:block;
  margin: 9px 0 0 !important;
  color:#86a8c9 !important;
  font-size:10px !important;
  text-align: left !important;
  line-height: 1.35 !important;
}
#planes .summary-payment-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 15px;
  padding: 0 1px;
}
#planes .summary-info-icon {
  flex: 0 0 19px;
  display: inline-flex;
  color: #78cce9;
  margin-top: 1px;
}
#planes .summary-info-icon svg {height:18px;width:18px}
#planes .summary-payment-note #priceInfo {
  margin:0 !important;
  color:#a9c5e1 !important;
  font-size: 11px !important;
  line-height: 1.52 !important;
}
#planes .plan-summary-premium button.summary-primary-cta {
  width:100%;
  display:flex;
  justify-content:center;
  gap: 13px;
  align-items:center;
  margin: 19px 0 0;
  padding: 10px 18px;
  min-height: 53px;
  height: auto;
  border-radius: 12px;
  color: #fff;
  font-size:14px;
  font-weight:820;
  letter-spacing:-.015em;
  background: linear-gradient(110deg,#2276f4,#365bf2 57%,#4a49e6);
  box-shadow: 0 13px 25px rgba(35,77,202,.17),inset 0 1px 0 rgba(255,255,255,.15);
}
#planes .plan-summary-premium button.summary-primary-cta:hover {
  background: linear-gradient(110deg,#3188fa,#3b68fa 57%,#565cf2);
  box-shadow: 0 16px 32px rgba(35,77,202,.28);
}
#planes .summary-cta-arrow {
  flex: 0 0 27px;
  display: grid;
  place-items:center;
  background: rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.14);
  height:27px;
  width:27px;
  border-radius:8px;
}
#planes .summary-cta-arrow svg {width:17px;height:17px}
#planes .summary-footer-notes {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:5px 13px;
  margin-top:12px;
  color:#8aa7c8;
  font-size:10px;
  line-height:1.4;
}
#planes .summary-footer-notes .inline-link {
  color:#9cdeef;
  text-decoration:none;
  border-bottom:1px solid rgba(156,222,239,.48);
}
#planes .summary-footer-notes .inline-link:hover {color:#e5faff}
#planes .summary-footer-notes span span {color:#617fa4;margin:0 5px}
@media (min-width: 1061px) {
  #planes .plan-summary-premium {padding:30px 34px 27px}
}
@media (max-width: 860px) {
  #planes .plan-summary-premium {padding:28px 29px 27px}
  #planes .summary-plan-identification .summary-title {font-size:31px}
  #planes #summaryPrice {font-size:44px}
}
@media (max-width: 600px) {
  #planes .plan-summary-premium {padding:24px 22px 23px}
  #planes .summary-plan-hero {margin:21px 0 20px;gap:13px}
  #planes .summary-plan-hero .summary-art {height:54px;width:54px;flex-basis:54px;border-radius:14px}
  #planes .summary-plan-hero .summary-art svg {height:30px;width:30px}
  #planes .summary-plan-identification .summary-title {font-size:29px}
  #planes .summary-details-row {gap:10px;padding:15px 0}
  #planes .summary-detail strong {font-size:12.5px}
  #planes .summary-detail-label {font-size:9px;letter-spacing:.9px}
  #planes .summary-price-card {margin-top:17px;padding:17px 16px}
  #planes #summaryPrice {font-size:40px}
  #planes #summaryPrice.summary-price-compact {font-size:32px}
  #planes #summaryPrice.summary-price-long {font-size:28px}
  #planes .summary-price-badge {font-size:8px}
  #planes .summary-payment-note #priceInfo {font-size:10.5px!important}
  #planes .plan-summary-premium button.summary-primary-cta {font-size:13px}
}
@media (max-width: 365px) {
  #planes .summary-premium-top .summary-mini {font-size:9px;letter-spacing:1px}
  #planes .summary-detail-label {font-size:8px;letter-spacing:.5px}
  #planes .summary-detail-label svg {width:12px;height:12px}
  #planes .summary-detail strong {font-size:11.5px}
  #planes #summaryPrice {font-size:36px}
  #planes .plan-summary-premium .plan-comparison .comparison-row {font-size:11px}
  #planes .plan-summary-premium .plan-comparison .comparison-row strong {font-size:14px}
}