diff --git a/home/migrations/0042_alter_homepage_background_section_and_more.py b/home/migrations/0042_alter_homepage_background_section_and_more.py
new file mode 100644
index 0000000..3b63771
--- /dev/null
+++ b/home/migrations/0042_alter_homepage_background_section_and_more.py
@@ -0,0 +1,64 @@
+# Generated by Django 5.0.9 on 2024-10-02 01:43
+
+import wagtail_color_panel.fields
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('home', '0041_homepage_externalraws'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='homepage',
+            name='background_section',
+            field=wagtail_color_panel.fields.ColorField(blank=True, default='#FFFFFF', max_length=250),
+        ),
+        migrations.AlterField(
+            model_name='homepage',
+            name='color_gradient_1',
+            field=wagtail_color_panel.fields.ColorField(blank=True, default='#FF4D79', max_length=250),
+        ),
+        migrations.AlterField(
+            model_name='homepage',
+            name='color_gradient_2',
+            field=wagtail_color_panel.fields.ColorField(blank=True, default='#FF809F', max_length=250),
+        ),
+        migrations.AlterField(
+            model_name='homepage',
+            name='color_primary',
+            field=wagtail_color_panel.fields.ColorField(blank=True, default='#ff4a67', max_length=250),
+        ),
+        migrations.AlterField(
+            model_name='homepage',
+            name='color_text_hero',
+            field=wagtail_color_panel.fields.ColorField(blank=True, default='#FFFFFF', max_length=250),
+        ),
+        migrations.AlterField(
+            model_name='homepage',
+            name='color_text_section',
+            field=wagtail_color_panel.fields.ColorField(blank=True, default='#FFFFFF', max_length=250),
+        ),
+        migrations.AlterField(
+            model_name='homepage',
+            name='navbar_background',
+            field=wagtail_color_panel.fields.ColorField(blank=True, default='#000000', max_length=250),
+        ),
+        migrations.AlterField(
+            model_name='homepage',
+            name='navbar_links_color',
+            field=wagtail_color_panel.fields.ColorField(blank=True, default='#FFFFFF', max_length=250),
+        ),
+        migrations.AlterField(
+            model_name='segmentpage',
+            name='background_section',
+            field=wagtail_color_panel.fields.ColorField(blank=True, default='#FFFFFF', max_length=250),
+        ),
+        migrations.AlterField(
+            model_name='segmentpage',
+            name='color_text_section',
+            field=wagtail_color_panel.fields.ColorField(blank=True, default='#000000', max_length=250),
+        ),
+    ]
diff --git a/home/migrations/0042_homepage_fonts.py b/home/migrations/0042_homepage_fonts.py
new file mode 100644
index 0000000..5b0f566
--- /dev/null
+++ b/home/migrations/0042_homepage_fonts.py
@@ -0,0 +1,19 @@
+# Generated by Django 5.0.9 on 2024-09-08 22:45
+
+import wagtail.fields
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('home', '0041_homepage_externalraws'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='homepage',
+            name='fonts',
+            field=wagtail.fields.StreamField([('fonts', 3)], blank=True, block_lookup={0: ('wagtail.blocks.CharBlock', (), {'max_length': 250, 'required': True}), 1: ('wagtail.blocks.URLBlock', (), {'required': True}), 2: ('wagtail.blocks.CharBlock', (), {'default': '#000000', 'max_length': 250, 'required': True}), 3: ('wagtail.blocks.StructBlock', [[('name', 0), ('section', 0), ('url', 1), ('font_size', 0), ('font_wight', 0), ('font_family', 0), ('font_color', 2)]], {})}),
+        ),
+    ]
diff --git a/home/migrations/0043_remove_homepage_fonts_homepage_primaryfontfamily_and_more.py b/home/migrations/0043_remove_homepage_fonts_homepage_primaryfontfamily_and_more.py
new file mode 100644
index 0000000..b4fd894
--- /dev/null
+++ b/home/migrations/0043_remove_homepage_fonts_homepage_primaryfontfamily_and_more.py
@@ -0,0 +1,37 @@
+# Generated by Django 5.0.9 on 2024-09-11 02:04
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('home', '0042_homepage_fonts'),
+    ]
+
+    operations = [
+        migrations.RemoveField(
+            model_name='homepage',
+            name='fonts',
+        ),
+        migrations.AddField(
+            model_name='homepage',
+            name='primaryFontFamily',
+            field=models.CharField(default='sans-serif', max_length=250),
+        ),
+        migrations.AddField(
+            model_name='homepage',
+            name='primaryFontURL',
+            field=models.URLField(blank=True, max_length=250),
+        ),
+        migrations.AddField(
+            model_name='homepage',
+            name='secondaryFontFamily',
+            field=models.CharField(default='sans-serif', max_length=250),
+        ),
+        migrations.AddField(
+            model_name='homepage',
+            name='secondaryFontURL',
+            field=models.URLField(blank=True, max_length=250),
+        ),
+    ]
diff --git a/home/models.py b/home/models.py
index 18ce9c4..c751e97 100644
--- a/home/models.py
+++ b/home/models.py
@@ -1,9 +1,11 @@
 from django.db import models
