/* TV PLAY V1.108 — Nuevo apartado Revendedores.
   Mantiene el diseño dark azul del sitio, sin precios/condiciones inventados. */
#revendedores.section-resellers {
  position: relative;
  scroll-margin-top: 92px;
  padding: clamp(76px, 8vw, 116px) 0;
  min-height: calc(100svh + 72px);
  display: flex;
  align-items: center;
  background: radial-gradient(ellipse 44% 60% at 80% 40%, rgba(27,99,165,.18),transparent 75%),#091626;
}
#revendedores .resellers-layout {
  display: grid;
  grid-template-columns: 1fr .87fr;
  align-items: center;
  gap: clamp(36px, 5vw, 82px);
}
#revendedores .resellers-intro { min-width: 0; }
#revendedores .resellers-intro h2 {
  font-size: clamp(39px, 4.5vw, 62px);
  line-height: 1.12;
  font-weight: 810;
  letter-spacing: -.058em;
  margin: 21px 0 22px;
  max-width: 610px;
}
#revendedores .resellers-intro p {
  font-size: clamp(15px, 1.3vw, 17px);
  line-height: 1.8;
  max-width: 530px;
  margin: 0;
  color: #b8cce4;
}
#revendedores .resellers-panel {
  min-width: 0;
  padding: clamp(24px, 3vw, 35px);
  border: 1px solid rgba(72,131,182,.55);
  border-radius: 21px;
  background: linear-gradient(148deg,#193655 0%,#11243d 55%,#0e1e34 100%);
  box-shadow: 0 20px 56px rgba(0,6,22,.24);
}
#revendedores .resellers-panel-eyebrow {
  font-size: 11px;
  font-weight: 830;
  letter-spacing: 1.45px;
  color: #6fe2f2;
}
#revendedores .resellers-panel h3 {
  font-size: clamp(25px, 2.6vw, 33px);
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -.055em;
  margin: 15px 0 10px;
}
#revendedores .resellers-panel p {
  font-size: 14.5px;
  line-height: 1.7;
  margin: 0 0 23px;
  color: #c4d6e9;
}
#revendedores .resellers-cta {
  width: 100%;
  max-width: 390px;
  min-height: 53px;
  justify-content: center;
  gap: 15px;
}
#revendedores .resellers-panel small {
  display: block;
  margin-top: 15px;
  color: #9dbad1;
  font-size: 12px;
  line-height: 1.65;
}
@media(max-width:860px) {
  #revendedores.section-resellers {
    padding: 83px 0 90px;
    min-height: calc(100svh + 72px);
  }
  #revendedores .resellers-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 27px;
  }
  #revendedores .resellers-intro h2 { font-size: clamp(38px, 7vw, 54px); }
  #revendedores .resellers-panel { max-width: 650px; }
}
@media(max-width:480px) {
  #revendedores.section-resellers { padding: 66px 0 72px; }
  #revendedores .resellers-intro h2 { margin: 15px 0 14px; }
  #revendedores .resellers-panel { padding: 24px 20px; }
  #revendedores .resellers-cta { width: 100%; max-width: none; gap: 9px; font-size: 13.5px; padding-inline: 11px; }
  #revendedores .resellers-panel p { margin-bottom: 19px; }
}

/* Cinco secciones en el menú; conserva la apariencia original en escritorios.
   Ajustar espacios, nunca truncar etiquetas ni superponer acciones. */
@media(min-width:1061px) {
  .header .header-inner { gap: clamp(14px, 2vw, 29px); }
  .header .desktop-nav { gap: clamp(11px, 1.25vw, 19px); min-width: 0; }
  .header .desktop-nav a { font-size: clamp(11px, .96vw, 13.5px); white-space: nowrap; }
  .header .header-actions { gap: clamp(8px, 1vw, 14px); flex-shrink: 0; }
}
@media(min-width:1061px) and (max-width:1190px) {
  .header .header-inner { gap: 13px; }
  .header .desktop-nav { gap: 10px; }
  .header .desktop-nav a { font-size: 12px; }
  .header .desktop-contact { padding-inline: 11px; }
}