Bloque 1 — Las seis variaciones reales de esta versión (Hero clásico + 5 configuraciones de Showcase)

Imagen Hero de prueba
Selección editorial

Título de ejemplo debajo del Hero

Este contenido permite comparar el equilibrio entre una imagen amplia y los bloques editoriales de la publicación.

Hoy · 4 min
Botón de ejemplo

Cuadrícula editorial

Formato de dos columnas inspirado en portales de estilo de vida, recetas y revistas visuales.

Cinco ajustes sencillos que pueden mejorar tu semana
Ideas

Cinco ajustes sencillos que pueden mejorar tu semana

Hace 1 hora · 5 min
Una guía práctica para encontrar opciones interesantes
Descubrimientos

Una guía práctica para encontrar opciones interesantes

Hace 2 horas · 6 min
Lo que está marcando la conversación del momento
Tendencias

Lo que está marcando la conversación del momento

Hace 3 horas · 3 min
Contenido visual organizado para descubrir más rápido
Selección

Contenido visual organizado para descubrir más rápido

Hace 4 horas · 7 min

Lista compacta

Este formato conserva aire exterior, pero aprovecha mejor el ancho con miniaturas laterales.

01
Ideas

Cinco ajustes sencillos que pueden mejorar tu semana

Hace 1 hora · 5 min
Cinco ajustes sencillos que pueden mejorar tu semana
02
Descubrimientos

Una guía práctica para encontrar opciones interesantes

Hace 2 horas · 6 min
Una guía práctica para encontrar opciones interesantes
03
Tendencias

Lo que está marcando la conversación del momento

Hace 3 horas · 3 min
Lo que está marcando la conversación del momento
04
Selección

Contenido visual organizado para descubrir más rápido

Hace 4 horas · 7 min
Contenido visual organizado para descubrir más rápido
Top editorial

Lo que está marcando el momento

Un bloque oscuro y ancho permite comparar contraste, padding interior y presencia visual.

1
Actualidad

Una historia visual para abrir la selección editorial

1000 puntos
2
Ideas

Cinco ajustes sencillos que pueden mejorar tu semana

875 puntos
3
Descubrimientos

Una guía práctica para encontrar opciones interesantes

750 puntos
4
Tendencias

Lo que está marcando la conversación del momento

625 puntos
5
Selección

Contenido visual organizado para descubrir más rápido

500 puntos

Sección con fondo

El fondo puede abarcar más ancho mientras las tarjetas internas conservan un padding propio.

Cinco ajustes sencillos que pueden mejorar tu semana
Ideas

Cinco ajustes sencillos que pueden mejorar tu semana

Hace 1 hora · 5 min
Una guía práctica para encontrar opciones interesantes
Descubrimientos

Una guía práctica para encontrar opciones interesantes

Hace 2 horas · 6 min
Lo que está marcando la conversación del momento
Tendencias

Lo que está marcando la conversación del momento

Hace 3 horas · 3 min
Laboratorio editorial

Encuentra el equilibrio entre imagen amplia y contenido legible.

Modifica bleed, padding, radio, fondos y separación hasta encontrar una composición que se sienta amplia sin perder orden.

Continuar explorando
Configuración activa
Layout: hero Tipo Hero: youtube Modo Hero: full desktop_scope: container Comportamiento efectivo: Hero "full" y contenido "normal" quedan contenidos dentro de la columna, sin invadir sidebar. Proporción: 16/9 Gap Hero (base): 0px Gap Hero wide (container): 0px Radio Hero: 0px Video ID: fRh_vgS2dFE Póster: Automático maxres Autoplay tras clic: Controles: Sin cookies: Silenciado: No Loop: No Inicio: 0 s Contenido: normal Bleed móvil: 0px Bleed tablet: 0px Bleed escritorio (viewport): 0px Padding escritorio (container): 0px Tarjeta: bordered Sombra: soft Sección: soft Separación Hero: 16px Gap de bloques: 20px

.

Imagen Hero de prueba
Selección editorial

Panel a la derecha, tamaño medio