-from wagtail.fields import RichTextField, StreamField
-from wagtail.models import Page
-from wagtail.admin.panels import FieldPanel
 from wagtail import blocks
+from wagtail.admin.panels import FieldPanel
+from wagtail.fields import RichTextField, StreamField
 from wagtail.images.blocks import ImageChooserBlock
+from wagtail.models import Page
+from wagtail_color_panel.edit_handlers import NativeColorPanel
+from wagtail_color_panel.fields import ColorField
 
 
 class HomePage(Page):
@@ -47,7 +49,9 @@ class HomePage(Page):
         on_delete=models.SET_NULL,
         related_name="+",
     )
-    hero_image_overlay_opacity = models.DecimalField(default=0.70, decimal_places=2, max_digits=3)
+    hero_image_overlay_opacity = models.DecimalField(
+        default=0.70, decimal_places=2, max_digits=3
+    )
     hero_padding_left = models.CharField(max_length=250, default="20px")
     hero_padding_right = models.CharField(max_length=250, default="20px")
     footer_title = models.CharField(max_length=250, blank=True)
@@ -77,41 +81,54 @@ class HomePage(Page):
         blank=True,
         use_json_field=True,
     )
-    color_gradient_1 = models.CharField(max_length=250, blank=True, default="#FF4D79")
-    color_gradient_2 = models.CharField(max_length=250, blank=True, default="#FF809F")
-    color_primary = models.CharField(max_length=250, blank=True, default="#ff4a67")
-    color_text_hero  = models.CharField(max_length=250, blank=True, default="#FFFFFF")
+
+    primaryFontURL = models.URLField(max_length=250, blank=True)
+    primaryFontFamily = models.CharField(max_length=250, default="sans-serif")
+    secondaryFontURL = models.URLField(max_length=250, blank=True)
+    secondaryFontFamily = models.CharField(max_length=250, default="sans-serif")
+    color_gradient_1 = ColorField(max_length=250, blank=True, default="#FF4D79")
+    color_gradient_2 = ColorField(max_length=250, blank=True, default="#FF809F")
+    color_primary = ColorField(max_length=250, blank=True, default="#ff4a67")
+    color_text_hero = ColorField(max_length=250, blank=True, default="#FFFFFF")
+
     show_time = models.BooleanField(default=True)
