Configuración del Hero Section

Personaliza el banner principal con título y categorías

Activación y Visibilidad

Activar Hero Section

Mostrar en Mobile (<768px)

Mostrar en Desktop (≥768px)

Contenido y Estructura

Mostrar Category Badges

Icono de Category Badge Clase de Bootstrap Icons

Categorías Excluidas Una categoría por línea

Alineación Título

Clase Display

Colores del Hero

Usar Gradiente de Fondo

Color Gradiente Inicio #1E3A5F

Color Gradiente Fin #2C5282

Color Texto H1 #ffffff

Color Fondo Sólido #1E3A5F

Ángulo del Gradiente 135°

Colores de Category Badges

Background Badge Soporta RGBA

Background Hover Soporta RGBA

Border Badge Soporta RGBA

Texto Badge Soporta RGBA

Color Icono Badge #FFB800

Espaciado y Dimensiones

Padding Vertical (rem)

Padding Horizontal (rem)

Margin Bottom (rem)

Gap Badges (rem)

Badge Padding V (rem)

Badge Padding H (rem)

Border Radius Badge (px)

Tipografía

Font Weight H1

Badge Font Size (rem)

Font Weight Badge

Line Height H1

Efectos Visuales

Habilitar Text Shadow H1

Text Shadow H1 Sintaxis CSS: x y blur color

Habilitar Box Shadow Hero

Box Shadow Hero Sintaxis CSS: x y blur spread color

Habilitar Backdrop Filter Badge

Backdrop Filter Badge Ej: blur(10px), brightness(1.2)

Transiciones y Animaciones

Velocidad Transición

Efecto Hover

Avanzado

Custom CSS Classes Hero Clases CSS adicionales separadas por espacio

Custom CSS Classes Badge Clases CSS adicionales para badges