Esta es la configuración por defecto del motor Showcase.

Hoy · 4 min
Selección editorial

Panel a la derecha, tamaño medio

Esta es la configuración por defecto del motor Showcase.

Hoy · 4 min
Botón de ejemplo

Cuadrícula editorial

Formato de dos columnas inspirado en portales de estilo de vida, recetas y revistas visuales.

Cinco ajustes sencillos que pueden mejorar tu semana
Ideas

Cinco ajustes sencillos que pueden mejorar tu semana

Hace 1 hora · 5 min
Una guía práctica para encontrar opciones interesantes
Descubrimientos

Una guía práctica para encontrar opciones interesantes

Hace 2 horas · 6 min
Lo que está marcando la conversación del momento
Tendencias

Lo que está marcando la conversación del momento

Hace 3 horas · 3 min
Contenido visual organizado para descubrir más rápido
Selección

Contenido visual organizado para descubrir más rápido

Hace 4 horas · 7 min

Lista compacta

Este formato conserva aire exterior, pero aprovecha mejor el ancho con miniaturas laterales.

01
Ideas

Cinco ajustes sencillos que pueden mejorar tu semana

Hace 1 hora · 5 min
Cinco ajustes sencillos que pueden mejorar tu semana
02
Descubrimientos

Una guía práctica para encontrar opciones interesantes

Hace 2 horas · 6 min
Una guía práctica para encontrar opciones interesantes
03
Tendencias

Lo que está marcando la conversación del momento

Hace 3 horas · 3 min
Lo que está marcando la conversación del momento
04
Selección

Contenido visual organizado para descubrir más rápido

Hace 4 horas · 7 min
Contenido visual organizado para descubrir más rápido
Top editorial

Lo que está marcando el momento

Un bloque oscuro y ancho permite comparar contraste, padding interior y presencia visual.

1
Actualidad

Una historia visual para abrir la selección editorial

1000 puntos
2
Ideas

Cinco ajustes sencillos que pueden mejorar tu semana

875 puntos
3
Descubrimientos

Una guía práctica para encontrar opciones interesantes

750 puntos
4
Tendencias

Lo que está marcando la conversación del momento

625 puntos
5
Selección

Contenido visual organizado para descubrir más rápido

500 puntos

Sección con fondo

El fondo puede abarcar más ancho mientras las tarjetas internas conservan un padding propio.

Cinco ajustes sencillos que pueden mejorar tu semana
Ideas

Cinco ajustes sencillos que pueden mejorar tu semana

Hace 1 hora · 5 min
Una guía práctica para encontrar opciones interesantes
Descubrimientos

Una guía práctica para encontrar opciones interesantes

Hace 2 horas · 6 min
Lo que está marcando la conversación del momento
Tendencias

Lo que está marcando la conversación del momento

Hace 3 horas · 3 min
Laboratorio editorial

Encuentra el equilibrio entre imagen amplia y contenido legible.

Modifica bleed, padding, radio, fondos y separación hasta encontrar una composición que se sienta amplia sin perder orden.

Continuar explorando
Configuración activa
Layout: showcase panel_type: editorial panel_variant: default panel_position: right panel_size: medium (40%) equal_height: media_priority: first Reservados (sin efecto aún): cards_count=3, feed_items=4, feed_scroll=auto Tipo Hero: youtube Modo Hero: full desktop_scope: container Comportamiento efectivo: Dentro de Showcase, el Hero siempre mide 100% de su propio contenedor, en móvil, tablet y escritorio, sin usar 100vw. Proporción: 16/9 Gap Hero (base): 0px Gap Hero wide (container): 0px Radio Hero: 0px Video ID: fRh_vgS2dFE Póster: Automático maxres Autoplay tras clic: Controles: Sin cookies: Silenciado: No Loop: No Inicio: 0 s Contenido: normal Bleed móvil: 0px Bleed tablet: 0px Bleed escritorio (viewport): 0px Padding escritorio (container): 0px Tarjeta: bordered Sombra: soft Sección: soft Separación Hero: 16px Gap de bloques: 20px

