/* TV PLAY V1.139: titulo principal mas grande y televisor+telefono hacia
   la derecha. No modificar texto, botones, logo, menú, planes ni contenido. */

/* Desktop: ancho de copy suficiente para conservar las dos líneas del slogan. */
@media (min-width:1280px) {
  .hero .hero-grid {
    grid-template-columns:minmax(0, 630px) minmax(0, 1fr);
    gap:10px;
  }
  .hero .hero-copy h1 {
    font-size:clamp(53px, 4.35vw, 56px);
    line-height:1.045;
    letter-spacing:-.06em;
  }
  .hero .hero-visual {
    transform:translateX(40px);
  }
}

/* Notebook: las imágenes no deben desbordarse a la derecha. */
@media (min-width:1061px) and (max-width:1279px) {
  .hero .hero-grid {
    grid-template-columns:minmax(0, 1.18fr) minmax(0, 1fr);
    gap:12px;
  }
  .hero .hero-copy h1 {
    font-size:clamp(45px, 4.2vw, 53.5px);
    line-height:1.05;
    letter-spacing:-.06em;
  }
  .hero .hero-visual {
    transform:translateX(clamp(10px, 1.6vw, 24px));
  }
}

/* Tablet apaisada: crecimiento proporcionado con visual siempre visible. */
@media (min-width:861px) and (max-width:1060px) {
  .hero .hero-grid {
    grid-template-columns:minmax(0, 1.15fr) minmax(0, 1fr);
    gap:12px;
  }
  .hero .hero-copy h1 {
    font-size:clamp(37px, 4vw, 42px);
    line-height:1.06;
    letter-spacing:-.06em;
  }
  .hero .hero-visual {
    transform:translateX(8px);
  }
}

/* Móvil: conservar el diseño y orden originales. */
@media (max-width:860px) {
  .hero .hero-visual { transform:none; }
}