{"id":3424,"date":"2020-03-23T17:03:24","date_gmt":"2020-03-23T17:03:24","guid":{"rendered":"https:\/\/avvbufala.org\/?page_id=3424"},"modified":"2025-09-02T15:23:18","modified_gmt":"2025-09-02T15:23:18","slug":"proyectos","status":"publish","type":"page","link":"https:\/\/avvbufala.org\/?page_id=3424","title":{"rendered":"Horari d&#8217;activitats"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3424\" class=\"elementor elementor-3424\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fa7bc59 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fa7bc59\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-362659b\" data-id=\"362659b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-64217fa elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"64217fa\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-db6b2a1\" data-id=\"db6b2a1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-013dc34 elementor-widget elementor-widget-text-editor\" data-id=\"013dc34\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"ca\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Horari d&#8217;Activitats 2025-2026<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <style>\n        \/* Importem la tipografia Open Dyslexic *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Open+Dyslexic:wght@400;700&display=swap');\n        \n        body {\n            font-family: 'Open Dyslexic', sans-serif;\n            background-color: #e2e8f0; \/* Un gris blau clar per al fons *\/\n        }\n        \n        .day-container {\n            flex: 0 0 280px; \/* Ample fix per a les targetes de dia en disseny horitzontal *\/\n            scroll-snap-align: start; \/* Facilita el despla\u00e7ament horitzontal *\/\n            display: flex;\n            flex-direction: column;\n            border-radius: 1.5rem;\n            overflow: hidden;\n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n            transition: transform 0.3s ease-in-out;\n            margin: 1rem;\n        }\n\n        .day-container:hover {\n            transform: translateY(-5px);\n        }\n\n        .grid-header {\n            padding: 1.5rem;\n            text-align: center;\n            font-size: 1.75rem;\n            font-weight: 800;\n            color: #ffffff;\n            border-bottom: 3px solid rgba(255, 255, 255, 0.3);\n            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        }\n        \n        .day-column {\n            padding: 1.5rem;\n            flex-grow: 1;\n            display: flex;\n            flex-direction: column;\n            gap: 1rem;\n        }\n\n        .activity-card {\n            padding: 1.5rem 1rem; \/* M\u00e9s farciment *\/\n            border-radius: 1rem;\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n            transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\n            cursor: pointer;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            height: 100%;\n        }\n\n        .activity-card:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 12px -3px rgba(0, 0, 0, 0.15), 0 4px 6px -2px rgba(0, 0, 0, 0.1);\n        }\n\n        .activity-title {\n            font-weight: 700;\n            font-size: 1.5rem; \/* Augmentem la mida de la lletra *\/\n            text-align: center;\n        }\n\n        .activity-time {\n            font-weight: 600;\n            font-size: 1.25rem; \/* Augmentem la mida dels n\u00fameros de les hores *\/\n            margin-top: 0.5rem;\n            text-align: center;\n            color: #4a5568;\n        }\n        \n        h1 {\n            font-weight: 800;\n            letter-spacing: -0.05em;\n        }\n\n        \/* Paleta de colors amb tons suaus i pastels *\/\n        .color-blue { background-color: #e6f0ff; color: #2e64c4; }\n        .color-blue-dark { background-color: #4299e1; }\n        .color-green { background-color: #e5f8f0; color: #38a169; }\n        .color-green-dark { background-color: #38b2ac; }\n        .color-purple { background-color: #f2e6ff; color: #805ad5; }\n        .color-purple-dark { background-color: #a78bfa; }\n        .color-orange { background-color: #fff9e6; color: #dd6b20; }\n        .color-orange-dark { background-color: #ed8936; }\n        .color-pink { background-color: #ffe6f5; color: #d53f8c; }\n        .color-pink-dark { background-color: #ed64a6; }\n        .color-teal { background-color: #e6f9f9; color: #319795; }\n        .color-teal-dark { background-color: #4fd1c5; }\n        .color-salsa { background-color: #fffacb; color: #d69e2e; } \/* Nou color per a Balls de Salsa *\/\n        \n        .time-separator {\n            font-weight: 700;\n            text-align: center;\n            padding: 0.5rem 1rem;\n            color: #4a5568;\n            font-size: 1rem;\n            background-color: #f0f4f8; \/* Fons clar per a la separaci\u00f3 *\/\n            border-radius: 0.75rem; \/* cantonades arrodonides *\/\n            margin-bottom: 0.5rem;\n        }\n\n        .afternoon-separator {\n            margin-top: 1rem;\n        }\n        \n        \/* Estil per a les targetes de cada dia *\/\n        .day-card-dilluns { background-color: #f1f0ff; }\n        .day-card-dimarts { background-color: #e6f0ff; }\n        .day-card-dimecres { background-color: #fff0f5; }\n        .day-card-dijous { background-color: #f0fff1; }\n        .day-card-divendres { background-color: #fffaf0; }\n        .day-card-dissabte { background-color: #f0f7ff; }\n\n        \/* Estil per a les cap\u00e7aleres de cada dia *\/\n        .header-dilluns { background-color: #927be6; }\n        .header-dimarts { background-color: #4d8ceb; }\n        .header-dimecres { background-color: #e6628b; }\n        .header-dijous { background-color: #62b16b; }\n        .header-divendres { background-color: #e0ac43; }\n        .header-dissabte { background-color: #559dd9; }\n        \n        \/* Contenidor principal per al despla\u00e7ament horitzontal *\/\n        .scroll-container {\n            display: flex;\n            overflow-x: auto;\n            -webkit-overflow-scrolling: touch;\n            scroll-snap-type: x mandatory;\n            padding: 1rem 0;\n            width: 100%;\n        }\n\n        \/* Ocultem la barra de despla\u00e7ament per a una aparen\u00e7a m\u00e9s neta *\/\n        .scroll-container::-webkit-scrollbar {\n            display: none;\n        }\n        .scroll-container {\n            -ms-overflow-style: none;\n            scrollbar-width: none;\n        }\n\n        \/* El Dissabte es mostra en un disseny de graella en pantalles grans *\/\n        @media (min-width: 768px) {\n            .grid-container {\n                display: grid;\n                grid-template-columns: repeat(6, 1fr);\n                gap: 2rem;\n            }\n            .scroll-container {\n                display: contents; \/* Desactivar el flex horitzontal per tornar a la graella *\/\n            }\n            .day-container {\n                flex: none; \/* Desactivar l'ample fix *\/\n                margin: 0;\n                min-height: 500px;\n            }\n        }\n\n        .text-gradient-title {\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\n        }\n\n        .filter-container {\n            display: flex;\n            flex-direction: column;\n            gap: 1rem;\n        }\n\n        .filter-select {\n            width: 100%;\n            padding: 0.75rem 1.5rem;\n            font-size: 1rem;\n            border-radius: 9999px;\n            border: 2px solid #cbd5e0;\n            background-color: white;\n            transition-property: all;\n            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n            transition-duration: 300ms;\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n        }\n\n        .filter-select:focus {\n            outline: 2px solid transparent;\n            outline-offset: 2px;\n            box-shadow: 0 0 0 2px #4299e1;\n            border-color: transparent;\n        }\n    <\/style>\n<\/head>\n<body class=\"min-h-screen p-4 flex flex-col items-center\">\n\n<div class=\"w-full mx-auto p-4 md:p-8\">\n    <div class=\"text-center mb-4\">\n        <!-- Espai per al logo. Podeu substituir l'emoji per la vostra imatge. -->\n        <span role=\"img\" aria-label=\"Logo\" class=\"text-6xl text-gray-800\">\ud83d\uddd3\ufe0f<\/span>\n    <\/div>\n    <h1 class=\"text-4xl md:text-5xl font-extrabold text-center bg-clip-text text-transparent bg-gradient-to-r from-blue-500 to-purple-600 text-gradient-title mb-8\">HORARI D&#8217;ACTIVITATS 2025 &#8211; 2026<\/h1>\n\n    <!-- Desplegables per filtrar -->\n    <div class=\"w-full max-w-lg mx-auto mb-8 filter-container\">\n        <!-- Desplegable per filtrar per dia -->\n        <select id=\"day-filter\" class=\"filter-select\">\n            <option value=\"all\">Tots els dies<\/option>\n            <option value=\"dilluns\">Dilluns<\/option>\n            <option value=\"dimarts\">Dimarts<\/option>\n            <option value=\"dimecres\">Dimecres<\/option>\n            <option value=\"dijous\">Dijous<\/option>\n            <option value=\"divendres\">Divendres<\/option>\n            <option value=\"dissabte\">Dissabte<\/option>\n        <\/select>\n\n        <!-- Desplegable per filtrar per activitat -->\n        <select id=\"activity-filter\" class=\"filter-select\">\n            <option value=\"all\">Totes les activitats<\/option>\n            <option value=\"punt \u00f2mnia\">Punt \u00d2mnia<\/option>\n            <option value=\"incid\u00e8ncies - espai p\u00fablic\">Incid\u00e8ncies &#8211; Espai P\u00fablic<\/option>\n            <option value=\"gimn\u00e0stica correctiva\">Gimn\u00e0stica Correctiva<\/option>\n            <option value=\"ioga\">Ioga<\/option>\n            <option value=\"biblioteca oberta\">Biblioteca Oberta<\/option>\n            <option value=\"passejades\">Passejades<\/option>\n            <option value=\"secretaria\">Secretaria<\/option>\n            <option value=\"escacs\">Escacs<\/option>\n            <option value=\"cicles literaris\">Cicles literaris<\/option>\n            <option value=\"marxa n\u00f2rdica\">Marxa N\u00f2rdica<\/option>\n            <option value=\"balls de salsa\">Balls de Salsa<\/option>\n            <option value=\"senderisme\">Senderisme<\/option>\n            <option value=\"teatre social\">Teatre Social<\/option>\n            <option value=\"lectura catal\u00e0\">Lectura Catal\u00e0<\/option>\n            <option value=\"fotografia\">Fotografia<\/option>\n            <option value=\"rol adults\">Rol adults<\/option>\n            <option value=\"rol infantil\">Rol infantil<\/option>\n            <option value=\"grup de dones\">Grup de dones<\/option>\n            <option value=\"club de cinema\">Club de cinema<\/option>\n            <option value=\"m\u00fasica\">M\u00fasica<\/option>\n            <option value=\"jocs de taula, rol i cartes m\u00e0gic\">Jocs de taula, Rol i Cartes M\u00e0gic<\/option>\n        <\/select>\n    <\/div>\n\n    <div class=\"scroll-container\">\n        <!-- Dilluns -->\n        <div class=\"day-container day-card-dilluns\" data-day=\"dilluns\">\n            <div class=\"grid-header header-dilluns\">DILLUNS<\/div>\n            <div class=\"day-column\">\n                <div class=\"time-separator\">MAT\u00cd<\/div>\n                <div class=\"activity-card color-purple\" data-activity=\"punt \u00f2mnia\">\n                    <span class=\"activity-title\">\ud83d\udda5\ufe0f Punt \u00d2mnia<\/span>\n                    <span class=\"activity-time\">09:00 h. &#8211; 13:00 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-blue\" data-activity=\"incid\u00e8ncies - espai p\u00fablic\">\n                    <span class=\"activity-title\">\ud83d\udea7 Incid\u00e8ncies &#8211; Espai P\u00fablic<\/span>\n                    <span class=\"activity-time\">09:30 h. &#8211; 11:00 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-pink\" data-activity=\"gimn\u00e0stica correctiva\">\n                    <span class=\"activity-title\">\ud83e\udd38 Gimn\u00e0stica Correctiva (Grup 1)<\/span>\n                    <span class=\"activity-time\">09:30 h. &#8211; 10:30 h.<\/span>\n                <\/div>\n                <div class=\"time-separator afternoon-separator\">TARDA<\/div>\n                <div class=\"activity-card color-purple\" data-activity=\"punt \u00f2mnia\">\n                    <span class=\"activity-title\">\ud83d\udda5\ufe0f Punt \u00d2mnia<\/span>\n                    <span class=\"activity-time\">15:00 h. &#8211; 19:00 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-orange\" data-activity=\"ioga\">\n                    <span class=\"activity-title\">\ud83e\uddd8 Ioga (Grup 1)<\/span>\n                    <span class=\"activity-time\">15:45 h. &#8211; 16:45 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-teal\" data-activity=\"biblioteca oberta\">\n                    <span class=\"activity-title\">\ud83d\udcda Biblioteca Oberta<\/span>\n                    <span class=\"activity-time\">17:00 h. &#8211; 19:00 h.<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Dimarts -->\n        <div class=\"day-container day-card-dimarts\" data-day=\"dimarts\">\n            <div class=\"grid-header header-dimarts\">DIMARTS<\/div>\n            <div class=\"day-column\">\n                <div class=\"time-separator\">MAT\u00cd<\/div>\n                <div class=\"activity-card color-purple\" data-activity=\"punt \u00f2mnia\">\n                    <span class=\"activity-title\">\ud83d\udda5\ufe0f Punt \u00d2mnia<\/span>\n                    <span class=\"activity-time\">09:00 h. &#8211; 13:00 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-green\" data-activity=\"passejades\">\n                    <span class=\"activity-title\">\ud83d\udeb6 Passejades<\/span>\n                    <span class=\"activity-time\">09:30 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-pink\" data-activity=\"gimn\u00e0stica correctiva\">\n                    <span class=\"activity-title\">\ud83e\udd38 Gimn\u00e0stica Correctiva (Grup 2)<\/span>\n                    <span class=\"activity-time\">09:30 h. &#8211; 10:30 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-orange\" data-activity=\"secretaria\">\n                    <span class=\"activity-title\">\ud83d\udcdd Secretaria<\/span>\n                    <span class=\"activity-time\">10:30 h. &#8211; 12:30 h.<\/span>\n                <\/div>\n                <div class=\"time-separator afternoon-separator\">TARDA<\/div>\n                <div class=\"activity-card color-purple\" data-activity=\"punt \u00f2mnia\">\n                    <span class=\"activity-title\">\ud83d\udda5\ufe0f Punt \u00d2mnia<\/span>\n                    <span class=\"activity-time\">15:00 h. &#8211; 19:00 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-orange\" data-activity=\"ioga\">\n                    <span class=\"activity-title\">\ud83e\uddd8 Ioga (Grup 2)<\/span>\n                    <span class=\"activity-time\">16:00 h. &#8211; 17:00 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-teal\" data-activity=\"biblioteca oberta\">\n                    <span class=\"activity-title\">\ud83d\udcda Biblioteca Oberta<\/span>\n                    <span class=\"activity-time\">17:00 h. &#8211; 19:00 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-blue\" data-activity=\"escacs\">\n                    <span class=\"activity-title\">\u265f\ufe0f Escacs<\/span>\n                    <span class=\"activity-time\">17:30 h. &#8211; 18:30 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-green\" data-activity=\"cicles literaris\">\n                    <span class=\"activity-title\">\u270d\ufe0f Cicles literaris<\/span>\n                    <span class=\"activity-time\">19:00 h. (trimestralment)<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Dimecres -->\n        <div class=\"day-container day-card-dimecres\" data-day=\"dimecres\">\n            <div class=\"grid-header header-dimecres\">DIMECRES<\/div>\n            <div class=\"day-column\">\n                <div class=\"time-separator\">MAT\u00cd<\/div>\n                <div class=\"activity-card color-purple\" data-activity=\"punt \u00f2mnia\">\n                    <span class=\"activity-title\">\ud83d\udda5\ufe0f Punt \u00d2mnia<\/span>\n                    <span class=\"activity-time\">09:00 h. &#8211; 13:00 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-green\" data-activity=\"marxa n\u00f2rdica\">\n                    <span class=\"activity-title\">\ud83d\udeb6\u200d\u2642\ufe0f Marxa N\u00f2rdica<\/span>\n                    <span class=\"activity-time\">09:00 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-pink\" data-activity=\"gimn\u00e0stica correctiva\">\n                    <span class=\"activity-title\">\ud83e\udd38 Gimn\u00e0stica Correctiva (Grup 1)<\/span>\n                    <span class=\"activity-time\">09:30 h. &#8211; 10:30 h.<\/span>\n                <\/div>\n                <div class=\"time-separator afternoon-separator\">TARDA<\/div>\n                <div class=\"activity-card color-purple\" data-activity=\"punt \u00f2mnia\">\n                    <span class=\"activity-title\">\ud83d\udda5\ufe0f Punt \u00d2mnia<\/span>\n                    <span class=\"activity-time\">15:00 h. &#8211; 19:00 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-orange\" data-activity=\"ioga\">\n                    <span class=\"activity-title\">\ud83e\uddd8 Ioga (Grup 3)<\/span>\n                    <span class=\"activity-time\">15:45 h. &#8211; 16:45 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-teal\" data-activity=\"biblioteca oberta\">\n                    <span class=\"activity-title\">\ud83d\udcda Biblioteca Oberta<\/span>\n                    <span class=\"activity-time\">17:00 h. &#8211; 19:00 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-salsa\" data-activity=\"balls de salsa\">\n                    <span class=\"activity-title\">\ud83d\udc83 Balls de Salsa (individual)<\/span>\n                    <span class=\"activity-time\">20:00 h. &#8211; 21:00 h.<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Dijous -->\n        <div class=\"day-container day-card-dijous\" data-day=\"dijous\">\n            <div class=\"grid-header header-dijous\">DIJOUS<\/div>\n            <div class=\"day-column\">\n                <div class=\"time-separator\">MAT\u00cd<\/div>\n                <div class=\"activity-card color-purple\" data-activity=\"punt \u00f2mnia\">\n                    <span class=\"activity-title\">\ud83d\udda5\ufe0f Punt \u00d2mnia<\/span>\n                    <span class=\"activity-time\">09:00 h. &#8211; 13:00 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-green\" data-activity=\"senderisme\">\n                    <span class=\"activity-title\">\u26f0\ufe0f Senderisme<\/span>\n                    <span class=\"activity-time\">09:00 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-pink\" data-activity=\"gimn\u00e0stica correctiva\">\n                    <span class=\"activity-title\">\ud83e\udd38 Gimn\u00e0stica Correctiva (Grup 2)<\/span>\n                    <span class=\"activity-time\">09:30 h. &#8211; 10:30 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-salsa\" data-activity=\"balls de salsa\">\n                    <span class=\"activity-title\">\ud83d\udc83 Balls de Salsa (en parelles)<\/span>\n                    <span class=\"activity-time\">11:00 h. &#8211; 12:00 h.<\/span>\n                <\/div>\n                <div class=\"time-separator afternoon-separator\">TARDA<\/div>\n                <div class=\"activity-card color-purple\" data-activity=\"punt \u00f2mnia\">\n                    <span class=\"activity-title\">\ud83d\udda5\ufe0f Punt \u00d2mnia<\/span>\n                    <span class=\"activity-time\">15:00 h. &#8211; 19:00 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-teal\" data-activity=\"biblioteca oberta\">\n                    <span class=\"activity-title\">\ud83d\udcda Biblioteca Oberta<\/span>\n                    <span class=\"activity-time\">17:00 h. &#8211; 19:00 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-orange\" data-activity=\"teatre social\">\n                    <span class=\"activity-title\">\ud83c\udfad Teatre Social<\/span>\n                    <span class=\"activity-time\">18:00 h. &#8211; 19:00 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-green\" data-activity=\"lectura catal\u00e0\">\n                    <span class=\"activity-title\">\ud83d\udcd6 Lectura Catal\u00e0<\/span>\n                    <span class=\"activity-time\">19:00 h. &#8211; 20:30 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-blue\" data-activity=\"fotografia\">\n                    <span class=\"activity-title\">\ud83d\udcf8 Fotografia<\/span>\n                    <span class=\"activity-time\">19:00 h. &#8211; 21:00 h.<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Divendres -->\n        <div class=\"day-container day-card-divendres\" data-day=\"divendres\">\n            <div class=\"grid-header header-divendres\">DIVENDRES<\/div>\n            <div class=\"day-column\">\n                <div class=\"time-separator\">MAT\u00cd<\/div>\n                <div class=\"activity-card color-purple\" data-activity=\"punt \u00f2mnia\">\n                    <span class=\"activity-title\">\ud83d\udda5\ufe0f Punt \u00d2mnia<\/span>\n                    <span class=\"activity-time\">09:00 h. &#8211; 13:00 h.<\/span>\n                <\/div>\n                <div class=\"time-separator afternoon-separator\">TARDA<\/div>\n                <div class=\"activity-card color-purple\" data-activity=\"punt \u00f2mnia\">\n                    <span class=\"activity-title\">\ud83d\udda5\ufe0f Punt \u00d2mnia<\/span>\n                    <span class=\"activity-time\">15:00 h. &#8211; 19:00 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-orange\" data-activity=\"secretaria\">\n                    <span class=\"activity-title\">\ud83d\udcdd Secretaria<\/span>\n                    <span class=\"activity-time\">16:00 h. &#8211; 19:00 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-blue\" data-activity=\"rol adults\">\n                    <span class=\"activity-title\">\ud83c\udfb2 Rol adults<\/span>\n                    <span class=\"activity-time\">16:00 h. &#8211; 18:00 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-teal\" data-activity=\"biblioteca oberta\">\n                    <span class=\"activity-title\">\ud83d\udcda Biblioteca Oberta<\/span>\n                    <span class=\"activity-time\">17:00 h. &#8211; 19:00 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-blue\" data-activity=\"rol infantil\">\n                    <span class=\"activity-title\">\ud83c\udfb2 Rol infantil<\/span>\n                    <span class=\"activity-time\">18:00 h. &#8211; 19:00 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-pink\" data-activity=\"grup de dones\">\n                    <span class=\"activity-title\">\ud83d\udc69\u200d\ud83e\udd1d\u200d\ud83d\udc69 Grup de dones<\/span>\n                    <span class=\"activity-time\">19:00 h. &#8211; 20:00 h.<\/span>\n                <\/div>\n                <div class=\"activity-card color-orange\" data-activity=\"club de cinema\">\n                    <span class=\"activity-title\">\ud83c\udfac Club de cinema<\/span>\n                    <span class=\"activity-time\">19:30 h. &#8211; 21:00 h.<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Dissabte -->\n        <div class=\"day-container day-card-dissabte\" data-day=\"dissabte\">\n            <div class=\"grid-header header-dissabte\">DISSABTE<\/div>\n            <div class=\"day-column\">\n                <div class=\"time-separator\">MAT\u00cd<\/div>\n                <div class=\"activity-card color-purple\" data-activity=\"m\u00fasica\">\n                    <span class=\"activity-title\">\ud83c\udfb6 M\u00fasica<\/span>\n                    <span class=\"activity-time\">11:00 h. &#8211; 13:00 h.<\/span>\n                <\/div>\n                <div class=\"time-separator afternoon-separator\">TARDA<\/div>\n                <div class=\"activity-card color-orange\" data-activity=\"jocs de taula, rol i cartes m\u00e0gic\">\n                    <span class=\"activity-title\">\ud83c\udfb2 Jocs de taula, Rol i Cartes M\u00e0gic<\/span>\n                    <span class=\"activity-time\">16:00 h. &#8211; 19:00 h.<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- Nova secci\u00f3 de peu de p\u00e0gina amb el correu electr\u00f2nic -->\n<footer class=\"w-full max-w-7xl mx-auto p-4 md:p-8 mt-8\">\n    <div class=\"bg-gradient-to-r from-blue-500 to-purple-600 text-white rounded-xl shadow-xl p-8 flex flex-col items-center\">\n        <p class=\"text-2xl font-bold mb-4\">Per a m\u00e9s informaci\u00f3, escriu-nos a:<\/p>\n        <a href=\"mailto:info@avvbufala.org\" class=\"flex items-center space-x-3 text-lg sm:text-2xl font-semibold hover:underline transition-transform transform hover:scale-105\">\n            <!-- Icona d'un sobre -->\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8 text-yellow-300\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n                <path d=\"M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z\" \/>\n                <path d=\"M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z\" \/>\n            <\/svg>\n            <span>info@avvbufala.org<\/span>\n        <\/a>\n    <\/div>\n<\/footer>\n\n<script>\n    const dayFilter = document.getElementById('day-filter');\n    const activityFilter = document.getElementById('activity-filter');\n    const dayContainers = document.querySelectorAll('.day-container');\n\n    const filterActivities = () => {\n        const selectedDay = dayFilter.value;\n        const selectedActivity = activityFilter.value;\n\n        dayContainers.forEach(dayContainer => {\n            const dayName = dayContainer.getAttribute('data-day');\n            const activities = dayContainer.querySelectorAll('.activity-card');\n            let dayHasVisibleActivities = false;\n\n            \/\/ Filtrem per dia\n            const isDayMatch = selectedDay === 'all' || dayName === selectedDay;\n\n            activities.forEach(activity => {\n                const activityTitle = activity.getAttribute('data-activity');\n                \n                \/\/ Filtrem per activitat\n                const isActivityMatch = selectedActivity === 'all' || activityTitle === selectedActivity;\n\n                if (isActivityMatch) {\n                    activity.style.display = 'flex';\n                    dayHasVisibleActivities = true;\n                } else {\n                    activity.style.display = 'none';\n                }\n            });\n\n            \/\/ Si el dia coincideix i hi ha activitats visibles, mostrem el contenidor del dia\n            if (isDayMatch && dayHasVisibleActivities) {\n                dayContainer.style.display = 'flex';\n            } else {\n                dayContainer.style.display = 'none';\n            }\n        });\n    }\n\n    dayFilter.addEventListener('change', filterActivities);\n    activityFilter.addEventListener('change', filterActivities);\n    \n    \/\/ Filtrem les activitats al carregar la p\u00e0gina\n    filterActivities();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6a7b3dd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6a7b3dd\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a96d444\" data-id=\"a96d444\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4c3eb7b elementor-widget elementor-widget-image\" data-id=\"4c3eb7b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"652\" height=\"800\" src=\"https:\/\/avvbufala.org\/wp-content\/uploads\/2025\/08\/inscripcions.jpg\" class=\"attachment-large size-large wp-image-6772\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"_links":{"self":[{"href":"https:\/\/avvbufala.org\/index.php?rest_route=\/wp\/v2\/pages\/3424"}],"collection":[{"href":"https:\/\/avvbufala.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/avvbufala.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/avvbufala.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/avvbufala.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3424"}],"version-history":[{"count":28,"href":"https:\/\/avvbufala.org\/index.php?rest_route=\/wp\/v2\/pages\/3424\/revisions"}],"predecessor-version":[{"id":6798,"href":"https:\/\/avvbufala.org\/index.php?rest_route=\/wp\/v2\/pages\/3424\/revisions\/6798"}],"wp:attachment":[{"href":"https:\/\/avvbufala.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}