-    background_section = models.CharField(max_length=250, blank=True, default="#FFFFFF")
-    color_text_section  = models.CharField(max_length=250, blank=True, default="white")
-    navbar_background  = models.CharField(max_length=250, default="transparent")
-    navbar_links_color  = models.CharField(max_length=250,default="white")
-    message_show_time = models.CharField(max_length=250, blank=True, default="Próximamente...")
+    background_section = ColorField(max_length=250, blank=True, default="#FFFFFF")
+    color_text_section = ColorField(max_length=250, blank=True, default="#FFFFFF")
+    navbar_background = ColorField(max_length=250, blank=True, default="#000000")
+    navbar_links_color = ColorField(max_length=250, blank=True, default="#FFFFFF")
+    message_show_time = models.CharField(
+        max_length=250, blank=True, default="Próximamente..."
+    )
     menu_links = StreamField(
-            [
-                (
-                    "menu_links",
-                    blocks.StructBlock(
-                        [
-                            ("text", blocks.CharBlock(max_length=250, required=True)),
-                            ("url",blocks.CharBlock(max_length=250, required=True, default="#")),
-                        ]
-                    ),
+        [
+            (
+                "menu_links",
+                blocks.StructBlock(
+                    [
+                        ("text", blocks.CharBlock(max_length=250, required=True)),
+                        (
+                            "url",
+                            blocks.CharBlock(
+                                max_length=250, required=True, default="#"
+                            ),
+                        ),
+                    ]
                 ),
-            ],
-            blank=True,
-            use_json_field=True,
-        )
+            ),
+        ],
+        blank=True,
+        use_json_field=True,
+    )
     favicon = models.ForeignKey(
         "wagtailimages.Image",
         null=True,
         blank=True,
         on_delete=models.SET_NULL,
         related_name="+",
-        help_text="max size 256x256 png format"
+        help_text="max size 256x256 png format",
     )
     footer_background = models.CharField(max_length=250, blank=True, default="#161E26")
-    footer_color_text  = models.CharField(max_length=250, blank=True, default="#9e9e9e")
+    footer_color_text = models.CharField(max_length=250, blank=True, default="#9e9e9e")
     externalRaws = StreamField(
         [
             (
@@ -129,8 +146,8 @@ class HomePage(Page):
     content_panels = Page.content_panels + [
         FieldPanel("event"),
         FieldPanel("favicon"),
-        FieldPanel("navbar_background"),
-        FieldPanel("navbar_links_color"),
+        NativeColorPanel("navbar_background"),
+        NativeColorPanel("navbar_links_color"),
         FieldPanel("position_event"),
         FieldPanel("about"),
         FieldPanel("location"),
@@ -142,30 +159,40 @@ class HomePage(Page):
         FieldPanel("logo_image_big"),
         FieldPanel("hero_image"),
         FieldPanel("hero_image_overlay_opacity"),
-        FieldPanel("color_text_hero"),
+        NativeColorPanel("color_text_hero"),
         FieldPanel("hero_padding_left"),
         FieldPanel("hero_padding_right"),
-        FieldPanel("color_gradient_1"),
-        FieldPanel("color_gradient_2"),
-        FieldPanel("color_primary"),
+        FieldPanel("primaryFontURL"),
+        FieldPanel("primaryFontFamily"),
+        FieldPanel("secondaryFontURL"),
+        FieldPanel("secondaryFontFamily"),
+        NativeColorPanel("color_gradient_1"),
+        NativeColorPanel("color_gradient_2"),
+        NativeColorPanel("color_primary"),
         FieldPanel("show_time"),
-        FieldPanel("background_section"),
-        FieldPanel("color_text_section"),
+        NativeColorPanel("background_section"),
+        NativeColorPanel("color_text_section"),
         FieldPanel("message_show_time"),
         FieldPanel("menu_links"),
         FieldPanel("footer_title"),
         FieldPanel("footer_site_info"),
         FieldPanel("footer_networks"),
-        FieldPanel("footer_background"),
-        FieldPanel("footer_color_text"),
+        NativeColorPanel("color_gradient_1"),
+        NativeColorPanel("footer_background"),
+        NativeColorPanel("footer_color_text"),
         FieldPanel("externalRaws"),
     ]
-    
+
     def get_context(self, request):
         # Update context to include only published posts, ordered by reverse-chron
         context = super().get_context(request)
         segments = SegmentPage.objects.child_of(self).live().order_by("order")
         context["segments"] = segments  # sorted (segments, key=lambda x: x.order)
+        context["exist_descendants"] = [
+            descendant
+            for descendant in self.get_descendants()
+            if descendant.live and descendant.content_type == self.content_type
+        ]
         return context
 
 
@@ -188,6 +215,7 @@ class SponsorBlock(blocks.StructBlock):
     )
     url = blocks.URLBlock(required=False)
 
+
 class TiersBlock(blocks.StructBlock):
     classname = blocks.CharBlock(required=False)
     name = blocks.CharBlock()
@@ -200,6 +228,7 @@ class TiersBlock(blocks.StructBlock):
     url_text = blocks.CharBlock(required=False, default="Buy now")
     bg_color = blocks.CharBlock(required=False, default="#fff")
 
+
 class ScheduleDetailBlock(blocks.StructBlock):
     menu_title = blocks.CharBlock()
     menu_subtitle = blocks.CharBlock(default="Workshop")
@@ -210,15 +239,17 @@ class ScheduleDetailBlock(blocks.StructBlock):
     location = blocks.CharBlock(required=False)
     image = ImageChooserBlock(required=False)
 
+
 class ScheduleBlock(blocks.StructBlock):
     name = blocks.CharBlock()
     detail = blocks.CharBlock()
     schedule_details = blocks.ListBlock(ScheduleDetailBlock(required=False))
 
+
 class SegmentPage(Page):
     order = models.IntegerField(default=0)
-    background_section = models.CharField(max_length=250, blank=True, default="#FFFFFF")
-    color_text_section  = models.CharField(max_length=250, blank=True, default="black")
+    background_section = ColorField(max_length=250, blank=True, default="#FFFFFF")
+    color_text_section = ColorField(max_length=250, blank=True, default="#000000")
     segments = StreamField(
         [
             # detail segment
@@ -253,7 +284,8 @@ class SegmentPage(Page):
                             ),
                         ),
                         (
-                            "list_style",blocks.BooleanBlock(required=False, default=False),
+                            "list_style",
+                            blocks.BooleanBlock(required=False, default=False),
                         ),
                     ]
                 ),
