/* TV PLAY V1.34 — continuidad visual entre portada y "Cómo funciona".
   La franja de plataformas conserva el fondo del hero y baja en pantallas
   de escritorio; el hero completa la primera vista sin mostrar otro color.
   En el segundo anclaje se evita revelar la sección anterior y la línea
   divisoria se deja fuera del primer encuadre.
   Sin alterar contenido, logos, video, precios ni botones. */

@media (min-width: 861px) {
  .hero {
    display: flex;
    flex-direction: column;
    min-height: calc(100svh - 78px);
    padding-bottom: 68px;
  }
  .hero > .hero-grid {
    flex: 0 0 auto;
    margin-bottom: 36px;
  }
  .hero > .platform-marquee {
    flex: 0 0 auto;
    margin-top: auto;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  .hero .platform-single-line,
  .hero .platform-marquee-track,
  .hero .platform-marquee-set,
  .hero .platform-entry {
    background: transparent !important;
  }

  /* Un único offset para el menú: el HTML ya usa scroll-padding-top:90px. */
  #como-funciona {
    scroll-margin-top: 0;
  }
  .section-journey {
    padding-top: 89px;
    min-height: calc(100svh - 78px);
    border-bottom-color: rgba(34, 58, 89, .33);
  }
}

/* Bajo 1061px el encabezado mide 79px, no 91px.
   Corregimos solamente el ancla de esta sección sin alterar otros enlaces. */
@media (max-width: 1060px) {
  #como-funciona {
    scroll-margin-top: -11px;
  }
}
@media (min-width: 861px) and (max-width: 1060px) {
  .section-journey {
    padding-top: 100px;
  }
}
@media (min-width: 601px) and (max-width: 860px) {
  .section-journey {
    padding-top: 75px;
  }
}
@media (max-width: 600px) {
  .section-journey {
    padding-top: 73px;
  }
}

@media (max-width: 900px) {
  /* Evitar cualquier franja coloreada independiente sobre las plataformas. */
  .hero > .platform-marquee {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  /* Se respeta el comportamiento ya existente del carrusel. */
}