.

Imagen Hero de prueba
Selección editorial

Panel a la izquierda

panel_position invierte el orden en escritorio.

Hoy · 4 min
Selección editorial

Panel a la izquierda

panel_position invierte el orden en escritorio.

Hoy · 4 min
Botón de ejemplo

Cuadrícula editorial

Formato de dos columnas inspirado en portales de estilo de vida, recetas y revistas visuales.

Cinco ajustes sencillos que pueden mejorar tu semana
Ideas

Cinco ajustes sencillos que pueden mejorar tu semana

Hace 1 hora · 5 min
Una guía práctica para encontrar opciones interesantes
Descubrimientos

Una guía práctica para encontrar opciones interesantes

Hace 2 horas · 6 min
Lo que está marcando la conversación del momento
Tendencias

Lo que está marcando la conversación del momento

Hace 3 horas · 3 min
Contenido visual organizado para descubrir más rápido
Selección

Contenido visual organizado para descubrir más rápido

Hace 4 horas · 7 min

Lista compacta

Este formato conserva aire exterior, pero aprovecha mejor el ancho con miniaturas laterales.

01
Ideas

Cinco ajustes sencillos que pueden mejorar tu semana

Hace 1 hora · 5 min
Cinco ajustes sencillos que pueden mejorar tu semana
02
Descubrimientos

Una guía práctica para encontrar opciones interesantes

Hace 2 horas · 6 min
Una guía práctica para encontrar opciones interesantes
03
Tendencias

Lo que está marcando la conversación del momento

Hace 3 horas · 3 min
Lo que está marcando la conversación del momento
04
Selección

Contenido visual organizado para descubrir más rápido

Hace 4 horas · 7 min
Contenido visual organizado para descubrir más rápido
Top editorial

Lo que está marcando el momento

Un bloque oscuro y ancho permite comparar contraste, padding interior y presencia visual.

1
Actualidad

Una historia visual para abrir la selección editorial

1000 puntos
2
Ideas

Cinco ajustes sencillos que pueden mejorar tu semana

875 puntos
3
Descubrimientos

Una guía práctica para encontrar opciones interesantes

750 puntos
4
Tendencias

Lo que está marcando la conversación del momento

625 puntos
5
Selección

Contenido visual organizado para descubrir más rápido

500 puntos

Sección con fondo

El fondo puede abarcar más ancho mientras las tarjetas internas conservan un padding propio.

Cinco ajustes sencillos que pueden mejorar tu semana
Ideas

Cinco ajustes sencillos que pueden mejorar tu semana

Hace 1 hora · 5 min
Una guía práctica para encontrar opciones interesantes
Descubrimientos

Una guía práctica para encontrar opciones interesantes

Hace 2 horas · 6 min
Lo que está marcando la conversación del momento
Tendencias

Lo que está marcando la conversación del momento

Hace 3 horas · 3 min
Laboratorio editorial

Encuentra el equilibrio entre imagen amplia y contenido legible.

Modifica bleed, padding, radio, fondos y separación hasta encontrar una composición que se sienta amplia sin perder orden.

Continuar explorando
Configuración activa
Layout: showcase panel_type: editorial panel_variant: default panel_position: left panel_size: medium (40%) equal_height: media_priority: first Reservados (sin efecto aún): cards_count=3, feed_items=4, feed_scroll=auto Tipo Hero: image Modo Hero: full desktop_scope: container Comportamiento efectivo: Dentro de Showcase, el Hero siempre mide 100% de su propio contenedor, en móvil, tablet y escritorio, sin usar 100vw. Proporción: 16/9 Gap Hero (base): 0px Gap Hero wide (container): 0px Radio Hero: 0px Contenido: normal Bleed móvil: 0px Bleed tablet: 0px Bleed escritorio (viewport): 0px Padding escritorio (container): 0px Tarjeta: bordered Sombra: soft Sección: soft Separación Hero: 16px Gap de bloques: 20px

.

Imagen Hero de prueba
Selección editorial