@@ -363,7 +395,12 @@ class SegmentPage(Page):
 
     content_panels = Page.content_panels + [
         FieldPanel("order"),
-        FieldPanel("background_section"),
-        FieldPanel("color_text_section"),
+        NativeColorPanel("color_text_section"),
         FieldPanel("segments"),
+        NativeColorPanel("background_section"),
     ]
+
+    def get_context(self, request):
+        context = super().get_context(request)
+        context["parent"] = self.get_parent().specific
+        return context
diff --git a/home/templates/home/home_page.html b/home/templates/home/home_page.html
index f4e938d..9f98141 100644
--- a/home/templates/home/home_page.html
+++ b/home/templates/home/home_page.html
@@ -8,6 +8,29 @@
 {% block extra_css %}
 {% image page.hero_image fill-1900x740-c20 format-webp preserve-svg as tmp_hero %}
 {% image page.favicon max-256x256 as tmp_favicon %}
+{% block meta_tags %}
+
+<meta property="og:title" content="{{ page.event|striptags }}">
+<meta property="og:description" content="{{ page.about|striptags }}">
+<meta property="og:url" content="{{ request.build_absolute_uri }}">
+{% if page.logo_image %}
+    {% image page.logo_image original as tmp_og_image %}
+    <meta property="og:image" itemprop="image" content="{{ request.build_absolute_uri|slice:':-1' }}{{ tmp_og_image.url }}">
+{% endif %}
+<meta property="og:type" content="website">
+<meta property="og:locale" content="es_ES">
+<meta property="og:image:width" content="300">
+<meta property="og:image:height" content="300">
+
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="{{ page.event|striptags }}">
+<meta name="twitter:description" content="{{ page.about|striptags }}">
+<meta name="twitter:url" content="{{ request.build_absolute_uri }}">
+{% if page.logo_image %}
+    {% image page.logo_image original as tmp_twitter_image %}
+    <meta name="twitter:image" content="{{ request.build_absolute_uri|slice:':-1' }}{{ tmp_twitter_image.url }}">
+{% endif %}
+{% endblock %}
 
 <link rel="icon" type="image/png" href="{{ tmp_favicon.url }}" />
 <style>
