Marquesina animada

Banda cuyo contenido se desplaza en horizontal sin cortes. Tiene dos estilos, que se eligen al agregar la sección —y se pueden cambiar después con el botón Cambiar del panel de ajustes— y se guardan en variant_id:

• Clásica · solo texto (classic) — cinta de anuncios cortos en letra pequeña y versalitas. Para envíos gratis, cuotas o cupones.
• Texto e imágenes (text-image) — banda alta con un titular grande que se repite y fotos redondas intercaladas.

Las marquesinas creadas antes de que existieran los estilos no tienen variant_id y siguen mostrándose como la clásica.

Configuración común

Campo	Tipo	Default	Descripción
variant_id	select	classic	Estilo: classic o text-image
bg_color	color	#6366F1	Color de fondo
fg_color	color	#FFFFFF	Color del texto
speed	number	20	Segundos por vuelta (menos = más rápido)
direction	select	left	Dirección: left o right
pause_on_hover	checkbox	true	Pausar al pasar el mouse

Estilo clásico

Campo	Tipo	Default	Descripción
items	text	—	Textos separados por pipe (|)
font_size	number	14	Tamaño de fuente (px)
font_weight	select	semibold	normal, medium, semibold o bold

{
  "variant_id": "classic",
  "items": "Envío gratis en compras mayores a S/ 200 | Devoluciones gratis en 30 días | Paga en cuotas sin interés",
  "bg_color": "#0F172A",
  "fg_color": "#FFFFFF",
  "speed": 25,
  "font_size": 13,
  "direction": "left"
}

Estilo texto e imágenes

Campo	Tipo	Default	Descripción
ti_text	text	—	Titular. Lo que va entre *asteriscos* sale en cursiva y subrayado
ti_url	text	—	Opcional: convierte el titular en enlace
ti_image_url	image	—	Foto que se intercala entre repetición y repetición
ti_size	number	200	Alto de la banda en px
ti_font_size	number	96	Tamaño del titular en px
ti_space	number	70	Separación entre piezas, en % del alto de la banda
ti_round	checkbox	true	Recortar la foto en círculo

La foto mide siempre el 75% del alto de la banda. En pantallas chicas la banda se achica (80% hasta 1023px, 60% hasta 767px) y el titular un poco más (70% y 42%), porque la referencia también reduce más el texto que la banda; con eso un solo ajuste de alto sirve para todos los tamaños.

{
  "variant_id": "text-image",
  "ti_text": "Nueva tienda en *Nueva York*",
  "ti_url": "/pages/contacto",
  "ti_image_url": "https://cdn.tienda.com/local.jpg",
  "ti_size": 200,
  "ti_font_size": 96,
  "bg_color": "#FFFFFF",
  "fg_color": "#5C8E61"
}