Panel pequeño (~30%)

Video protagonista, panel de apoyo mínimo.

Hoy · 4 min
Selección editorial

Panel pequeño (~30%)

Video protagonista, panel de apoyo mínimo.

Hoy · 4 min
Botón de ejemplo

Cuadrícula editorial

Formato de dos columnas inspirado en portales de estilo de vida, recetas y revistas visuales.

Cinco ajustes sencillos que pueden mejorar tu semana
Ideas

Cinco ajustes sencillos que pueden mejorar tu semana

Hace 1 hora · 5 min
Una guía práctica para encontrar opciones interesantes
Descubrimientos

Una guía práctica para encontrar opciones interesantes

Hace 2 horas · 6 min
Lo que está marcando la conversación del momento
Tendencias

Lo que está marcando la conversación del momento

Hace 3 horas · 3 min
Contenido visual organizado para descubrir más rápido
Selección

Contenido visual organizado para descubrir más rápido

Hace 4 horas · 7 min

Lista compacta

Este formato conserva aire exterior, pero aprovecha mejor el ancho con miniaturas laterales.

01
Ideas

Cinco ajustes sencillos que pueden mejorar tu semana

Hace 1 hora · 5 min
Cinco ajustes sencillos que pueden mejorar tu semana
02
Descubrimientos

Una guía práctica para encontrar opciones interesantes

Hace 2 horas · 6 min
Una guía práctica para encontrar opciones interesantes
03
Tendencias

Lo que está marcando la conversación del momento

Hace 3 horas · 3 min
Lo que está marcando la conversación del momento
04
Selección

Contenido visual organizado para descubrir más rápido

Hace 4 horas · 7 min
Contenido visual organizado para descubrir más rápido
Top editorial

Lo que está marcando el momento

Un bloque oscuro y ancho permite comparar contraste, padding interior y presencia visual.

1
Actualidad

Una historia visual para abrir la selección editorial

1000 puntos
2
Ideas

Cinco ajustes sencillos que pueden mejorar tu semana

875 puntos
3
Descubrimientos

Una guía práctica para encontrar opciones interesantes

750 puntos
4
Tendencias

Lo que está marcando la conversación del momento

625 puntos
5
Selección

Contenido visual organizado para descubrir más rápido

500 puntos

Sección con fondo

El fondo puede abarcar más ancho mientras las tarjetas internas conservan un padding propio.

Cinco ajustes sencillos que pueden mejorar tu semana
Ideas

Cinco ajustes sencillos que pueden mejorar tu semana

Hace 1 hora · 5 min
Una guía práctica para encontrar opciones interesantes
Descubrimientos

Una guía práctica para encontrar opciones interesantes

Hace 2 horas · 6 min
Lo que está marcando la conversación del momento
Tendencias

Lo que está marcando la conversación del momento

Hace 3 horas · 3 min
Laboratorio editorial

Encuentra el equilibrio entre imagen amplia y contenido legible.

Modifica bleed, padding, radio, fondos y separación hasta encontrar una composición que se sienta amplia sin perder orden.

Continuar explorando
Configuración activa
Layout: showcase panel_type: editorial panel_variant: default panel_position: right panel_size: small (30%) equal_height: media_priority: first Reservados (sin efecto aún): cards_count=3, feed_items=4, feed_scroll=auto Tipo Hero: youtube Modo Hero: full desktop_scope: container Comportamiento efectivo: Dentro de Showcase, el Hero siempre mide 100% de su propio contenedor, en móvil, tablet y escritorio, sin usar 100vw. Proporción: 16/9 Gap Hero (base): 0px Gap Hero wide (container): 0px Radio Hero: 0px Video ID: YAfxu9voYLs Póster: Automático maxres Autoplay tras clic: Controles: Sin cookies: Silenciado: No Loop: No Inicio: 0 s Contenido: normal Bleed móvil: 0px Bleed tablet: 0px Bleed escritorio (viewport): 0px Padding escritorio (container): 0px Tarjeta: bordered Sombra: soft Sección: soft Separación Hero: 16px Gap de bloques: 20px