@@ -20,6 +43,8 @@
         --hero-padding-right: {{page.hero_padding_right}};
         --footer-bg: {{page.footer_background}};
         --footer-text: {{page.footer_color_text}};
+        --primary-font: '{{page.primaryFontFamily}}';
+        --secondary-font: {{page.secondaryFontFamily}};
     }
 </style>
 <!-- Bootstrap CSS -->
@@ -34,6 +59,15 @@
 <link rel="stylesheet" type="text/css" href="{% static '2023/css/main.css' %}">
 <!-- Responsive Style -->
 <link rel="stylesheet" type="text/css" href="{% static '2023/css/responsive.css' %}">
+
+{%if page.value.primaryFontURL != "" %}
+<link href="{{page.primaryFontURL}}" rel="stylesheet">
+{%endif%}
+
+{%if page.value.secondaryFontURL != "" %}
+<link href="{{page.secondaryFontURL}}" rel="stylesheet">
+{%endif%}
+
 <style>
     .hero-area-bg-image {
         background: url("{{ tmp_hero.url }}") no-repeat;
@@ -131,7 +165,6 @@
     </div>
     <!-- Hero Area End -->
 </header>
-
 <!-- Count Bar Start -->
 <section id="count" style="background: {{page.background_section}}; color: {{page.color_text_section}}">
     <div class="container">
@@ -203,6 +236,23 @@ <h2 class="subscribe-title" style="color: var(--footer-text);">{{page.footer_tit
                 <div class="footer-logo">
                     <img src="{{ tmp_logo.url }}" alt="{{ tmp_logo.alt }}">
                 </div>
+                <div class ="mb-5 row justify-content-center">
+                    {% if exist_descendants %}
+                    <div class="past-events text-start mb-3">
+                        <div class="subscribe-inner" style="padding: 16px;">
+                            <h2 class="subscribe-title" style="color: var(--footer-text); margin-bottom:10px;">Eventos pasados</h2>
+                        </div>
+                        {% for descendant in page.get_descendants %}
+                            {% if descendant.live and descendant.content_type == page.content_type %}
+                                <a class="nav-link" href="{{ descendant.get_url }}" 
+                                    target="_blank" style="color: {{ page.navbar_links_color }} !important;">
+                                    {{ descendant.title }} 
+                                </a>
+                            {% endif %}
+                        {% endfor %}
+                    </div>
+                    {% endif %}
+                </div>
                 <div class="social-icons-footer">
                     <ul>
                         {% for social in page.footer_networks %}
@@ -224,23 +274,6 @@ <h2 class="subscribe-title" style="color: var(--footer-text);">{{page.footer_tit
     <i class="lni lni-chevron-up"></i>
 </a>
 
-<div id="preloader">
-    <div class="sk-circle">
-        <div class="sk-circle1 sk-child"></div>
-        <div class="sk-circle2 sk-child"></div>
-        <div class="sk-circle3 sk-child"></div>
-        <div class="sk-circle4 sk-child"></div>
-        <div class="sk-circle5 sk-child"></div>
-        <div class="sk-circle6 sk-child"></div>
-        <div class="sk-circle7 sk-child"></div>
-        <div class="sk-circle8 sk-child"></div>
-        <div class="sk-circle9 sk-child"></div>
-        <div class="sk-circle10 sk-child"></div>
-        <div class="sk-circle11 sk-child"></div>
-        <div class="sk-circle12 sk-child"></div>
-    </div>
-</div>
-
 
 {% endblock content %}
 
diff --git a/home/templates/home/segment_page.html b/home/templates/home/segment_page.html
index e69de29..6aaff47 100644
--- a/home/templates/home/segment_page.html
+++ b/home/templates/home/segment_page.html
@@ -0,0 +1,183 @@
+{% extends "base.html" %}
+{% load wagtailcore_tags %}
+{% load wagtailimages_tags %}
+{% load static %}
+
+
+{% block body_class %}template-homepage{% endblock %}
+
+{% block extra_css %}
+{% image parent.hero_image fill-1900x740-c20 format-webp preserve-svg as tmp_hero %}
+{% image parent.favicon max-256x256 as tmp_favicon %}
+<link rel="icon" type="image/png" href="{{ tmp_favicon.url }}" />
+<style>
+    :root {
+        --cg1: {{parent.color_gradient_1}};
+        --cg2: {{parent.color_gradient_2}};
+        --primary: {{parent.color_primary}};
+        --text-hero: {{parent.color_text_hero}};
+        --hero-padding-left: {{parent.hero_padding_left}};
+        --hero-padding-right: {{parent.hero_padding_right}};
+        --footer-bg: {{parent.footer_background}};
+        --footer-text: {{parent.footer_color_text}};
+    }
+</style>
+<!-- Bootstrap CSS -->
+<link rel="stylesheet" type="text/css" href="{% static '2023/css/bootstrap.min.css' %}">
+<!-- Icon -->
+<link rel="stylesheet" type="text/css" href="{% static '2023/fonts/lineicons.css' %}">
+<!-- Nivo Lightbox -->
+<link rel="stylesheet" type="text/css" href="{% static '2023/css/nivo-lightbox.css' %}">
+<!-- Animate -->
+<link rel="stylesheet" type="text/css" href="{% static '2023/css/animate.css' %}">
+<!-- Main Style -->
+<link rel="stylesheet" type="text/css" href="{% static '2023/css/main.css' %}">
+<!-- Responsive Style -->
+<link rel="stylesheet" type="text/css" href="{% static '2023/css/responsive.css' %}">
+
+<style>
+    .hero-area-bg-image {
+        background: url("{{ tmp_hero.url }}") no-repeat;
+        background-size: cover;
+        background-position-y: top;
+        background-position-x: center;
+    }
+    .hero-area .overlay {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0px;
+    left: 0px;
+    background: rgba(0, 0, 0, {{parent.hero_image_overlay_opacity}});
+    }
+</style>
+{% endblock extra_css %}
+
+{% block content %}
+<header id="header-wrap"></header>
+    <!-- Navbar Start -->
+    <nav class="navbar navbar-expand-lg bg-inverse fixed-top" style="background: {{parent.navbar_background}};">
+        <div class="container">
+            <!-- Brand and toggle get grouped for better mobile display -->
+            {% image parent.logo_image max-180x90 format-webp preserve-svg as tmp_logo  %}
+
+            <a href="/" class="navbar-brand"><img src="{{ tmp_logo.url }}" alt="{{ tmp_logo.alt }}"
+                
+            ></a>
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
+                aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+                <i class="lni lni-menu"></i>
+            </button>
+            <div class="collapse navbar-collapse" id="navbarCollapse">
+                <ul class="navbar-nav mr-auto w-100 justify-content-end">
+                    <li class="nav-item active">
+                        <a class="nav-link" href="#header-wrap" style="color: {{parent.navbar_links_color}} !important;" disabled>
+                            {{page.title}}
+                        </a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+    <!-- Hero Area Start -->
+    <div class="hero-area hero-area-bg hero-area-bg-image">
+        <div class="overlay"></div>
+        <div class="container">
+            <div class="row justify-content-center">
+                <div class="col-lg-9 col-sm-12">
+                    <div class="contents text-center" style="text-align: {{parent.position_event}}! important;">
+                        {% if parent.logo_image_big is not None %}
+                        {% image parent.logo_image_big  max-300x150 format-webp preserve-svg as tmp_logo_big %}
+                        <img src="{{ tmp_logo_big.url }}" alt="{{ tmp_logo_big.alt }}">
+                        <br>
+                        <br>
+                        
+                        {% endif %}
+
+                        <p class="banner-info">{{ parent.literal_date }} {{parent.location}}</p>
+                        <div class="head-title">{{ parent.event|richtext }}</div>
+                        <div class="banner-desc" style="text-align: justify;">{{ parent.about|richtext }}</div>
+                        <br>
+                        {% if parent.url_get_tickets is not None and parent.url_get_tickets != "" %}
+                        <div class="banner-btn">
+                            <a href="{{parent.url_get_tickets}}" class="btn btn-common"
+                                target="_blank">{{parent.text_get_tickets}}</a>
+                        </div>
+                        {% endif %}
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Hero Area End -->
+</header>
+
+<section id="count" style="background: {{parent.background_section}}; color: {{parent.color_text_section}}">
+    <div class="container">
+        <div class="row justify-content-center">
+            <div class="col-10">
+                <div class="count-wrapper text-center">
+                    <div class="time-countdown wow fadeInUp" data-wow-delay="0.2s">
+                        <div id="clock" class="time-count"></div>
+                        <input type="hidden" id="clock_date" value="{{ parent.event_date|date:'Y/m/d' }}">
+                        <input type="hidden" id="clock_date_show" value="{{ parent.show_time }}">
+                        <input type="hidden" id="clock_date_show_message" value="{{ parent.message_show_time }}">
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+{% for segment in page.segments %}
+{% if segment.block_type == 'detail_segment' %}
+<div>
+    {% include 'segments/segment.html' %}
+</div>
+{% endif %}
+{% if segment.block_type == 'video_segment' %}
+<div>
+    {% include 'segments/video.html' %}
+</div>
+{% endif %}
+{% if segment.block_type == 'information_segment' %}
+<div>
+    {% include 'segments/information_bar.html' %}
+</div>
+{% endif %}
+{% if segment.block_type == 'sponsor_segment' %}
+<div>
+    {% include 'segments/sponsor.html' %}
+</div>
+{% endif %}
+{% if segment.block_type == 'maps_segment' %}
+<div>
+    {% include 'segments/maps.html' %}
+</div>
+{% endif %}
+{% if segment.block_type == 'pricing_segment' %}
+<div>
+    {% include 'segments/pricing.html' %}
+</div>
+{% endif %}
+{% if segment.block_type == 'schedule_segment' %}
+<div>
+    {% include 'segments/schedule.html' %}
+</div>
+{% endif %}
+{% endfor %}
+{% endblock %}
+{% block extra_js %}
+<!-- jQuery first, then Popper.js, then Bootstrap JS -->
+<script type="" src="{% static '2023/js/jquery-min.js' %}"></script>
+<script src="{% static '2023/js/popper.min.js' %}"></script>
+<script src="{% static '2023/js/bootstrap.min.js' %}"></script>
+<script src="{% static '2023/js/jquery.countdown.min.js' %}"></script>
+<script src="{% static '2023/js/waypoints.min.js' %}"></script>
+<script src="{% static '2023/js/jquery.counterup.min.js' %}"></script>
+<script src="{% static '2023/js/jquery.nav.js' %}"></script>
+<script src="{% static '2023/js/jquery.easing.min.js' %}"></script>
+<script src="{% static '2023/js/wow.js' %}"></script>
+<script src="{% static '2023/js/nivo-lightbox.js' %}"></script>
+<script src="{% static '2023/js/video.js' %}"></script>
+<script src="{% static '2023/js/main.js' %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/requirements.txt b/requirements.txt
index 22f11c0..8124482 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -2,4 +2,5 @@ Django>=4.2,<5.1
 wagtail>=6.2,<6.3
 django-mathfilters==1.0.0
 whitenoise==6.2.0
-mysqlclient==2.2.1
\ No newline at end of file
+mysqlclient==2.2.1
+wagtail-color-panel==1.5.0
\ No newline at end of file
diff --git a/website/settings/base.py b/website/settings/base.py
index e98ca72..7c52a08 100644
--- a/website/settings/base.py
+++ b/website/settings/base.py
@@ -52,7 +52,8 @@
     "django.contrib.messages",
     "django.contrib.staticfiles",
     "mathfilters",
-    'wagtail.contrib.search_promotions'
+    'wagtail.contrib.search_promotions',
+    'wagtail_color_panel'
 ]
 
 MIDDLEWARE = [
diff --git a/website/static/2023/css/main.css b/website/static/2023/css/main.css
index f15b1d3..40920f1 100644
--- a/website/static/2023/css/main.css
+++ b/website/static/2023/css/main.css
@@ -7,7 +7,7 @@ html {
 body {
   font-size: 15px;
   font-weight: 400;
-  font-family: 'Open Sans', sans-serif;
+  font-family: var(--secondary-font), sans-serif;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
@@ -26,7 +26,7 @@ h4,
 h5 {
   font-size: 36px;
   font-weight: 700;
-  font-family: 'Roboto', sans-serif;
+  font-family: var(--primary-font), sans-serif;
 }
 
 a {
@@ -46,7 +46,7 @@ a a:focus {
 
 p {
   font-weight: 400;
-  font-family: 'Open Sans', sans-serif;
+  font-family: var(--secondary-font), sans-serif;
   margin: 0px;
   font-size: 14px;
 }
@@ -198,7 +198,7 @@ ol li {
   padding: 10px 30px;
   line-height: 22px;
   border-radius: 0px;
-  font-family: 'Roboto', sans-serif;
+  font-family: var(--primary-font), sans-serif;
   cursor: pointer;
   font-weight: 500;
   color: #fff;
@@ -324,15 +324,6 @@ a.back-to-top:focus {
   text-decoration: none;
 }
 
-#preloader {
-  position: fixed;
-  background: var(--cg1);
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 9999999999;
-}
 
 .sk-circle {
   margin: 0px auto;
@@ -621,7 +612,7 @@ a.back-to-top:focus {
   padding: 0 15px;
   margin-top: 10px;
   margin-bottom: 10px;
-  font-family: 'Roboto', sans-serif;
+  font-family: var(--primary-font), sans-serif;
   font-weight: 500;
   line-height: 40px;
   text-transform: uppercase;
@@ -2195,7 +2186,7 @@ footer {
   line-height: 45px;
   font-weight: 700;
   letter-spacing: 0.3;
-  font-family: 'Roboto', sans-serif;
+  font-family: var(--primary-font), sans-serif;
   display: block;
   margin-bottom: 10px;
   padding: 1px;
@@ -2211,7 +2202,7 @@ footer {
   border: none;
   position: relative;
   height: auto;
-  font-family: 'Roboto', sans-serif;
+  font-family: var(--primary-font), sans-serif;
   border-radius: 4px;
   text-align: center;
   font-weight: 400;
@@ -2225,7 +2216,7 @@ footer {
   line-height: 45px;
   font-weight: 700;
   letter-spacing: 0.3;
-  font-family: 'Roboto', sans-serif;
+  font-family: var(--primary-font), sans-serif;
   display: block;
   margin-bottom: 10px;
 }
@@ -2544,4 +2535,10 @@ footer {
   margin-left: auto;
   padding: revert;
   list-style: decimal !important;
-}
\ No newline at end of file
+}
+
+.past-events {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start; /* Alineación a la izquierda */
+}
diff --git a/website/static/2023/js/main.js b/website/static/2023/js/main.js
index d961e45..bd011ab 100644
--- a/website/static/2023/js/main.js
+++ b/website/static/2023/js/main.js
@@ -6,8 +6,6 @@
 
     /*Page Loader active
       ========================================================*/
-    $('#preloader').fadeOut();
-
     // Sticky Nav
     $(window).on('scroll', function () {
       if ($(window).scrollTop() > 200) {
@@ -97,6 +95,5 @@
     });
 
   });
-  $('#preloader').fadeOut();
 
 }(jQuery));
\ No newline at end of file