/* TV PLAY V1.113 — Carrusel mayorista preparado para agregar paquetes.
   Se conserva el lenguaje visual de Planes: contexto a la izquierda y
   tarjetas a la derecha; solo se alteran reglas dentro de #revendedores. */
#revendedores .reseller-packages {
  min-width:0;
}
#revendedores .reseller-carousel-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:41px;
  gap:12px;
  margin-bottom:10px;
}
#revendedores .reseller-carousel-intro {
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
#revendedores .reseller-carousel-kicker {
  color:#7fe2f3;
  font-weight:820;
  letter-spacing:1.2px;
  font-size:10.5px;
  line-height:1.3;
}
#revendedores .reseller-carousel-hint {
  color:#9ebdd7;
  font-weight:560;
  font-size:11.5px;
  line-height:1.35;
}
#revendedores .reseller-carousel-navigation {
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
}
#revendedores .reseller-carousel-status {
  color:#b2d9ec;
  font-size:11px;
  font-weight:750;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
#revendedores .reseller-carousel-navigation .reseller-scroll-controls {
  display:flex;
  align-items:center;
  position:static;
  right:auto;
  top:auto;
  transform:none;
  gap:7px;
}
#revendedores .reseller-carousel-navigation .reseller-scroll-controls button {
  width:39px;
  height:39px;
  border:1px solid #3c648c;
  border-radius:11px;
  background:linear-gradient(145deg,#173555,#11243c);
  color:#d4ecfc;
  font-size:27px;
  line-height:1;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease;
}
#revendedores .reseller-carousel-navigation .reseller-scroll-controls button:hover:not(:disabled) {
  border-color:#61cce7;
  background:#244d71;
}
#revendedores .reseller-carousel-navigation .reseller-scroll-controls button:disabled {
  opacity:.37;
  cursor:default;
}
#revendedores .reseller-carousel-navigation .reseller-scroll-controls button:focus-visible {
  outline:3px solid #62dff1;
  outline-offset:2px;
}
#revendedores .reseller-cards-viewport {
  display:grid;
  grid-auto-flow:column;
  grid-template-columns:none;
  grid-auto-columns:30%;
  gap:12px;
  align-items:stretch;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:2px;
  scroll-behavior:smooth;
  padding:3px 2px 10px;
  scrollbar-width:none;
}
#revendedores .reseller-cards-viewport::-webkit-scrollbar {
  display:none;
}
#revendedores .reseller-cards-viewport:focus-visible {
  outline:3px solid #5bdbea;
  outline-offset:2px;
  border-radius:14px;
}
#revendedores .reseller-price-card {
  scroll-snap-align:start;
  min-width:0;
  flex:none;
}
#revendedores .reseller-price-card:hover {
  transform:none;
}
#revendedores .reseller-packages .reseller-price-card {
  min-height:clamp(400px,48.5svh,432px);
}
#revendedores .reseller-card-price {
  font-size:clamp(28px,2.2vw,35px);
}
#revendedores .reseller-price-card[data-reseller-slug="distribuidor"] .reseller-card-price {
  font-size:clamp(25px,1.91vw,31px);
}
#revendedores .reseller-card-cta {
  font-size:12.6px;
  min-height:46px;
}

/* Portátiles: panel superior compacto, después carrusel de tres tarjetas
   y un pequeño adelanto de la próxima. */
@media (min-width:980px) and (max-width:1279px) {
  #revendedores .reseller-packages {
    display:contents;
  }
  #revendedores .reseller-carousel-top {
    grid-area:carousel-head;
    margin-top:-3px;
    margin-bottom:-4px;
    min-height:38px;
  }
  #revendedores .reseller-two-column {
    grid-template-areas:
      "heading selector"
      "carousel-head carousel-head"
      "cards cards"
      "details fineprint";
    row-gap:9px;
  }
  #revendedores .reseller-cards-viewport {
    grid-auto-flow:column;
    grid-auto-columns:30%;
    grid-template-columns:none;
    grid-area:cards;
    padding:3px 2px 9px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
  }
  #revendedores .reseller-packages .reseller-price-card {
    min-height:385px;
  }
  #revendedores .reseller-card-price {
    font-size:clamp(28px,2.45vw,31px);
  }
  #revendedores .reseller-price-card[data-reseller-slug="distribuidor"] .reseller-card-price {
    font-size:clamp(26px,2.2vw,29px);
  }
}

/* Computadoras: carrusel junto al título, con tres tarjetas enteras
   y una fracción visible de la siguiente. */
@media (min-width:1280px) {
  #revendedores .reseller-two-column {
    grid-template-columns:minmax(285px,1fr) minmax(0,3.05fr);
  }
  #revendedores .reseller-pricing-shell {
    width:min(1460px,calc(100% - 48px));
  }
  #revendedores .reseller-packages {
    transform:translateY(-8px);
  }
  #revendedores .reseller-cards-viewport {
    grid-auto-columns:30%;
  }
  #revendedores .reseller-carousel-top {
    padding-inline:2px;
  }
}

/* Móvil y tablet: el selector queda con el título, el carrusel
   se desplaza con flechas o de forma táctil. */
@media (max-width:979px) {
  #revendedores .reseller-packages {
    display:contents;
  }
  #revendedores .reseller-carousel-top {
    order:3;
    margin-bottom:10px;
    margin-top:-4px;
    min-height:42px;
  }
  #revendedores .reseller-cards-viewport {
    order:4;
    grid-auto-flow:column;
    grid-template-columns:none;
    grid-auto-columns:minmax(238px,46%);
    overflow-x:auto;
    padding:3px 2px 11px;
    scroll-snap-type:x mandatory;
    scroll-snap-align:start;
  }
  #revendedores .reseller-credits-details{order:5}
  #revendedores .reseller-pricing-note{order:6}
  #revendedores .reseller-scroll-controls {
    display:flex;
  }
  #revendedores .reseller-packages .reseller-price-card {
    min-height:auto;
  }
  #revendedores .reseller-card-price{font-size:28px}
  #revendedores .reseller-price-card[data-reseller-slug="distribuidor"] .reseller-card-price {
    font-size:27px;
  }
}
@media (max-width:620px) {
  #revendedores .reseller-cards-viewport {
    grid-auto-columns:minmax(249px,80%);
    gap:10px;
  }
  #revendedores .reseller-carousel-kicker{font-size:10px}
  #revendedores .reseller-carousel-hint{font-size:11px}
  #revendedores .reseller-carousel-navigation{gap:7px}
  #revendedores .reseller-carousel-navigation .reseller-scroll-controls{gap:5px}
  #revendedores .reseller-carousel-navigation .reseller-scroll-controls button {
    width:34px;height:34px;font-size:23px;
  }
  #revendedores .reseller-carousel-top{margin-bottom:9px}
}
@media (max-width:370px) {
  #revendedores .reseller-cards-viewport{grid-auto-columns:minmax(238px,87%)}
  #revendedores .reseller-carousel-hint{font-size:10.5px}
}
@media (min-width:980px) and (max-height:690px) {
  #revendedores .reseller-packages .reseller-price-card {
    min-height:345px;
  }
  #revendedores .reseller-carousel-top{min-height:34px;margin-bottom:5px}
  #revendedores .reseller-carousel-navigation .reseller-scroll-controls button{
    width:34px;height:34px;font-size:23px;
  }
}
@media(prefers-reduced-motion:reduce){
  #revendedores .reseller-cards-viewport{scroll-behavior:auto}
  #revendedores .reseller-carousel-navigation .reseller-scroll-controls button{transition:none}
}