/* TV PLAY V1.115 — Revendedores alineado con el mismo contenedor de Planes.
   Escritorio: encabezado y selector arriba, cuatro tarjetas completas debajo.
   Todos los paquetes permanecen navegables por flechas/scroll; sin cambios de negocio. */

#revendedores .reseller-pricing-shell {
  width:min(1160px,calc(100% - 48px));
  max-width:1160px;
  margin-inline:auto;
  padding-inline:0;
}

@media(min-width:980px){
  #revendedores.section-resellers.reseller-pricing.reseller-two-column-section{
    display:flex;
    align-items:center;
    min-height:calc(100svh + 18px);
    padding:19px 0 24px;
  }
  #revendedores .reseller-two-column{
    display:grid;
    grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);
    grid-template-areas:
      "heading selector"
      "carousel-head carousel-head"
      "cards cards"
      "details fineprint";
    column-gap:25px;
    row-gap:8px;
    align-items:center;
    width:100%;
  }
  #revendedores .reseller-information,
  #revendedores .reseller-packages{
    display:contents;
  }
  #revendedores .reseller-pricing-head{
    grid-area:heading;
    margin:0;
    padding:0;
    text-align:left;
    max-width:none;
  }
  #revendedores .reseller-pricing-head h2{
    font-size:clamp(41px,3.15vw,53px);
    letter-spacing:-.052em;
    line-height:1.09;
    margin:8px 0 10px;
    max-width:100%;
  }
  #revendedores .reseller-pricing-head p{
    font-size:15.2px;
    line-height:1.52;
    color:#bcd1e7;
    max-width:660px;
  }
  #revendedores .reseller-selector-box{
    grid-area:selector;
    max-width:425px;
    width:100%;
    margin:0 0 4px;
    justify-self:end;
    align-self:end;
  }
  #revendedores .reseller-pricing-toolbar{
    width:100%;
    max-width:100%;
    justify-content:flex-end;
    padding:0;
  }
  #revendedores .reseller-mode-picker{
    padding:4px;
    max-width:100%;
    border-radius:12px;
  }
  #revendedores .reseller-mode-picker button{
    min-height:45px;
    font-size:13px;
    padding:9px 10px;
    white-space:normal;
    line-height:1.3;
  }
  #revendedores .reseller-mode-help{
    margin:6px 0 0;
    min-height:0;
    line-height:1.45;
    font-size:12px;
  }
  #revendedores .reseller-carousel-top{
    grid-area:carousel-head;
    display:flex;
    width:100%;
    margin:0;
    min-height:37px;
    align-items:center;
    padding:0;
  }
  #revendedores .reseller-carousel-kicker{
    font-size:10.5px;
  }
  #revendedores .reseller-carousel-hint-desktop{
    font-size:11.6px;
  }
  #revendedores .reseller-carousel-navigation .reseller-scroll-controls button{
    width:38px;
    height:38px;
    font-size:25px;
  }
  #revendedores .reseller-carousel-navigation{
    gap:11px;
  }
  #revendedores .reseller-cards-viewport{
    grid-area:cards;
    display:grid;
    grid-template-columns:none;
    grid-auto-flow:column;
    gap:12px;
    min-width:0;
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:0;
    padding:2px 0 8px;
  }
  #revendedores .reseller-price-card{
    scroll-snap-align:start;
    padding:14px 13px 13px;
    min-width:0;
    border-radius:15px;
    transform:none;
  }
  #revendedores .reseller-packages .reseller-price-card{
    min-height:clamp(350px,43svh,383px);
  }
  #revendedores .reseller-card-tag,
  #revendedores .reseller-card-tag-placeholder{
    min-height:20px;
    margin-bottom:5px;
  }
  #revendedores .reseller-card-head{
    min-height:45px;
    margin-bottom:8px;
    gap:7px;
  }
  #revendedores .reseller-card-head h3{
    font-size:clamp(16.5px,1.42vw,19px);
  }
  #revendedores .reseller-card-subtitle{
    font-size:11.7px;
  }
  #revendedores .reseller-card-icon{
    flex:0 0 33px;
    height:33px;
  }
  #revendedores .reseller-card-price-block{
    min-height:132px;
    gap:4px;
    padding:8px 0 8px;
    margin-bottom:7px;
  }
  #revendedores .reseller-price-caption{
    font-size:10.6px;
  }
  #revendedores .reseller-card-price{
    font-size:clamp(27px,2.15vw,31px);
    line-height:1.18;
    white-space:nowrap;
    letter-spacing:-1px;
  }
  #revendedores .reseller-price-card[data-reseller-slug="distribuidor"] .reseller-card-price{
    font-size:clamp(24px,1.85vw,27px);
    letter-spacing:-1.1px;
  }
  #revendedores .reseller-card-other-price,
  #revendedores .reseller-card-difference{
    font-size:11.55px;
    line-height:1.35;
    min-height:0;
  }
  #revendedores .reseller-card-cost{
    margin-top:5px;
    padding-top:6px;
    gap:5px;
    flex-wrap:nowrap;
  }
  #revendedores .reseller-card-cost span{
    font-size:10.3px;
  }
  #revendedores .reseller-card-cost strong{
    font-size:12.5px;
  }
  #revendedores .reseller-card-includes{
    min-height:44px;
    margin-top:0;
    margin-bottom:7px;
    gap:5px;
  }
  #revendedores .reseller-card-includes div{
    font-size:11.4px;
    line-height:1.33;
    gap:5px;
  }
  #revendedores .reseller-card-cta{
    min-height:42px;
    padding:8px 6px;
    font-size:12.2px;
    border-radius:10px;
  }
  #revendedores .reseller-credits-details{
    grid-area:details;
    align-self:start;
    margin:0;
    max-width:none;
    width:100%;
  }
  #revendedores .reseller-credits-details summary{
    min-height:44px;
    padding:11px 15px;
    font-size:12.7px;
  }
  #revendedores .reseller-pricing-note{
    grid-area:fineprint;
    margin:0;
    width:100%;
    max-width:none;
    font-size:11.25px;
    line-height:1.5;
  }
  #revendedores .reseller-pricing-note p{
    font-size:11.25px;
    line-height:1.52;
  }
  #revendedores .reseller-pricing-note a{
    display:inline-block;
    font-size:11.5px;
    margin-top:4px;
  }
}
@media(min-width:1280px){
  #revendedores .reseller-two-column{
    grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);
  }
  /* Cuatro tarjetas completas dentro de los mismos 1.160px de Planes. */
  #revendedores .reseller-cards-viewport{
    grid-auto-columns:calc((100% - 36px) / 4);
  }
}
@media(min-width:980px) and (max-width:1279px){
  #revendedores .reseller-two-column{
    grid-template-columns:minmax(0,1.14fr) minmax(310px,.86fr);
    column-gap:19px;
    row-gap:8px;
  }
  #revendedores .reseller-pricing-head h2{
    font-size:clamp(37px,3.6vw,45px);
    margin:6px 0 7px;
  }
  #revendedores .reseller-pricing-head p{
    font-size:13.8px;
  }
  #revendedores .reseller-selector-box{
    max-width:390px;
  }
  #revendedores .reseller-mode-picker button{
    font-size:12.5px;
    min-height:43px;
  }
  #revendedores .reseller-cards-viewport{
    grid-auto-columns:calc((100% - 24px) / 3);
  }
  #revendedores .reseller-packages .reseller-price-card{
    min-height:clamp(344px,42svh,367px);
  }
  #revendedores .reseller-card-price{
    font-size:clamp(26px,2.45vw,29px);
  }
  #revendedores .reseller-price-card[data-reseller-slug="distribuidor"] .reseller-card-price{
    font-size:clamp(23px,2.25vw,27px);
  }
}
@media(min-width:980px) and (max-height:690px){
  #revendedores.section-resellers.reseller-pricing.reseller-two-column-section{
    padding:12px 0 17px;
  }
  #revendedores .reseller-two-column{row-gap:2px;}
  #revendedores .reseller-pricing-head h2{
    font-size:clamp(35px,3vw,45px);
    margin:5px 0 6px;
  }
  #revendedores .reseller-packages .reseller-price-card{min-height:307px;padding-block:8px}
  #revendedores .reseller-card-head{min-height:37px;margin-bottom:4px}
  #revendedores .reseller-card-price-block{min-height:118px;padding:6px 0;margin-bottom:5px}
  #revendedores .reseller-card-includes{min-height:38px;gap:4px;margin-bottom:5px}
  #revendedores .reseller-card-cta{min-height:38px}
  #revendedores .reseller-carousel-top{min-height:31px}
  #revendedores .reseller-credits-details summary{min-height:40px;padding:9px 13px;}
}

/* En tablet/celular se conserva el formato horizontal, pero con
   el mismo margen lateral que Planes y sin banda a ancho completo. */
@media(max-width:979px){
  #revendedores .reseller-pricing-shell{
    width:calc(100% - 48px);
    max-width:1160px;
    margin-inline:auto;
  }
  #revendedores .reseller-cards-viewport{
    overflow-x:auto;
  }
  #revendedores .reseller-price-card{min-width:0}
}
@media(max-width:620px){
  #revendedores .reseller-pricing-shell{width:calc(100% - 36px)}
  #revendedores .reseller-carousel-top{margin-bottom:9px}
}