{"id":1097,"date":"2026-08-24T21:55:32","date_gmt":"2026-08-24T19:55:32","guid":{"rendered":"https:\/\/nuriadansa.cat\/nd\/?page_id=1097"},"modified":"2026-08-24T21:57:47","modified_gmt":"2026-08-24T19:57:47","slug":"horaris","status":"publish","type":"page","link":"https:\/\/nuriadansa.cat\/nd\/horaris\/","title":{"rendered":"Horaris"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00bb1&#8243; custom_padding_last_edited=\u00bboff|desktop\u00bb next_background_color=\u00bb#fbfcfd\u00bb admin_label=\u00bbHeader\u00bb _builder_version=\u00bb4.16&#8243; use_background_color_gradient=\u00bbon\u00bb background_color_gradient_type=\u00bbcircular\u00bb background_color_gradient_direction_radial=\u00bbtop left\u00bb background_color_gradient_stops=\u00bbrgba(247,229,241,0.47) 0%|rgba(112,69,141,0.89) 58%\u00bb background_color_gradient_overlays_image=\u00bbon\u00bb background_color_gradient_start=\u00bbrgba(247,229,241,0.47)\u00bb background_color_gradient_end=\u00bbrgba(112,69,141,0.89)\u00bb background_color_gradient_end_position=\u00bb58%\u00bb background_image=\u00bbhttp:\/\/nuriadansa.cat\/nd\/wp-content\/uploads\/2020\/03\/Disciplines-scaled.jpg\u00bb background_position=\u00bbbottom_center\u00bb custom_padding=\u00bb10vw||10vw||true|false\u00bb custom_padding_tablet=\u00bb170px||50px|\u00bb bottom_divider_style=\u00bbramp\u00bb bottom_divider_height=\u00bb6vw\u00bb bottom_divider_flip=\u00bbhorizontal\u00bb animation_style=\u00bbfade\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row _builder_version=\u00bb4.16&#8243; global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.16&#8243; custom_padding=\u00bb|||\u00bb global_colors_info=\u00bb{}\u00bb custom_padding__hover=\u00bb|||\u00bb][et_pb_text admin_label=\u00bbTitle\u00bb _builder_version=\u00bb4.27.8&#8243; text_font=\u00bb||||||||\u00bb header_font=\u00bbViga|700|on|on|||||\u00bb header_text_align=\u00bbcenter\u00bb header_font_size=\u00bb4.9vw\u00bb header_letter_spacing=\u00bb0.18em\u00bb header_line_height=\u00bb1.4em\u00bb header_2_font=\u00bb||||||||\u00bb text_orientation=\u00bbcenter\u00bb background_layout=\u00bbdark\u00bb custom_margin=\u00bb||0px||false|false\u00bb custom_margin_tablet=\u00bb|||0vw\u00bb custom_margin_phone=\u00bb||0px\u00bb custom_margin_last_edited=\u00bboff|desktop\u00bb custom_padding=\u00bb||||false|false\u00bb animation_style=\u00bbslide\u00bb animation_direction=\u00bbtop\u00bb animation_delay=\u00bb100ms\u00bb animation_intensity_slide=\u00bb10%\u00bb header_font_size_tablet=\u00bb7.5vw\u00bb header_font_size_phone=\u00bb\u00bb header_font_size_last_edited=\u00bbon|phone\u00bb header_text_shadow_style=\u00bbpreset3&#8243; header_text_shadow_blur_strength=\u00bb0.4em\u00bb header_text_shadow_color=\u00bbrgba(255,255,255,0.6)\u00bb global_colors_info=\u00bb{}\u00bb header_2_font_size__hover=\u00bb26px\u00bb header_2_font_size__hover_enabled=\u00bb26px\u00bb header_2_letter_spacing__hover=\u00bb0px\u00bb header_2_letter_spacing__hover_enabled=\u00bb0px\u00bb header_2_line_height__hover=\u00bb1em\u00bb header_2_line_height__hover_enabled=\u00bb1em\u00bb header_2_text_shadow_style__hover=\u00bbnone\u00bb header_2_text_shadow_style__hover_enabled=\u00bbnone\u00bb header_2_text_shadow_color__hover=\u00bbrgba(0,0,0,0.4)\u00bb header_2_text_shadow_color__hover_enabled=\u00bbrgba(0,0,0,0.4)\u00bb]<\/p>\n<h1>HORARIS<\/h1>\n<p>[\/et_pb_text][et_pb_divider color=\u00bb#e05e76&#8243; divider_weight=\u00bb3px\u00bb _builder_version=\u00bb4.16&#8243; width=\u00bb200px\u00bb module_alignment=\u00bbcenter\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_divider][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00bb1&#8243; next_background_color=\u00bb#f7e5f1&#8243; admin_label=\u00bbAbout\u00bb _builder_version=\u00bb4.16&#8243; background_color=\u00bb#fbfcfd\u00bb custom_padding=\u00bb0|0px|0px|0px|false|false\u00bb bottom_divider_style=\u00bbgraph2&#8243; global_colors_info=\u00bb{}\u00bb][et_pb_row _builder_version=\u00bb4.16&#8243; custom_margin=\u00bb3vh|auto||auto|false|false\u00bb custom_padding=\u00bb||0px||false|false\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0&#8243;][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.16&#8243; global_colors_info=\u00bb{}\u00bb][et_pb_code _builder_version=\u00bb4.27.8&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0&#8243; custom_margin=\u00bb||50px||false|false\u00bb]<!doctype html><!-- [et_pb_line_break_holder] --><html lang=\"ca\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><head><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <meta charset=\"UTF-8\"><!-- [et_pb_line_break_holder] -->  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <title><\/title><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\"><\/script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <link<!-- [et_pb_line_break_holder] -->    href=\u00bbhttps:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;700&#038;display=swap\u00bb<!-- [et_pb_line_break_holder] -->    rel=\u00bbstylesheet\u00bb<!-- [et_pb_line_break_holder] -->  ><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/lucide@0.263.0\/dist\/umd\/lucide.min.js\"><\/script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <\/p>\n<style><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    :root {<!-- [et_pb_line_break_holder] -->      --main-color: #fff1c6;<!-- [et_pb_line_break_holder] -->      --text-color: #000;<!-- [et_pb_line_break_holder] -->      --grid-line: #fff;<!-- [et_pb_line_break_holder] -->      --grid-background: #f9f9f9;<!-- [et_pb_line_break_holder] -->      --page-background: #faf8fb;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    body {<!-- [et_pb_line_break_holder] -->      font-family: 'DM Sans', sans-serif;<!-- [et_pb_line_break_holder] -->      background: var(--page-background);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ============================================================<!-- [et_pb_line_break_holder] -->       GRAELLA PRINCIPAL<!-- [et_pb_line_break_holder] -->       ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .grid-container {<!-- [et_pb_line_break_holder] -->      display: grid;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      grid-template-columns:<!-- [et_pb_line_break_holder] -->        50px repeat(<!-- [et_pb_line_break_holder] -->          var(--day-count),<!-- [et_pb_line_break_holder] -->          minmax(150px, 1fr)<!-- [et_pb_line_break_holder] -->        );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      column-gap: 10px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      min-width: max-content;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ============================================================<!-- [et_pb_line_break_holder] -->       COLUMNES DELS DIES<!-- [et_pb_line_break_holder] -->       ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .day-col {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      position: relative;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      min-height: 420px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      background: var(--grid-background);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      border: 1px solid rgba(99, 63, 109, 0.12);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      border-radius: 8px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      overflow: hidden;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ============================================================<!-- [et_pb_line_break_holder] -->       NOM DELS DIES<!-- [et_pb_line_break_holder] -->       ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .day-heading {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      color: #000;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ============================================================<!-- [et_pb_line_break_holder] -->       BLOCS DE LES CLASSES<!-- [et_pb_line_break_holder] -->       ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .class-block {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      position: absolute;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      border-radius: 7px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      padding: 5px 7px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      cursor: pointer;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      overflow: hidden;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      border-left: 4px solid;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      transition:<!-- [et_pb_line_break_holder] -->        transform 0.1s,<!-- [et_pb_line_break_holder] -->        box-shadow 0.1s;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      font-size: 11px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      line-height: 1.3;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      box-sizing: border-box;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      z-index: 2;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .class-block:hover {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      transform: scale(1.02);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      box-shadow:<!-- [et_pb_line_break_holder] -->        0 5px 14px rgba(68, 45, 71, 0.25);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      z-index: 10;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ============================================================<!-- [et_pb_line_break_holder] -->       ETIQUETES DE LES HORES<!-- [et_pb_line_break_holder] -->       ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .time-label {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      font-size: 11px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      color: #000;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      text-align: right;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      padding-right: 8px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      font-weight: 500;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ============================================================<!-- [et_pb_line_break_holder] -->       L\u00cdNIES HOR\u00c0RIES<!-- [et_pb_line_break_holder] -->       ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .hour-line {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      border-top:<!-- [et_pb_line_break_holder] -->        1px solid var(--grid-line);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ============================================================<!-- [et_pb_line_break_holder] -->       FILTRE DE DISCIPLINA<!-- [et_pb_line_break_holder] -->       ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .filter-container {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      display: flex;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      align-items: center;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      justify-content: center;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      margin-bottom: 20px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .style-filter {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      appearance: none;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      -webkit-appearance: none;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      background: #ffffff;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      border: 1px solid #633f6d;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      color: #442d47;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      border-radius: 8px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      padding: 10px 40px 10px 14px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      font-family: 'DM Sans', sans-serif;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      font-size: 14px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      font-weight: 500;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      cursor: pointer;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      min-width: 220px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      outline: none;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      background-image:<!-- [et_pb_line_break_holder] -->        linear-gradient(<!-- [et_pb_line_break_holder] -->          45deg,<!-- [et_pb_line_break_holder] -->          transparent 50%,<!-- [et_pb_line_break_holder] -->          #633f6d 50%<!-- [et_pb_line_break_holder] -->        ),<!-- [et_pb_line_break_holder] -->        linear-gradient(<!-- [et_pb_line_break_holder] -->          135deg,<!-- [et_pb_line_break_holder] -->          #633f6d 50%,<!-- [et_pb_line_break_holder] -->          transparent 50%<!-- [et_pb_line_break_holder] -->        );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      background-position:<!-- [et_pb_line_break_holder] -->        calc(100% - 18px) 50%,<!-- [et_pb_line_break_holder] -->        calc(100% - 13px) 50%;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      background-size:<!-- [et_pb_line_break_holder] -->        5px 5px,<!-- [et_pb_line_break_holder] -->        5px 5px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      background-repeat: no-repeat;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .style-filter:hover {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      background-color: #faf8fb;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .style-filter:focus {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      box-shadow:<!-- [et_pb_line_break_holder] -->        0 0 0 3px<!-- [et_pb_line_break_holder] -->        rgba(99, 63, 109, 0.15);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ============================================================<!-- [et_pb_line_break_holder] -->       C\u00c0RREGA<!-- [et_pb_line_break_holder] -->       ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    #loading {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      text-align: center;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      font-size: 13px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      color: #442d47;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      padding: 15px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    #error-message {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      display: none;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      margin: 15px auto;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      padding: 12px 16px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      max-width: 600px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      background: #fee2e2;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      color: #991b1b;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      border-radius: 8px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      font-size: 13px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ============================================================<!-- [et_pb_line_break_holder] -->       LLEGENDA<!-- [et_pb_line_break_holder] -->       ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    #legend {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      color: #000;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ============================================================<!-- [et_pb_line_break_holder] -->       MODAL<!-- [et_pb_line_break_holder] -->       ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .modal-overlay {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      display: none;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      position: fixed;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      inset: 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      background:<!-- [et_pb_line_break_holder] -->        rgba(68, 45, 71, 0.5);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      z-index: 100;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      align-items: center;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      justify-content: center;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .modal-overlay.active {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      display: flex;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .modal-content {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      background: #fff;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      border-radius: 12px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      padding: 24px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      max-width: 360px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      width: 90%;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      position: relative;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><body<!-- [et_pb_line_break_holder] -->  data-template-id=\u00bb__page-root\u00bb<!-- [et_pb_line_break_holder] -->  class=\u00bbmin-h-screen p-4 md:p-6&#8243;<!-- [et_pb_line_break_holder] -->><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <!-- ============================================================<!-- [et_pb_line_break_holder] -->       CAP\u00c7ALERA<!-- [et_pb_line_break_holder] -->       ============================================================ &#8211;><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <\/p>\n<header class=\"max-w-6xl mx-auto mb-4\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <h1<!-- [et_pb_line_break_holder] -->      data-template-id=\u00bbpage-title\u00bb<!-- [et_pb_line_break_holder] -->      class=\u00bbcanva-text font-bold\u00bb<!-- [et_pb_line_break_holder] -->      style=\u00bbcolor:#442d47;\u00bb<!-- [et_pb_line_break_holder] -->    ><!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->    <\/h1>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <\/header>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <!-- ============================================================<!-- [et_pb_line_break_holder] -->       MISSATGE DE C\u00c0RREGA<!-- [et_pb_line_break_holder] -->       ============================================================ &#8211;><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div id=\"loading\"><!-- [et_pb_line_break_holder] -->    Carregant horari&#8230;<!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <!-- ============================================================<!-- [et_pb_line_break_holder] -->       MISSATGE D&#8217;ERROR<!-- [et_pb_line_break_holder] -->       ============================================================ &#8211;><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div id=\"error-message\"><!-- [et_pb_line_break_holder] -->    No s&#8217;ha pogut carregar l&#8217;horari.<!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <!-- ============================================================<!-- [et_pb_line_break_holder] -->       FILTRE DE DISCIPLINA<!-- [et_pb_line_break_holder] -->       ============================================================ &#8211;><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"filter-container\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <select<!-- [et_pb_line_break_holder] -->      id=\u00bbstyle-filter\u00bb<!-- [et_pb_line_break_holder] -->      class=\u00bbstyle-filter\u00bb<!-- [et_pb_line_break_holder] -->      aria-label=\u00bbFiltrar per disciplina\u00bb<!-- [et_pb_line_break_holder] -->    ><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><option value=\"all\"><!-- [et_pb_line_break_holder] -->        Totes les disciplines<!-- [et_pb_line_break_holder] -->      <\/option><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/select><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <!-- ============================================================<!-- [et_pb_line_break_holder] -->       GRAELLA<!-- [et_pb_line_break_holder] -->       ============================================================ &#8211;><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <main class=\"max-w-6xl mx-auto overflow-x-auto\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <div<!-- [et_pb_line_break_holder] -->      class=\u00bbgrid-container\u00bb<!-- [et_pb_line_break_holder] -->      id=\u00bbtimetable\u00bb<!-- [et_pb_line_break_holder] -->    ><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      <!-- Columna de les hores --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"pt-8\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div id=\"time-labels\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <!-- ==========================================================<!-- [et_pb_line_break_holder] -->         LLEGENDA<!-- [et_pb_line_break_holder] -->         ========================================================== &#8211;><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <div<!-- [et_pb_line_break_holder] -->      id=\u00bblegend\u00bb<!-- [et_pb_line_break_holder] -->      class=\u00bbmt-6 flex flex-wrap gap-4&#8243;<!-- [et_pb_line_break_holder] -->    ><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <\/main><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <!-- ============================================================<!-- [et_pb_line_break_holder] -->       MODAL<!-- [et_pb_line_break_holder] -->       ============================================================ &#8211;><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <div<!-- [et_pb_line_break_holder] -->    class=\u00bbmodal-overlay\u00bb<!-- [et_pb_line_break_holder] -->    id=\u00bbmodal\u00bb<!-- [et_pb_line_break_holder] -->    role=\u00bbdialog\u00bb<!-- [et_pb_line_break_holder] -->    aria-modal=\u00bbtrue\u00bb<!-- [et_pb_line_break_holder] -->  ><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"modal-content\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      <button<!-- [et_pb_line_break_holder] -->        id=\u00bbmodal-close\u00bb<!-- [et_pb_line_break_holder] -->        class=\u00bbabsolute top-3 right-3 text-gray-400 hover:text-gray-700&#8243;<!-- [et_pb_line_break_holder] -->        aria-label=\u00bbTancar\u00bb<!-- [et_pb_line_break_holder] -->      ><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <i<!-- [et_pb_line_break_holder] -->          data-lucide=\u00bbx\u00bb<!-- [et_pb_line_break_holder] -->          style=\u00bbwidth:20px;height:20px;\u00bb<!-- [et_pb_line_break_holder] -->        ><\/i><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      <\/button><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      <div<!-- [et_pb_line_break_holder] -->        id=\u00bbmodal-color\u00bb<!-- [et_pb_line_break_holder] -->        class=\u00bbw-10 h-1 rounded mb-3&#8243;<!-- [et_pb_line_break_holder] -->      ><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      <h3<!-- [et_pb_line_break_holder] -->        id=\u00bbmodal-title\u00bb<!-- [et_pb_line_break_holder] -->        class=\u00bbfont-bold text-lg\u00bb<!-- [et_pb_line_break_holder] -->        style=\u00bbcolor:#442d47;\u00bb<!-- [et_pb_line_break_holder] -->      ><\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      <p<!-- [et_pb_line_break_holder] -->        id=\u00bbmodal-day\u00bb<!-- [et_pb_line_break_holder] -->        class=\u00bbtext-sm font-medium mt-1&#8243;<!-- [et_pb_line_break_holder] -->        style=\u00bbcolor:#442d47;\u00bb<!-- [et_pb_line_break_holder] -->      ><\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      <p<!-- [et_pb_line_break_holder] -->        id=\u00bbmodal-time\u00bb<!-- [et_pb_line_break_holder] -->        class=\u00bbtext-sm text-gray-600 mt-1&#8243;<!-- [et_pb_line_break_holder] -->      ><\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      <p<!-- [et_pb_line_break_holder] -->        id=\u00bbmodal-room\u00bb<!-- [et_pb_line_break_holder] -->        class=\u00bbtext-sm text-gray-500 mt-1&#8243;<!-- [et_pb_line_break_holder] -->      ><\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      <p<!-- [et_pb_line_break_holder] -->        id=\u00bbmodal-teacher\u00bb<!-- [et_pb_line_break_holder] -->        class=\u00bbtext-sm text-gray-500 mt-1&#8243;<!-- [et_pb_line_break_holder] -->      ><\/pee><!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->      <p<!-- [et_pb_line_break_holder] -->  id=\u00bbmodal-style\u00bb<!-- [et_pb_line_break_holder] -->  class=\u00bbtext-sm text-gray-500 mt-1&#8243;<!-- [et_pb_line_break_holder] -->><\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      <p<!-- [et_pb_line_break_holder] -->        id=\u00bbmodal-level\u00bb<!-- [et_pb_line_break_holder] -->        class=\u00bbtext-xs text-gray-400 mt-2 uppercase tracking-wide\u00bb<!-- [et_pb_line_break_holder] -->      ><\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ============================================================<!-- [et_pb_line_break_holder] -->       CONFIGURACI\u00d3<!-- [et_pb_line_break_holder] -->       ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    const API_URL =<!-- [et_pb_line_break_holder] -->      'https:\/\/script.google.com\/macros\/s\/AKfycbyj6fVb-dEEjPFf_uLsayGhXojwqbRJWw0hdG2ingzCTU4KTlLzzlAIVgzN_cXLnBHJ\/exec';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/*<!-- [et_pb_line_break_holder] -->     * Actualitzaci\u00f3 autom\u00e0tica.<!-- [et_pb_line_break_holder] -->     * 30.000 = 30 segons.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    const REFRESH_INTERVAL = 30000;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/*<!-- [et_pb_line_break_holder] -->     * Al\u00e7ada visual de la graella.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    const PIXELS_PER_HOUR = 80;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ============================================================<!-- [et_pb_line_break_holder] -->       VARIABLES<!-- [et_pb_line_break_holder] -->       ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/*<!-- [et_pb_line_break_holder] -->     * allClasses = totes les classes que venen del Google Sheet.<!-- [et_pb_line_break_holder] -->     *<!-- [et_pb_line_break_holder] -->     * classes = les classes que actualment es mostren.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    let allClasses = [];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    let classes = [];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    let selectedStyle = 'all';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/*<!-- [et_pb_line_break_holder] -->     * Rang horari autom\u00e0tic.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    let START_HOUR = 16;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    let END_HOUR = 23;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/*<!-- [et_pb_line_break_holder] -->     * Dies de la setmana.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    const DAY_NAMES = [<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      'Dilluns',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      'Dimarts',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      'Dimecres',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      'Dijous',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      'Divendres',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      'Dissabte',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      'Diumenge'<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    ];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ============================================================<!-- [et_pb_line_break_holder] -->       COLORS DE LES DISCIPLINES<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->       AQUESTS S\u00d3N ELS COLORS DEL TEU CODI ORIGINAL.<!-- [et_pb_line_break_holder] -->       ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    const STYLES = {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      'benestar': {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        bg: '#d9e6ff',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        border: '#d9e6ff',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        color: '#000',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        label: 'Benestar'<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      },<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      'jazz': {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        bg: '#f3fdde',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        border: '#f3fdde',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        color: '#000',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        label: 'Jazz'<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      },<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      'modern': {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        bg: '#dff8f0',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        border: '#dff8f0',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        color: '#000',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        label: 'Modern'<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      },<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      'ballet': {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        bg: '#fae0e2',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        border: '#fae0e2',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        color: '#000',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        label: 'Ballet Cl\u00e0ssic'<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      },<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      'predansa': {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        bg: '#fbefde',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        border: '#fbefde',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        color: '#000',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        label: 'Pre Dansa'<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      },<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      'l\u00edric': {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        bg: '#ffbd59',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        border: '#ffbd59',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        color: '#000',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        label: 'L\u00edric'<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      },<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      'hip hop': {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        bg: '#eadff7',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        border: '#eadff7',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        color: '#000',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        label: 'Hip Hop'<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      },<!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->            'dansa espanyola': {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        bg: '#ffeda1',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        border: '#ffeda1',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        color: '#000',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        label: 'Dansa Espanyola'<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      },<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      'contemporani': {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        bg: '#e5dddc',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        border: '#e5dddc',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        color: '#000',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        label: 'Contemporani'<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      },<!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->      'claqu\u00e9': {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        bg: '#defbfc',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        border: '#defbfc',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        color: '#000',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        label: 'Claqu\u00e9'<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      },<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      'teatre musical': {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        bg: '#f9f5e0',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        border: '#f9f5e0',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        color: '#000',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        label: 'Teatre Musical'<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ============================================================<!-- [et_pb_line_break_holder] -->       CONVERTIR HORA A MINUTS<!-- [et_pb_line_break_holder] -->       ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function timeToMinutes(time) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      if (!time) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        return 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      const parts = String(time)<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .trim()<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .split(':')<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .map(Number);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      const hours =<!-- [et_pb_line_break_holder] -->        parts[0] || 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      const minutes =<!-- [et_pb_line_break_holder] -->        parts[1] || 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      return (<!-- [et_pb_line_break_holder] -->        hours * 60 +<!-- [et_pb_line_break_holder] -->        minutes<!-- [et_pb_line_break_holder] -->      );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ============================================================<!-- [et_pb_line_break_holder] -->       CALCULAR AUTOM\u00c0TICAMENT EL RANG HORARI<!-- [et_pb_line_break_holder] -->       ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function calculateTimeRange() {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      if (!classes.length) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        START_HOUR = 16;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        END_HOUR = 23;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        return;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Hora inicial m\u00e9s primerenca.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      const earliestStart = Math.min(<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        ...classes.map(c =><!-- [et_pb_line_break_holder] -->          timeToMinutes(c.start)<!-- [et_pb_line_break_holder] -->        )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Hora final m\u00e9s tardana.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      const latestEnd = Math.max(<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        ...classes.map(c =><!-- [et_pb_line_break_holder] -->          timeToMinutes(c.end)<!-- [et_pb_line_break_holder] -->        )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Arrodonim l'inici cap avall.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      START_HOUR =<!-- [et_pb_line_break_holder] -->        Math.floor(<!-- [et_pb_line_break_holder] -->          earliestStart \/ 60<!-- [et_pb_line_break_holder] -->        );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Arrodonim el final cap amunt.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      END_HOUR =<!-- [et_pb_line_break_holder] -->        Math.ceil(<!-- [et_pb_line_break_holder] -->          latestEnd \/ 60<!-- [et_pb_line_break_holder] -->        );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Com a m\u00ednim una hora.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      if (<!-- [et_pb_line_break_holder] -->        END_HOUR <= START_HOUR<!-- [et_pb_line_break_holder] -->      ) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        END_HOUR =<!-- [et_pb_line_break_holder] -->          START_HOUR + 1;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ============================================================<!-- [et_pb_line_break_holder] -->       APLICAR FILTRE DE DISCIPLINA<!-- [et_pb_line_break_holder] -->       ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function applyStyleFilter() {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Si est\u00e0 seleccionat \"Totes\",<!-- [et_pb_line_break_holder] -->       * recuperem totes les classes.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      if (<!-- [et_pb_line_break_holder] -->        selectedStyle === 'all'<!-- [et_pb_line_break_holder] -->      ) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        classes =<!-- [et_pb_line_break_holder] -->          [...allClasses];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      } else {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/*<!-- [et_pb_line_break_holder] -->         * Filtre per la clau real de la disciplina.<!-- [et_pb_line_break_holder] -->         *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        classes =<!-- [et_pb_line_break_holder] -->          allClasses.filter(c => {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            const style =<!-- [et_pb_line_break_holder] -->              String(<!-- [et_pb_line_break_holder] -->                c.style || ''<!-- [et_pb_line_break_holder] -->              )<!-- [et_pb_line_break_holder] -->              .trim()<!-- [et_pb_line_break_holder] -->              .toLowerCase();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            return (<!-- [et_pb_line_break_holder] -->              style === selectedStyle<!-- [et_pb_line_break_holder] -->            );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Recalculem les hores<!-- [et_pb_line_break_holder] -->       * segons les classes visibles.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      calculateTimeRange();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Tornem a dibuixar la graella.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      renderGrid();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Actualitzem la llegenda.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      renderLegend();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ============================================================<!-- [et_pb_line_break_holder] -->       CREAR OPCIONS DEL FILTRE<!-- [et_pb_line_break_holder] -->       ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function populateStyleFilter() {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      const select =<!-- [et_pb_line_break_holder] -->        document.getElementById(<!-- [et_pb_line_break_holder] -->          'style-filter'<!-- [et_pb_line_break_holder] -->        );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      if (!select) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        return;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Guardem el filtre seleccionat.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      const previousValue =<!-- [et_pb_line_break_holder] -->        selectedStyle;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Comencem sempre amb \"Totes\".<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      select.innerHTML = `<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><option value=\"all\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          Totes les disciplines<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/option><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      `;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Obtenim les disciplines<!-- [et_pb_line_break_holder] -->       * que existeixen realment<!-- [et_pb_line_break_holder] -->       * al Google Sheet.<!-- [et_pb_line_break_holder] -->       *<!-- [et_pb_line_break_holder] -->       * Important:<!-- [et_pb_line_break_holder] -->       * no eliminem cap disciplina<!-- [et_pb_line_break_holder] -->       * perqu\u00e8 no tingui color.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      const usedStyles = [<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        ...new Set(<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          allClasses<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .map(c =><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->              String(<!-- [et_pb_line_break_holder] -->                c.style || ''<!-- [et_pb_line_break_holder] -->              )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->              .trim()<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->              .toLowerCase()<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .filter(Boolean)<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      ];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      usedStyles.forEach(<!-- [et_pb_line_break_holder] -->        styleKey => {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          \/*<!-- [et_pb_line_break_holder] -->           * Si tenim una configuraci\u00f3<!-- [et_pb_line_break_holder] -->           * de colors, utilitzem el label.<!-- [et_pb_line_break_holder] -->           *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          const style =<!-- [et_pb_line_break_holder] -->            STYLES[<!-- [et_pb_line_break_holder] -->              styleKey<!-- [et_pb_line_break_holder] -->            ];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          const option =<!-- [et_pb_line_break_holder] -->            document.createElement(<!-- [et_pb_line_break_holder] -->              'option'<!-- [et_pb_line_break_holder] -->            );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          option.value =<!-- [et_pb_line_break_holder] -->            styleKey;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          option.textContent =<!-- [et_pb_line_break_holder] -->            style<!-- [et_pb_line_break_holder] -->              ? style.label<!-- [et_pb_line_break_holder] -->              : styleKey;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          select.appendChild(<!-- [et_pb_line_break_holder] -->            option<!-- [et_pb_line_break_holder] -->          );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Recuperem el filtre anterior<!-- [et_pb_line_break_holder] -->       * si encara existeix.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      const optionExists =<!-- [et_pb_line_break_holder] -->        [...select.options]<!-- [et_pb_line_break_holder] -->          .some(<!-- [et_pb_line_break_holder] -->            option =><!-- [et_pb_line_break_holder] -->              option.value ===<!-- [et_pb_line_break_holder] -->              previousValue<!-- [et_pb_line_break_holder] -->          );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      if (optionExists) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        selectedStyle =<!-- [et_pb_line_break_holder] -->          previousValue;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      } else {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        selectedStyle =<!-- [et_pb_line_break_holder] -->          'all';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      select.value =<!-- [et_pb_line_break_holder] -->        selectedStyle;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ============================================================<!-- [et_pb_line_break_holder] -->       CARREGAR DADES DEL GOOGLE SHEET<!-- [et_pb_line_break_holder] -->       ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    async function loadClasses() {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      try {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        console.log(<!-- [et_pb_line_break_holder] -->          'Carregant horari...'<!-- [et_pb_line_break_holder] -->        );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const response =<!-- [et_pb_line_break_holder] -->          await fetch(<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            API_URL +<!-- [et_pb_line_break_holder] -->            '?t=' +<!-- [et_pb_line_break_holder] -->            Date.now()<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        if (!response.ok) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          throw new Error(<!-- [et_pb_line_break_holder] -->            'Error HTTP ' +<!-- [et_pb_line_break_holder] -->            response.status<!-- [et_pb_line_break_holder] -->          );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const newClasses =<!-- [et_pb_line_break_holder] -->          await response.json();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/*<!-- [et_pb_line_break_holder] -->         * Comprovem que \u00e9s un array.<!-- [et_pb_line_break_holder] -->         *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        if (<!-- [et_pb_line_break_holder] -->          !Array.isArray(<!-- [et_pb_line_break_holder] -->            newClasses<!-- [et_pb_line_break_holder] -->          )<!-- [et_pb_line_break_holder] -->        ) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          throw new Error(<!-- [et_pb_line_break_holder] -->            'Les dades rebudes no tenen el format esperat.'<!-- [et_pb_line_break_holder] -->          );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/*<!-- [et_pb_line_break_holder] -->         * Guardem totes les classes.<!-- [et_pb_line_break_holder] -->         *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        allClasses =<!-- [et_pb_line_break_holder] -->          newClasses;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/*<!-- [et_pb_line_break_holder] -->         * Actualitzem les opcions<!-- [et_pb_line_break_holder] -->         * del filtre.<!-- [et_pb_line_break_holder] -->         *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        populateStyleFilter();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/*<!-- [et_pb_line_break_holder] -->         * Apliquem el filtre actual.<!-- [et_pb_line_break_holder] -->         *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        applyStyleFilter();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/*<!-- [et_pb_line_break_holder] -->         * Ocultem missatges.<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->         *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        document<!-- [et_pb_line_break_holder] -->          .getElementById(<!-- [et_pb_line_break_holder] -->            'loading'<!-- [et_pb_line_break_holder] -->          )<!-- [et_pb_line_break_holder] -->          .style.display =<!-- [et_pb_line_break_holder] -->          'none';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        document<!-- [et_pb_line_break_holder] -->          .getElementById(<!-- [et_pb_line_break_holder] -->            'error-message'<!-- [et_pb_line_break_holder] -->          )<!-- [et_pb_line_break_holder] -->          .style.display =<!-- [et_pb_line_break_holder] -->          'none';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        console.log(<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          'Horari actualitzat:',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          allClasses.length,<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          'classes'<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      } catch (error) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        console.error(<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          'Error carregant l\u2019horari:',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          error<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        document<!-- [et_pb_line_break_holder] -->          .getElementById(<!-- [et_pb_line_break_holder] -->            'loading'<!-- [et_pb_line_break_holder] -->          )<!-- [et_pb_line_break_holder] -->          .style.display =<!-- [et_pb_line_break_holder] -->          'none';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        document<!-- [et_pb_line_break_holder] -->          .getElementById(<!-- [et_pb_line_break_holder] -->            'error-message'<!-- [et_pb_line_break_holder] -->          )<!-- [et_pb_line_break_holder] -->          .style.display =<!-- [et_pb_line_break_holder] -->          'block';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ============================================================<!-- [et_pb_line_break_holder] -->       NETEJAR GRAELLA<!-- [et_pb_line_break_holder] -->       ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function clearGrid() {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      const timetable =<!-- [et_pb_line_break_holder] -->        document.getElementById(<!-- [et_pb_line_break_holder] -->          'timetable'<!-- [et_pb_line_break_holder] -->        );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Eliminem les columnes<!-- [et_pb_line_break_holder] -->       * dels dies anteriors.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      timetable<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .querySelectorAll(<!-- [et_pb_line_break_holder] -->          '.day-wrapper'<!-- [et_pb_line_break_holder] -->        )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .forEach(element => {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          element.remove();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Netegem les hores.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      const labels =<!-- [et_pb_line_break_holder] -->        document.getElementById(<!-- [et_pb_line_break_holder] -->          'time-labels'<!-- [et_pb_line_break_holder] -->        );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      labels.innerHTML = '';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ============================================================<!-- [et_pb_line_break_holder] -->       CREAR GRAELLA<!-- [et_pb_line_break_holder] -->       ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function renderGrid() {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  clearGrid();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  if (!classes.length) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    return;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/*<!-- [et_pb_line_break_holder] -->   * Detectem quins dies<!-- [et_pb_line_break_holder] -->   * tenen classes.<!-- [et_pb_line_break_holder] -->   *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  const activeDays = [<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    ...new Set(<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      classes<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .map(c =><!-- [et_pb_line_break_holder] -->          Number(c.day)<!-- [et_pb_line_break_holder] -->        )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .filter(day =><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          Number.isInteger(day) &&<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          day >= 0 &&<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          day <= 6<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  ].sort(<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    (a, b) => a - b<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/*<!-- [et_pb_line_break_holder] -->   * Actualitzem el nombre<!-- [et_pb_line_break_holder] -->   * de columnes dels dies.<!-- [et_pb_line_break_holder] -->   *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  document<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .getElementById(<!-- [et_pb_line_break_holder] -->      'timetable'<!-- [et_pb_line_break_holder] -->    )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .style<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .setProperty(<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      '--day-count',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      activeDays.length<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* ========================================================<!-- [et_pb_line_break_holder] -->     HORES<!-- [et_pb_line_break_holder] -->     ======================================================== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  const labelsEl =<!-- [et_pb_line_break_holder] -->    document.getElementById(<!-- [et_pb_line_break_holder] -->      'time-labels'<!-- [et_pb_line_break_holder] -->    );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  labelsEl.innerHTML = '';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  const totalMinutes =<!-- [et_pb_line_break_holder] -->    (<!-- [et_pb_line_break_holder] -->      END_HOUR -<!-- [et_pb_line_break_holder] -->      START_HOUR<!-- [et_pb_line_break_holder] -->    ) * 60;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  const COL_HEIGHT =<!-- [et_pb_line_break_holder] -->    (<!-- [et_pb_line_break_holder] -->      END_HOUR -<!-- [et_pb_line_break_holder] -->      START_HOUR<!-- [et_pb_line_break_holder] -->    ) * PIXELS_PER_HOUR;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/*<!-- [et_pb_line_break_holder] -->   * Etiquetes de les hores.<!-- [et_pb_line_break_holder] -->   *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  for (<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    let h = START_HOUR;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    h <= END_HOUR;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    h++<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  ) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    const minutesFromStart =<!-- [et_pb_line_break_holder] -->      (<!-- [et_pb_line_break_holder] -->        h -<!-- [et_pb_line_break_holder] -->        START_HOUR<!-- [et_pb_line_break_holder] -->      ) * 60;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    const top =<!-- [et_pb_line_break_holder] -->      (<!-- [et_pb_line_break_holder] -->        minutesFromStart \/<!-- [et_pb_line_break_holder] -->        totalMinutes<!-- [et_pb_line_break_holder] -->      ) *<!-- [et_pb_line_break_holder] -->      COL_HEIGHT;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    const div =<!-- [et_pb_line_break_holder] -->      document.createElement(<!-- [et_pb_line_break_holder] -->        'div'<!-- [et_pb_line_break_holder] -->      );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    div.className =<!-- [et_pb_line_break_holder] -->      'time-label';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    div.style.position =<!-- [et_pb_line_break_holder] -->      'absolute';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    div.style.top =<!-- [et_pb_line_break_holder] -->      top + 'px';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    div.style.right =<!-- [et_pb_line_break_holder] -->      '0';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    div.style.transform =<!-- [et_pb_line_break_holder] -->      'translateY(-50%)';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    div.textContent =<!-- [et_pb_line_break_holder] -->      h + ':00';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    labelsEl.appendChild(<!-- [et_pb_line_break_holder] -->      div<!-- [et_pb_line_break_holder] -->    );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  labelsEl.style.position =<!-- [et_pb_line_break_holder] -->    'relative';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  labelsEl.style.height =<!-- [et_pb_line_break_holder] -->    COL_HEIGHT + 'px';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* ========================================================<!-- [et_pb_line_break_holder] -->     COLUMNES DELS DIES<!-- [et_pb_line_break_holder] -->     ======================================================== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  const timetable =<!-- [et_pb_line_break_holder] -->    document.getElementById(<!-- [et_pb_line_break_holder] -->      'timetable'<!-- [et_pb_line_break_holder] -->    );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  activeDays.forEach(<!-- [et_pb_line_break_holder] -->    dayIndex => {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Wrapper del dia.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      const wrapper =<!-- [et_pb_line_break_holder] -->        document.createElement(<!-- [et_pb_line_break_holder] -->          'div'<!-- [et_pb_line_break_holder] -->        );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      wrapper.className =<!-- [et_pb_line_break_holder] -->        'day-wrapper';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Nom del dia.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      const heading =<!-- [et_pb_line_break_holder] -->        document.createElement(<!-- [et_pb_line_break_holder] -->          'h2'<!-- [et_pb_line_break_holder] -->        );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      heading.className =<!-- [et_pb_line_break_holder] -->        'day-heading font-bold text-center text-sm uppercase tracking-wide pb-2';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      heading.textContent =<!-- [et_pb_line_break_holder] -->        DAY_NAMES[<!-- [et_pb_line_break_holder] -->          dayIndex<!-- [et_pb_line_break_holder] -->        ];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Columna.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      const col =<!-- [et_pb_line_break_holder] -->        document.createElement(<!-- [et_pb_line_break_holder] -->          'div'<!-- [et_pb_line_break_holder] -->        );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      col.className =<!-- [et_pb_line_break_holder] -->        'day-col';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      col.id =<!-- [et_pb_line_break_holder] -->        'col-' +<!-- [et_pb_line_break_holder] -->        dayIndex;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      col.style.height =<!-- [et_pb_line_break_holder] -->        COL_HEIGHT + 'px';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * L\u00ednies de les hores.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      for (<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        let h = START_HOUR;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        h <= END_HOUR;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        h++<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      ) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const minutesFromStart =<!-- [et_pb_line_break_holder] -->          (<!-- [et_pb_line_break_holder] -->            h -<!-- [et_pb_line_break_holder] -->            START_HOUR<!-- [et_pb_line_break_holder] -->          ) * 60;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const top =<!-- [et_pb_line_break_holder] -->          (<!-- [et_pb_line_break_holder] -->            minutesFromStart \/<!-- [et_pb_line_break_holder] -->            totalMinutes<!-- [et_pb_line_break_holder] -->          ) *<!-- [et_pb_line_break_holder] -->          COL_HEIGHT;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const line =<!-- [et_pb_line_break_holder] -->          document.createElement(<!-- [et_pb_line_break_holder] -->            'div'<!-- [et_pb_line_break_holder] -->          );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        line.className =<!-- [et_pb_line_break_holder] -->          'hour-line';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        line.style.position =<!-- [et_pb_line_break_holder] -->          'absolute';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        line.style.top =<!-- [et_pb_line_break_holder] -->          top + 'px';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        line.style.left =<!-- [et_pb_line_break_holder] -->          '0';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        line.style.right =<!-- [et_pb_line_break_holder] -->          '0';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        col.appendChild(<!-- [et_pb_line_break_holder] -->          line<!-- [et_pb_line_break_holder] -->        );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      wrapper.appendChild(<!-- [et_pb_line_break_holder] -->        heading<!-- [et_pb_line_break_holder] -->      );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      wrapper.appendChild(<!-- [et_pb_line_break_holder] -->        col<!-- [et_pb_line_break_holder] -->      );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      timetable.appendChild(<!-- [et_pb_line_break_holder] -->        wrapper<!-- [et_pb_line_break_holder] -->      );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* ========================================================<!-- [et_pb_line_break_holder] -->     POSICIONAR CLASSES<!-- [et_pb_line_break_holder] -->     ======================================================== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  activeDays.forEach(<!-- [et_pb_line_break_holder] -->    dayIndex => {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      const col =<!-- [et_pb_line_break_holder] -->        document.getElementById(<!-- [et_pb_line_break_holder] -->          'col-' +<!-- [et_pb_line_break_holder] -->          dayIndex<!-- [et_pb_line_break_holder] -->        );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Classes d'aquest dia.<!-- [et_pb_line_break_holder] -->       *<!-- [et_pb_line_break_holder] -->       * S'ordenen per hora d'inici.<!-- [et_pb_line_break_holder] -->       * Si dues comencen a la mateixa hora,<!-- [et_pb_line_break_holder] -->       * es mant\u00e9 l'ordre del Google Sheet.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      const dayClasses =<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        classes<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          .filter(c =><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            Number(c.day) ===<!-- [et_pb_line_break_holder] -->            dayIndex<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          .sort(<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            (a, b) =><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->              timeToMinutes(<!-- [et_pb_line_break_holder] -->                a.start<!-- [et_pb_line_break_holder] -->              ) -<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->              timeToMinutes(<!-- [et_pb_line_break_holder] -->                b.start<!-- [et_pb_line_break_holder] -->              )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/* ======================================================<!-- [et_pb_line_break_holder] -->         ASSIGNAR COLUMNES REALS<!-- [et_pb_line_break_holder] -->         ====================================================== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Cada element de \"columns\"<!-- [et_pb_line_break_holder] -->       * representa una columna vertical.<!-- [et_pb_line_break_holder] -->       *<!-- [et_pb_line_break_holder] -->       * Exemple:<!-- [et_pb_line_break_holder] -->       *<!-- [et_pb_line_break_holder] -->       * columns[0] = classes de la columna esquerra<!-- [et_pb_line_break_holder] -->       * columns[1] = classes de la columna seg\u00fcent<!-- [et_pb_line_break_holder] -->       * etc.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      const columns = [];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      dayClasses.forEach(c => {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const cStart =<!-- [et_pb_line_break_holder] -->          timeToMinutes(<!-- [et_pb_line_break_holder] -->            c.start<!-- [et_pb_line_break_holder] -->          );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const cEnd =<!-- [et_pb_line_break_holder] -->          timeToMinutes(<!-- [et_pb_line_break_holder] -->            c.end<!-- [et_pb_line_break_holder] -->          );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        let columnIndex =<!-- [et_pb_line_break_holder] -->          -1;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/*<!-- [et_pb_line_break_holder] -->         * Busquem la primera columna<!-- [et_pb_line_break_holder] -->         * que estigui lliure quan comen\u00e7a<!-- [et_pb_line_break_holder] -->         * aquesta classe.<!-- [et_pb_line_break_holder] -->         *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        for (<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          let i = 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          i < columns.length;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          i++<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        ) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          const lastClass =<!-- [et_pb_line_break_holder] -->            columns[i][<!-- [et_pb_line_break_holder] -->              columns[i].length - 1<!-- [et_pb_line_break_holder] -->            ];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          const lastEnd =<!-- [et_pb_line_break_holder] -->            timeToMinutes(<!-- [et_pb_line_break_holder] -->              lastClass.end<!-- [et_pb_line_break_holder] -->            );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          \/*<!-- [et_pb_line_break_holder] -->           * Si la classe anterior ja ha acabat,<!-- [et_pb_line_break_holder] -->           * podem reutilitzar aquesta columna.<!-- [et_pb_line_break_holder] -->           *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          if (<!-- [et_pb_line_break_holder] -->            cStart >= lastEnd<!-- [et_pb_line_break_holder] -->          ) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            columnIndex =<!-- [et_pb_line_break_holder] -->              i;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            break;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/*<!-- [et_pb_line_break_holder] -->         * Si no hi ha cap columna lliure,<!-- [et_pb_line_break_holder] -->         * en creem una de nova.<!-- [et_pb_line_break_holder] -->         *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        if (<!-- [et_pb_line_break_holder] -->          columnIndex === -1<!-- [et_pb_line_break_holder] -->        ) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          columnIndex =<!-- [et_pb_line_break_holder] -->            columns.length;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          columns.push([]);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        columns[<!-- [et_pb_line_break_holder] -->          columnIndex<!-- [et_pb_line_break_holder] -->        ].push(c);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/*<!-- [et_pb_line_break_holder] -->         * Guardem temporalment<!-- [et_pb_line_break_holder] -->         * la columna assignada.<!-- [et_pb_line_break_holder] -->         *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        c._column =<!-- [et_pb_line_break_holder] -->          columnIndex;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Nombre m\u00e0xim de columnes simult\u00e0nies.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      const totalColumns =<!-- [et_pb_line_break_holder] -->        columns.length;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/* ======================================================<!-- [et_pb_line_break_holder] -->         DIBUIXAR CLASSES<!-- [et_pb_line_break_holder] -->         ====================================================== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      dayClasses.forEach(c => {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/*<!-- [et_pb_line_break_holder] -->         * Estil de la disciplina.<!-- [et_pb_line_break_holder] -->         *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const styleKey =<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          String(<!-- [et_pb_line_break_holder] -->            c.style || ''<!-- [et_pb_line_break_holder] -->          )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          .trim()<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          .toLowerCase();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const s =<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          STYLES[<!-- [et_pb_line_break_holder] -->            styleKey<!-- [et_pb_line_break_holder] -->          ] ||<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          STYLES.contemp;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/*<!-- [et_pb_line_break_holder] -->         * Hora inicial i final.<!-- [et_pb_line_break_holder] -->         *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const startMinutes =<!-- [et_pb_line_break_holder] -->          timeToMinutes(<!-- [et_pb_line_break_holder] -->            c.start<!-- [et_pb_line_break_holder] -->          );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const endMinutes =<!-- [et_pb_line_break_holder] -->          timeToMinutes(<!-- [et_pb_line_break_holder] -->            c.end<!-- [et_pb_line_break_holder] -->          );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/*<!-- [et_pb_line_break_holder] -->         * Posici\u00f3 vertical.<!-- [et_pb_line_break_holder] -->         *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const top =<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          (<!-- [et_pb_line_break_holder] -->            (<!-- [et_pb_line_break_holder] -->              startMinutes -<!-- [et_pb_line_break_holder] -->              START_HOUR * 60<!-- [et_pb_line_break_holder] -->            ) \/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            totalMinutes<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          ) *<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          COL_HEIGHT;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/*<!-- [et_pb_line_break_holder] -->         * Al\u00e7ada.<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->         *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const height =<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          (<!-- [et_pb_line_break_holder] -->            (<!-- [et_pb_line_break_holder] -->              endMinutes -<!-- [et_pb_line_break_holder] -->              startMinutes<!-- [et_pb_line_break_holder] -->            ) \/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            totalMinutes<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          ) *<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          COL_HEIGHT;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* ==================================================<!-- [et_pb_line_break_holder] -->           COMPROVAR SI POT OCUPAR M\u00c9S D'UNA COLUMNA<!-- [et_pb_line_break_holder] -->           ================================================== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        let span = 1;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        for (<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          let nextColumn =<!-- [et_pb_line_break_holder] -->            c._column + 1;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          nextColumn <<!-- [et_pb_line_break_holder] -->          totalColumns;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          nextColumn++<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        ) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          const overlaps =<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            columns[<!-- [et_pb_line_break_holder] -->              nextColumn<!-- [et_pb_line_break_holder] -->            ]<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .some(other => {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->              const otherStart =<!-- [et_pb_line_break_holder] -->                timeToMinutes(<!-- [et_pb_line_break_holder] -->                  other.start<!-- [et_pb_line_break_holder] -->                );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->              const otherEnd =<!-- [et_pb_line_break_holder] -->                timeToMinutes(<!-- [et_pb_line_break_holder] -->                  other.end<!-- [et_pb_line_break_holder] -->                );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->              return (<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                startMinutes <<!-- [et_pb_line_break_holder] -->                otherEnd &&<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                endMinutes ><!-- [et_pb_line_break_holder] -->                otherStart<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->              );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          \/*<!-- [et_pb_line_break_holder] -->           * Si hi ha una classe que coincideix,<!-- [et_pb_line_break_holder] -->           * no podem ocupar aquesta columna.<!-- [et_pb_line_break_holder] -->           *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          if (overlaps) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            break;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          span++;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* ==================================================<!-- [et_pb_line_break_holder] -->           CREAR BLOC<!-- [et_pb_line_break_holder] -->           ================================================== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const block =<!-- [et_pb_line_break_holder] -->          document.createElement(<!-- [et_pb_line_break_holder] -->            'div'<!-- [et_pb_line_break_holder] -->          );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        block.className =<!-- [et_pb_line_break_holder] -->          'class-block';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        block.style.top =<!-- [et_pb_line_break_holder] -->          top + 'px';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        block.style.height =<!-- [et_pb_line_break_holder] -->          height + 'px';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/*<!-- [et_pb_line_break_holder] -->         * Posici\u00f3 horitzontal.<!-- [et_pb_line_break_holder] -->         *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        block.style.left =<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          (<!-- [et_pb_line_break_holder] -->            c._column \/<!-- [et_pb_line_break_holder] -->            totalColumns *<!-- [et_pb_line_break_holder] -->            100<!-- [et_pb_line_break_holder] -->          ) + '%';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/*<!-- [et_pb_line_break_holder] -->         * Amplada.<!-- [et_pb_line_break_holder] -->         *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        block.style.width =<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          (<!-- [et_pb_line_break_holder] -->            span \/<!-- [et_pb_line_break_holder] -->            totalColumns *<!-- [et_pb_line_break_holder] -->            100<!-- [et_pb_line_break_holder] -->          ) + '%';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/*<!-- [et_pb_line_break_holder] -->         * Colors de la disciplina.<!-- [et_pb_line_break_holder] -->         *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        block.style.background =<!-- [et_pb_line_break_holder] -->          s.bg;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        block.style.borderColor =<!-- [et_pb_line_break_holder] -->          s.border;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        block.style.color =<!-- [et_pb_line_break_holder] -->          s.color;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/*<!-- [et_pb_line_break_holder] -->         * Contingut.<!-- [et_pb_line_break_holder] -->         *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        block.innerHTML = `<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          <\/p>\n<div class=\"font-bold truncate\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            ${escapeHtml(<!-- [et_pb_line_break_holder] -->              c.name || ''<!-- [et_pb_line_break_holder] -->            )}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          <\/p>\n<div class=\"opacity-90\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            ${escapeHtml(<!-- [et_pb_line_break_holder] -->              c.start || ''<!-- [et_pb_line_break_holder] -->            )}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \u2013<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            ${escapeHtml(<!-- [et_pb_line_break_holder] -->              c.end || ''<!-- [et_pb_line_break_holder] -->            )}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        `;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/*<!-- [et_pb_line_break_holder] -->         * Popup.<!-- [et_pb_line_break_holder] -->         *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        block.addEventListener(<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          'click',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          () =><!-- [et_pb_line_break_holder] -->            openModal(c)<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        col.appendChild(<!-- [et_pb_line_break_holder] -->          block<!-- [et_pb_line_break_holder] -->        );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Eliminem la propietat temporal.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      dayClasses.forEach(c => {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        delete c._column;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ============================================================<!-- [et_pb_line_break_holder] -->       LLEGENDA<!-- [et_pb_line_break_holder] -->       ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function renderLegend() {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      const legend =<!-- [et_pb_line_break_holder] -->        document.getElementById(<!-- [et_pb_line_break_holder] -->          'legend'<!-- [et_pb_line_break_holder] -->        );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      legend.innerHTML = '';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Nom\u00e9s mostrem disciplines<!-- [et_pb_line_break_holder] -->       * que realment apareixen.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      const usedStyles = [<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        ...new Set(<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          classes<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .map(c =><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->              String(<!-- [et_pb_line_break_holder] -->                c.style || ''<!-- [et_pb_line_break_holder] -->              )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->              .trim()<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->              .toLowerCase()<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .filter(Boolean)<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      ];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      usedStyles.forEach(<!-- [et_pb_line_break_holder] -->        styleKey => {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          const s =<!-- [et_pb_line_break_holder] -->            STYLES[<!-- [et_pb_line_break_holder] -->              styleKey<!-- [et_pb_line_break_holder] -->            ];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          \/*<!-- [et_pb_line_break_holder] -->           * Si no hi ha una configuraci\u00f3<!-- [et_pb_line_break_holder] -->           * de color, no la posem a la llegenda.<!-- [et_pb_line_break_holder] -->           *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          if (!s) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            return;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          const item =<!-- [et_pb_line_break_holder] -->            document.createElement(<!-- [et_pb_line_break_holder] -->              'div'<!-- [et_pb_line_break_holder] -->            );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          item.className =<!-- [et_pb_line_break_holder] -->            'flex items-center gap-2';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          const dot =<!-- [et_pb_line_break_holder] -->            document.createElement(<!-- [et_pb_line_break_holder] -->              'span'<!-- [et_pb_line_break_holder] -->            );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          dot.className =<!-- [et_pb_line_break_holder] -->            'w-3 h-3 rounded-full';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          dot.style.background =<!-- [et_pb_line_break_holder] -->            s.border;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          const text =<!-- [et_pb_line_break_holder] -->            document.createElement(<!-- [et_pb_line_break_holder] -->              'span'<!-- [et_pb_line_break_holder] -->            );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          text.className =<!-- [et_pb_line_break_holder] -->            'text-sm';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          text.style.color =<!-- [et_pb_line_break_holder] -->            '#000';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          text.textContent =<!-- [et_pb_line_break_holder] -->            s.label;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          item.appendChild(<!-- [et_pb_line_break_holder] -->            dot<!-- [et_pb_line_break_holder] -->          );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          item.appendChild(<!-- [et_pb_line_break_holder] -->            text<!-- [et_pb_line_break_holder] -->          );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          legend.appendChild(<!-- [et_pb_line_break_holder] -->            item<!-- [et_pb_line_break_holder] -->          );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ============================================================<!-- [et_pb_line_break_holder] -->       MODAL<!-- [et_pb_line_break_holder] -->       ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function openModal(c) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      const styleKey =<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        String(<!-- [et_pb_line_break_holder] -->          c.style || ''<!-- [et_pb_line_break_holder] -->        )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .trim()<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .toLowerCase();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      const s =<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        STYLES[<!-- [et_pb_line_break_holder] -->          styleKey<!-- [et_pb_line_break_holder] -->        ] ||<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        STYLES.contemp;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Color del tipus de classe<!-- [et_pb_line_break_holder] -->       * al modal.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      document<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .getElementById(<!-- [et_pb_line_break_holder] -->          'modal-color'<!-- [et_pb_line_break_holder] -->        )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .style.background =<!-- [et_pb_line_break_holder] -->        s.border;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Nom.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      document<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .getElementById(<!-- [et_pb_line_break_holder] -->          'modal-title'<!-- [et_pb_line_break_holder] -->        )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .textContent =<!-- [et_pb_line_break_holder] -->        c.name || '';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Dia.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      document<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .getElementById(<!-- [et_pb_line_break_holder] -->          'modal-day'<!-- [et_pb_line_break_holder] -->        )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .textContent =<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        DAY_NAMES[<!-- [et_pb_line_break_holder] -->          Number(c.day)<!-- [et_pb_line_break_holder] -->        ] || '';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Hora.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      document<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .getElementById(<!-- [et_pb_line_break_holder] -->          'modal-time'<!-- [et_pb_line_break_holder] -->        )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .textContent =<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        (c.start || '') +<!-- [et_pb_line_break_holder] -->        ' \u2013 ' +<!-- [et_pb_line_break_holder] -->        (c.end || '');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Sala.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      document<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .getElementById(<!-- [et_pb_line_break_holder] -->          'modal-room'<!-- [et_pb_line_break_holder] -->        )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .textContent =<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        c.room<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          ? 'Sala: ' +<!-- [et_pb_line_break_holder] -->            c.room<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          : '';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Professora.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      document<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .getElementById(<!-- [et_pb_line_break_holder] -->          'modal-teacher'<!-- [et_pb_line_break_holder] -->        )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .textContent =<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        c.teacher<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          ? 'Professora: ' +<!-- [et_pb_line_break_holder] -->            c.teacher<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          : '';<!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->            \/*<!-- [et_pb_line_break_holder] -->       * Estil.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->      document<!-- [et_pb_line_break_holder] -->  .getElementById(<!-- [et_pb_line_break_holder] -->    'modal-style'<!-- [et_pb_line_break_holder] -->  )<!-- [et_pb_line_break_holder] -->  .textContent =<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  s.label<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    ? 'Disciplina: ' +<!-- [et_pb_line_break_holder] -->      s.label<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    : '';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Nivell.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      document<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .getElementById(<!-- [et_pb_line_break_holder] -->          'modal-level'<!-- [et_pb_line_break_holder] -->        )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .textContent =<!-- [et_pb_line_break_holder] -->        c.level || '';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/*<!-- [et_pb_line_break_holder] -->       * Mostrar modal.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      document<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .getElementById(<!-- [et_pb_line_break_holder] -->          'modal'<!-- [et_pb_line_break_holder] -->        )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .classList<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .add('active');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ============================================================<!-- [et_pb_line_break_holder] -->       TANCAR MODAL<!-- [et_pb_line_break_holder] -->       ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    document<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .getElementById(<!-- [et_pb_line_break_holder] -->        'modal'<!-- [et_pb_line_break_holder] -->      )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .addEventListener(<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        'click',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        event => {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          if (<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            event.target ===<!-- [et_pb_line_break_holder] -->            event.currentTarget<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          ) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            document<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->              .getElementById(<!-- [et_pb_line_break_holder] -->                'modal'<!-- [et_pb_line_break_holder] -->              )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->              .classList<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->              .remove(<!-- [et_pb_line_break_holder] -->                'active'<!-- [et_pb_line_break_holder] -->              );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    document<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .getElementById(<!-- [et_pb_line_break_holder] -->        'modal-close'<!-- [et_pb_line_break_holder] -->      )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .addEventListener(<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        'click',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        () => {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          document<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .getElementById(<!-- [et_pb_line_break_holder] -->              'modal'<!-- [et_pb_line_break_holder] -->            )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .classList<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .remove(<!-- [et_pb_line_break_holder] -->              'active'<!-- [et_pb_line_break_holder] -->            );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ============================================================<!-- [et_pb_line_break_holder] -->       ESC PER TANCAR<!-- [et_pb_line_break_holder] -->       ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    document.addEventListener(<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      'keydown',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      event => {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        if (<!-- [et_pb_line_break_holder] -->          event.key ===<!-- [et_pb_line_break_holder] -->          'Escape'<!-- [et_pb_line_break_holder] -->        ) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          document<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .getElementById(<!-- [et_pb_line_break_holder] -->              'modal'<!-- [et_pb_line_break_holder] -->            )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .classList<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .remove(<!-- [et_pb_line_break_holder] -->              'active'<!-- [et_pb_line_break_holder] -->            );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ============================================================<!-- [et_pb_line_break_holder] -->       SEGURETAT<!-- [et_pb_line_break_holder] -->       ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function escapeHtml(value) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  return String(value)<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .replace(<!-- [et_pb_line_break_holder] -->      \/&\/g,<!-- [et_pb_line_break_holder] -->      '&'<!-- [et_pb_line_break_holder] -->    )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .replace(<!-- [et_pb_line_break_holder] -->      \/<\/g,<!-- [et_pb_line_break_holder] -->      '<'<!-- [et_pb_line_break_holder] -->    )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .replace(<!-- [et_pb_line_break_holder] -->      \/>\/g,<!-- [et_pb_line_break_holder] -->      '>'<!-- [et_pb_line_break_holder] -->    )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .replace(<!-- [et_pb_line_break_holder] -->      \/\"\/g,<!-- [et_pb_line_break_holder] -->      '\"'<!-- [et_pb_line_break_holder] -->    )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .replace(<!-- [et_pb_line_break_holder] -->      \/'\/g,<!-- [et_pb_line_break_holder] -->      '&#039;'<!-- [et_pb_line_break_holder] -->    );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ============================================================<!-- [et_pb_line_break_holder] -->       FILTRE<!-- [et_pb_line_break_holder] -->       ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    document<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .getElementById(<!-- [et_pb_line_break_holder] -->        'style-filter'<!-- [et_pb_line_break_holder] -->      )<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .addEventListener(<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        'change',<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        event => {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          selectedStyle =<!-- [et_pb_line_break_holder] -->            event.target.value;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          applyStyleFilter();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ============================================================<!-- [et_pb_line_break_holder] -->       INICIALITZACI\u00d3<!-- [et_pb_line_break_holder] -->       ============================================================ *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    loadClasses();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/*<!-- [et_pb_line_break_holder] -->     * Actualitzaci\u00f3 autom\u00e0tica.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    setInterval(<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      loadClasses,<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      REFRESH_INTERVAL<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/*<!-- [et_pb_line_break_holder] -->     * Activem les icones Lucide.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    if (<!-- [et_pb_line_break_holder] -->      typeof lucide !==<!-- [et_pb_line_break_holder] -->      'undefined'<!-- [et_pb_line_break_holder] -->    ) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      lucide.createIcons();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <\/script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>HORARIS<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"folder":[],"class_list":["post-1097","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nuriadansa.cat\/nd\/wp-json\/wp\/v2\/pages\/1097","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nuriadansa.cat\/nd\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nuriadansa.cat\/nd\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nuriadansa.cat\/nd\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nuriadansa.cat\/nd\/wp-json\/wp\/v2\/comments?post=1097"}],"version-history":[{"count":3,"href":"https:\/\/nuriadansa.cat\/nd\/wp-json\/wp\/v2\/pages\/1097\/revisions"}],"predecessor-version":[{"id":1100,"href":"https:\/\/nuriadansa.cat\/nd\/wp-json\/wp\/v2\/pages\/1097\/revisions\/1100"}],"wp:attachment":[{"href":"https:\/\/nuriadansa.cat\/nd\/wp-json\/wp\/v2\/media?parent=1097"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/nuriadansa.cat\/nd\/wp-json\/wp\/v2\/folder?post=1097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}