/* TV PLAY V1.114 — Carrusel de páginas completas.
   Desktop: siempre tres tarjetas completas, sin recortes a los extremos.
   El resto de la página y los precios comerciales quedan sin cambios. */

/* Pistas distintas por dispositivo. */
#revendedores .reseller-carousel-hint-desktop { display:inline; }
#revendedores .reseller-carousel-hint-mobile { display:none; }

/* Navegación un poco más visible, con la misma paleta de TV PLAY. */
#revendedores .reseller-carousel-navigation .reseller-scroll-controls button{
  width:44px;
  height:44px;
  border:1px solid #4f779c;
  border-radius:12px;
  background:linear-gradient(145deg,#1a3c60,#132c4a);
  color:#ecf9ff;
  font-size:29px;
}
#revendedores .reseller-carousel-navigation .reseller-scroll-controls button:disabled{
  opacity:.38;
  cursor:default;
}
#revendedores .reseller-carousel-top{
  min-height:46px;
  margin-bottom:11px;
}
#revendedores .reseller-carousel-navigation{ gap:13px; }
#revendedores .reseller-carousel-kicker{font-size:11px;}

/* El precio ya se contextualiza con el selector, no repetir modalidad. */
#revendedores .reseller-price-caption{
  text-transform:uppercase;
  letter-spacing:.6px;
  font-weight:800;
  color:#a6d7f2;
}

/* Un poco más de aire dentro de cada tarjeta, manteniendo los botones a la vista. */
#revendedores .reseller-price-card{padding:18px 15px 16px;}
#revendedores .reseller-card-head{margin-bottom:13px;}
#revendedores .reseller-card-price-block{
  gap:7px;
  margin-bottom:12px;
  padding-top:11px;
  padding-bottom:12px;
}
#revendedores .reseller-card-includes{
  gap:10px;
  margin-top:9px;
  margin-bottom:13px;
}
#revendedores .reseller-card-cta{
  min-height:48px;
  font-size:13px;
  padding:10px 8px;
}

/* Tres tarjetas enteras y equidistantes: 3 * ancho + 2 * gap = 100%. */
@media(min-width:980px){
  #revendedores .reseller-cards-viewport{
    grid-auto-flow:column;
    grid-template-columns:none;
    grid-auto-columns:calc((100% - 24px) / 3);
    column-gap:12px;
    padding:3px 0 10px;
    scroll-padding-inline:0;
    scroll-snap-type:x mandatory;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
  }
  #revendedores .reseller-carousel-top{
    min-height:46px;
  }
  #revendedores .reseller-packages .reseller-price-card{
    min-height:clamp(410px,49svh,447px);
  }
}
@media(min-width:980px) and (max-width:1279px){
  #revendedores .reseller-cards-viewport{
    grid-auto-columns:calc((100% - 24px) / 3);
  }
  #revendedores .reseller-packages .reseller-price-card{
    min-height:402px;
    padding:16px 15px 14px;
  }
  #revendedores .reseller-carousel-top{
    margin-bottom:6px;
    min-height:44px;
  }
  #revendedores .reseller-card-cta{
    min-height:46px;
    font-size:12.5px;
  }
}
@media(min-width:1280px){
  #revendedores .reseller-carousel-top{
    margin-bottom:11px;
  }
}
@media(max-width:979px){
  #revendedores .reseller-carousel-hint-desktop{display:none;}
  #revendedores .reseller-carousel-hint-mobile{display:inline;}
  #revendedores .reseller-carousel-navigation .reseller-scroll-controls button{
    width:38px;
    height:38px;
    font-size:25px;
  }
  #revendedores .reseller-price-card{padding:16px 16px 15px;}
  #revendedores .reseller-card-cta{min-height:46px;}
  #revendedores .reseller-card-includes{margin-top:7px;margin-bottom:11px;}
}
@media(max-width:620px){
  #revendedores .reseller-carousel-navigation .reseller-scroll-controls button{
    width:35px;height:35px;font-size:24px;
  }
  #revendedores .reseller-carousel-navigation{gap:7px;}
  #revendedores .reseller-carousel-top{min-height:40px;margin-bottom:10px;}
  #revendedores .reseller-price-card{padding:15px 16px;}
}
@media(max-width:370px){
  #revendedores .reseller-carousel-navigation .reseller-scroll-controls button{
    width:32px;height:32px;font-size:22px;
  }
}
@media(min-width:980px) and (max-height:690px){
  #revendedores .reseller-packages .reseller-price-card{
    min-height:350px;
    padding-top:10px;padding-bottom:11px;
  }
  #revendedores .reseller-card-price-block{
    padding-block:7px;
    gap:4px;
  }
  #revendedores .reseller-card-includes{
    min-height:43px;
    gap:5px;margin-top:3px;margin-bottom:7px;
  }
  #revendedores .reseller-card-cta{min-height:40px;}
  #revendedores .reseller-carousel-top{min-height:36px;margin-bottom:5px;}
}
@media(prefers-reduced-motion:reduce){
  #revendedores .reseller-carousel-navigation .reseller-scroll-controls button{
    transition:none;
  }
}