.

Imagen Hero de prueba
Selección editorial

Panel grande (~50%)

Más espacio editorial, media y panel casi equilibrados.

Hoy · 4 min
Selección editorial

Panel grande (~50%)

Más espacio editorial, media y panel casi equilibrados.

Hoy · 4 min
Botón de ejemplo

Cuadrícula editorial

Formato de dos columnas inspirado en portales de estilo de vida, recetas y revistas visuales.

Cinco ajustes sencillos que pueden mejorar tu semana
Ideas

Cinco ajustes sencillos que pueden mejorar tu semana

Hace 1 hora · 5 min
Una guía práctica para encontrar opciones interesantes
Descubrimientos

Una guía práctica para encontrar opciones interesantes

Hace 2 horas · 6 min
Lo que está marcando la conversación del momento
Tendencias

Lo que está marcando la conversación del momento

Hace 3 horas · 3 min
Contenido visual organizado para descubrir más rápido
Selección

Contenido visual organizado para descubrir más rápido

Hace 4 horas · 7 min

Lista compacta

Este formato conserva aire exterior, pero aprovecha mejor el ancho con miniaturas laterales.

01
Ideas

Cinco ajustes sencillos que pueden mejorar tu semana

Hace 1 hora · 5 min
Cinco ajustes sencillos que pueden mejorar tu semana
02
Descubrimientos

Una guía práctica para encontrar opciones interesantes

Hace 2 horas · 6 min
Una guía práctica para encontrar opciones interesantes
03
Tendencias

Lo que está marcando la conversación del momento

Hace 3 horas · 3 min
Lo que está marcando la conversación del momento
04
Selección

Contenido visual organizado para descubrir más rápido

Hace 4 horas · 7 min
Contenido visual organizado para descubrir más rápido
Top editorial

Lo que está marcando el momento

Un bloque oscuro y ancho permite comparar contraste, padding interior y presencia visual.

1
Actualidad

Una historia visual para abrir la selección editorial

1000 puntos
2
Ideas

Cinco ajustes sencillos que pueden mejorar tu semana

875 puntos
3
Descubrimientos

Una guía práctica para encontrar opciones interesantes

750 puntos
4
Tendencias

Lo que está marcando la conversación del momento

625 puntos
5
Selección

Contenido visual organizado para descubrir más rápido

500 puntos

Sección con fondo

El fondo puede abarcar más ancho mientras las tarjetas internas conservan un padding propio.

Cinco ajustes sencillos que pueden mejorar tu semana
Ideas

Cinco ajustes sencillos que pueden mejorar tu semana

Hace 1 hora · 5 min
Una guía práctica para encontrar opciones interesantes
Descubrimientos

Una guía práctica para encontrar opciones interesantes

Hace 2 horas · 6 min
Lo que está marcando la conversación del momento
Tendencias

Lo que está marcando la conversación del momento

Hace 3 horas · 3 min
Laboratorio editorial

Encuentra el equilibrio entre imagen amplia y contenido legible.

Modifica bleed, padding, radio, fondos y separación hasta encontrar una composición que se sienta amplia sin perder orden.

Continuar explorando
Configuración activa
Layout: showcase panel_type: editorial panel_variant: default panel_position: right panel_size: large (50%) equal_height: media_priority: first Reservados (sin efecto aún): cards_count=3, feed_items=4, feed_scroll=auto Tipo Hero: image Modo Hero: full desktop_scope: container Comportamiento efectivo: Dentro de Showcase, el Hero siempre mide 100% de su propio contenedor, en móvil, tablet y escritorio, sin usar 100vw. Proporción: 16/9 Gap Hero (base): 0px Gap Hero wide (container): 0px Radio Hero: 0px Contenido: normal Bleed móvil: 0px Bleed tablet: 0px Bleed escritorio (viewport): 0px Padding escritorio (container): 0px Tarjeta: bordered Sombra: soft Sección: soft Separación Hero: 16px Gap de bloques: 20px

.

Imagen Hero de prueba
Selección editorial

