/* TV PLAY V1.89 — Ya soy cliente: contenido un poco más abajo,
   botones más compactos. El ancla del encabezado sigue usando el mismo
   JS; no se modifican id, href, texto, precio ni comportamiento. */

/* Desplazar el contenido dentro de la sección, no el scroll del encabezado.
   El offset de #clientes se ajusta solo mediante el cálculo preexistente. */
@media (min-width: 1060px) {
  #clientes.customer-simple {
    padding-top: 96px;
  }
}
@media (min-width: 601px) and (max-width: 1059px) {
  #clientes.customer-simple {
    padding-top: 83px;
  }
}
@media (max-width: 600px) {
  #clientes.customer-simple {
    padding-top: 74px;
  }
}

/* Escritorio: botones menos extendidos a la derecha, más bajos y livianos. */
#clientes.customer-simple .customer-simple-actions {
  max-width: 990px;
  gap: 12px;
}
#clientes.customer-simple .customer-simple-action {
  min-height: 84px;
  padding: 15px 19px;
  gap: 14px;
  border-radius: 15px;
}
#clientes.customer-simple .customer-simple-icon {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 11px;
}
#clientes.customer-simple .customer-simple-icon svg {
  width: 23px;
  height: 23px;
}
#clientes.customer-simple .customer-simple-title {
  font-size: 17.5px;
}
#clientes.customer-simple .customer-simple-arrow {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}

/* Portátiles y tablets en dos columnas. */
@media (min-width: 761px) and (max-width: 1070px) {
  #clientes.customer-simple .customer-simple-actions {
    max-width: 930px;
    gap: 12px;
  }
  #clientes.customer-simple .customer-simple-action {
    min-height: 79px;
    padding: 13px 16px;
    gap: 12px;
  }
  #clientes.customer-simple .customer-simple-icon {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
  }
  #clientes.customer-simple .customer-simple-icon svg {
    width: 22px;
    height: 22px;
  }
  #clientes.customer-simple .customer-simple-title {
    font-size: 16.5px;
  }
}

/* Celular: se conserva el ancho táctil y se reduce principalmente la altura. */
@media (max-width: 760px) {
  #clientes.customer-simple .customer-simple-actions {
    max-width: 100%;
    gap: 10px;
  }
  #clientes.customer-simple .customer-simple-action {
    min-height: 73px;
    padding: 13px 16px;
    gap: 12px;
    border-radius: 13px;
  }
  #clientes.customer-simple .customer-simple-icon {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 10px;
  }
  #clientes.customer-simple .customer-simple-icon svg {
    width: 22px;
    height: 22px;
  }
  #clientes.customer-simple .customer-simple-title {
    font-size: 16px;
  }
  #clientes.customer-simple .customer-simple-arrow {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
  }
}
@media (max-width: 390px) {
  #clientes.customer-simple .customer-simple-action {
    min-height: 70px;
    padding: 12px 13px;
    gap: 10px;
  }
  #clientes.customer-simple .customer-simple-icon {
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
  }
  #clientes.customer-simple .customer-simple-title {
    font-size: 15.5px;
  }
}