/* TV PLAY V1.136 — tarjetas más compactas y encabezado nombre + créditos.
   Solo #revendedores, sin modificar precios, links, funcionalidad o otras secciones. */

/* Desplazar el contenido completo (incluido botón) ligeramente a la derecha. */
#revendedores .reseller-packages .reseller-price-card {
  padding-left:20px;
  padding-right:11px;
}
#revendedores .reseller-card-head{
  gap:7px;
  min-width:0;
}
#revendedores .reseller-card-title-row{
  display:flex;
  flex:1 1 auto;
  flex-wrap:nowrap;
  align-items:center;
  gap:6px;
  min-width:0;
}
#revendedores .reseller-card-title-row h3{
  display:block;
  flex:0 1 auto;
  margin:0;
  font-size:clamp(17.3px,1.28vw,19px);
  letter-spacing:-.47px;
  line-height:1.14;
  white-space:nowrap;
}
#revendedores .reseller-card-title-row .reseller-card-subtitle{
  flex:0 0 auto;
  margin:0;
  padding:3px 6px;
  font-size:10.8px;
  line-height:1.22;
  white-space:nowrap;
  font-weight:760;
}
#revendedores .reseller-price-card[data-reseller-slug="distribuidor"] .reseller-card-title-row h3{
  font-size:17px;
  letter-spacing:-.5px;
}
#revendedores .reseller-price-card[data-reseller-slug="distribuidor"] .reseller-card-title-row .reseller-card-subtitle{
  font-size:10.2px;
  padding-inline:5px;
}

/* Altura algo menor en escritorio para aprovechar el espacio liberado. */
@media(min-width:1280px) and (min-height:691px){
  #revendedores .reseller-packages .reseller-price-card{min-height:286px;}
}
@media(min-width:980px) and (max-height:690px){
  #revendedores .reseller-packages .reseller-price-card{
    padding-left:17px;
    padding-right:9px;
  }
  #revendedores .reseller-card-head{gap:7px;}
  #revendedores .reseller-card-title-row h3{font-size:17.5px;}
  #revendedores .reseller-card-title-row .reseller-card-subtitle{font-size:10.5px;padding:2px 5px;}
  #revendedores .reseller-price-card[data-reseller-slug="distribuidor"] .reseller-card-title-row h3{font-size:16.5px;}
}
@media(max-width:979px){
  #revendedores .reseller-packages .reseller-price-card{
    padding-left:20px;
    padding-right:8px;
  }
  #revendedores .reseller-card-head{gap:6px;}
  #revendedores .reseller-card-title-row{gap:4px;}
  #revendedores .reseller-card-title-row h3{font-size:17.2px;}
  #revendedores .reseller-card-title-row .reseller-card-subtitle{
    font-size:10.2px;
    padding:3px 4px;
  }
  /* Distribuidor es el único nombre demasiado largo en una tarjeta móvil.
     Permitir que el chip baje de línea en lugar de recortar contenido. */
  #revendedores .reseller-price-card[data-reseller-slug="distribuidor"] .reseller-card-title-row{
    flex-wrap:wrap;
    gap:3px 5px;
  }
}
@media(max-width:370px){
  #revendedores .reseller-packages .reseller-price-card{
    padding-left:17px;
    padding-right:7px;
  }
  #revendedores .reseller-card-title-row h3{font-size:16.8px;}
  #revendedores .reseller-card-title-row .reseller-card-subtitle{font-size:10px;}
}

/* Ajuste de legibilidad final: los créditos deben seguir siendo fáciles de leer. */
#revendedores .reseller-card-title-row h3{
  font-size:clamp(18.5px,1.37vw,20.2px);
}
#revendedores .reseller-card-title-row .reseller-card-subtitle{
  font-size:11.7px;
}
#revendedores .reseller-price-card[data-reseller-slug="distribuidor"] .reseller-card-title-row .reseller-card-subtitle{
  font-size:11.2px;
}
@media(min-width:1280px) and (min-height:691px){
  #revendedores .reseller-packages .reseller-price-card{min-height:278px;}
}
@media(min-width:980px) and (max-height:690px){
  #revendedores .reseller-card-title-row h3{font-size:18px;}
  #revendedores .reseller-card-title-row .reseller-card-subtitle{font-size:11.4px;}
  #revendedores .reseller-price-card[data-reseller-slug="distribuidor"] .reseller-card-title-row h3{font-size:17px;}
  #revendedores .reseller-price-card[data-reseller-slug="distribuidor"] .reseller-card-title-row .reseller-card-subtitle{font-size:11px;}
}
@media(max-width:979px){
  #revendedores .reseller-card-title-row h3{font-size:17.8px;}
  #revendedores .reseller-card-title-row .reseller-card-subtitle{font-size:11px;}
  /* Distribuidor: llevar el ícono al rincón superior derecho, frente al
     distintivo PREMIUM. Deja espacio real para el título y el chip en fila. */
  #revendedores .reseller-price-card[data-reseller-slug="distribuidor"] .reseller-card-icon{
    position:absolute;
    top:12px;
    right:11px;
  }
  #revendedores .reseller-price-card[data-reseller-slug="distribuidor"] .reseller-card-head{
    gap:0;
  }
  #revendedores .reseller-price-card[data-reseller-slug="distribuidor"] .reseller-card-title-row{
    flex-wrap:nowrap;
    gap:5px;
  }
  #revendedores .reseller-price-card[data-reseller-slug="distribuidor"] .reseller-card-title-row h3{
    font-size:17px;
  }
  #revendedores .reseller-price-card[data-reseller-slug="distribuidor"] .reseller-card-title-row .reseller-card-subtitle{
    font-size:10.8px;
  }
}
@media(max-width:370px){
  #revendedores .reseller-card-title-row h3{font-size:17px;}
  #revendedores .reseller-card-title-row .reseller-card-subtitle{font-size:10.7px;}
  #revendedores .reseller-price-card[data-reseller-slug="distribuidor"] .reseller-card-icon{right:9px;}
  #revendedores .reseller-price-card[data-reseller-slug="distribuidor"] .reseller-card-title-row .reseller-card-subtitle{font-size:10.6px;}
}