Tamaño personalizado + panel abajo en móvil

panel_size acepta porcentaje explícito; media_priority controla el orden en móvil.

Hoy · 4 min
Selección editorial

Tamaño personalizado + panel abajo en móvil

panel_size acepta porcentaje explícito; media_priority controla el orden en móvil.

Hoy · 4 min
Botón de ejemplo

Cuadrícula editorial

Formato de dos columnas inspirado en portales de estilo de vida, recetas y revistas visuales.

Cinco ajustes sencillos que pueden mejorar tu semana
Ideas

Cinco ajustes sencillos que pueden mejorar tu semana

Hace 1 hora · 5 min
Una guía práctica para encontrar opciones interesantes
Descubrimientos

Una guía práctica para encontrar opciones interesantes

Hace 2 horas · 6 min
Lo que está marcando la conversación del momento
Tendencias

Lo que está marcando la conversación del momento

Hace 3 horas · 3 min
Contenido visual organizado para descubrir más rápido
Selección

Contenido visual organizado para descubrir más rápido

Hace 4 horas · 7 min

Lista compacta

Este formato conserva aire exterior, pero aprovecha mejor el ancho con miniaturas laterales.

01
Ideas

Cinco ajustes sencillos que pueden mejorar tu semana

Hace 1 hora · 5 min
Cinco ajustes sencillos que pueden mejorar tu semana
02
Descubrimientos

Una guía práctica para encontrar opciones interesantes

Hace 2 horas · 6 min
Una guía práctica para encontrar opciones interesantes
03
Tendencias

Lo que está marcando la conversación del momento

Hace 3 horas · 3 min
Lo que está marcando la conversación del momento
04
Selección

Contenido visual organizado para descubrir más rápido

Hace 4 horas · 7 min
Contenido visual organizado para descubrir más rápido
Top editorial

Lo que está marcando el momento

Un bloque oscuro y ancho permite comparar contraste, padding interior y presencia visual.

1
Actualidad

Una historia visual para abrir la selección editorial

1000 puntos
2
Ideas

Cinco ajustes sencillos que pueden mejorar tu semana

875 puntos
3
Descubrimientos

Una guía práctica para encontrar opciones interesantes

750 puntos
4
Tendencias

Lo que está marcando la conversación del momento

625 puntos
5
Selección

Contenido visual organizado para descubrir más rápido

500 puntos

Sección con fondo

El fondo puede abarcar más ancho mientras las tarjetas internas conservan un padding propio.

Cinco ajustes sencillos que pueden mejorar tu semana
Ideas

Cinco ajustes sencillos que pueden mejorar tu semana

Hace 1 hora · 5 min
Una guía práctica para encontrar opciones interesantes
Descubrimientos

Una guía práctica para encontrar opciones interesantes

Hace 2 horas · 6 min
Lo que está marcando la conversación del momento
Tendencias

Lo que está marcando la conversación del momento

Hace 3 horas · 3 min
Laboratorio editorial

Encuentra el equilibrio entre imagen amplia y contenido legible.

Modifica bleed, padding, radio, fondos y separación hasta encontrar una composición que se sienta amplia sin perder orden.

Continuar explorando
Configuración activa
Layout: showcase panel_type: editorial panel_variant: default panel_position: right panel_size: 42% (42%) equal_height: media_priority: last Reservados (sin efecto aún): cards_count=3, feed_items=4, feed_scroll=auto Tipo Hero: image Modo Hero: full desktop_scope: container Comportamiento efectivo: Dentro de Showcase, el Hero siempre mide 100% de su propio contenedor, en móvil, tablet y escritorio, sin usar 100vw. Proporción: 16/9 Gap Hero (base): 0px Gap Hero wide (container): 0px Radio Hero: 0px Contenido: normal Bleed móvil: 0px Bleed tablet: 0px Bleed escritorio (viewport): 0px Padding escritorio (container): 0px Tarjeta: bordered Sombra: soft Sección: soft Separación Hero: 16px Gap de bloques: 20px

Deja un comentario