{"id":2582,"date":"2026-03-09T16:34:14","date_gmt":"2026-03-09T16:34:14","guid":{"rendered":"https:\/\/editorialjande.com\/?page_id=2582"},"modified":"2026-03-10T07:02:04","modified_gmt":"2026-03-10T07:02:04","slug":"agenda-jande","status":"publish","type":"page","link":"https:\/\/editorialjande.com\/en\/agenda-jande\/","title":{"rendered":"Agenda"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2582\" class=\"elementor elementor-2582\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-801fb71 e-flex e-con-boxed e-con e-parent\" data-id=\"801fb71\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0ac8b2b e-con-full e-flex e-con e-child\" data-id=\"0ac8b2b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b389ef0 elementor-widget elementor-widget-heading\" data-id=\"b389ef0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Agenda<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d7bd678 e-flex e-con-boxed e-con e-parent\" data-id=\"d7bd678\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-592b4f4 elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"592b4f4\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"agcal-wrap\" id=\"agcal-wrap\"\n         data-month=\"4\"\n         data-year=\"2026\"\n         data-nonce=\"b3f60f1ab3\"\n         data-ajax=\"https:\/\/editorialjande.com\/wp-admin\/admin-ajax.php\">\n\n        <style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Jost:wght@300;400;500&display=swap');\n\n.agcal-wrap {\n    --c-bg:     #FAFAF8;\n    --c-border: #E8E4DF;\n    --c-text:   #2C2820;\n    --c-muted:  #9A948C;\n    font-family: 'Jost', sans-serif;\n    background:  var(--c-bg);\n    color:       var(--c-text);\n    width: 100%;\n    position: relative;\n    box-sizing: border-box;\n}\n.agcal-wrap *, .agcal-wrap *::before, .agcal-wrap *::after { box-sizing: border-box; }\n\n\/* Header *\/\n.agcal-header {\n    display: flex; align-items: center; justify-content: space-between;\n    padding: 20px;\n    border-bottom: 1px solid var(--c-border);\n}\n.agcal-month-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(1.5rem, 3vw, 2.1rem);\n    font-weight: 400; letter-spacing: .02em; margin: 0;\n    min-height: 1.2em;\n}\n.agcal-nav { display: flex; gap: 8px; }\n.agcal-nav button {\n    width: 36px; height: 36px; border-radius: 50%;\n    border: 1px solid var(--c-border); background: transparent;\n    cursor: pointer; font-size: 1rem; color: var(--c-text);\n    display: flex; align-items: center; justify-content: center;\n    transition: background .18s;\n}\n.agcal-nav button:hover { background: var(--c-border); }\n\n\/* Pills *\/\n.agcal-legend {\n    display: flex; flex-wrap: wrap; gap: 10px;\n    padding: 18px 0;\n    border-bottom: 1px solid var(--c-border);\n    justify-content: center;\n}\n\n.agcal-pill {\n    display: inline-flex; align-items: center; gap: 6px;\n    padding: 5px 16px 5px 10px; border-radius: 50px;\n    font-size: .8rem; letter-spacing: .04em; cursor: pointer;\n    border: 1.5px solid transparent; background: none;\n    transition: opacity .2s; text-transform: capitalize;\n    font-family: inherit;\n}\n.agcal-pill.inactive { opacity: .32; }\n.agcal-pill-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }\n\n\/* Weekday row *\/\n.agcal-weekdays {\n    display: grid; grid-template-columns: repeat(7,1fr);\n    border-left: 1px solid var(--c-border);\n}\n.agcal-weekday {\n    padding: 13px 0; text-align: center;\n    font-size: .7rem; font-weight: 500; letter-spacing: .1em;\n    text-transform: uppercase; color: var(--c-muted);\n    border-right: 1px solid var(--c-border);\n    border-bottom: 1px solid var(--c-border);\n}\n\n\/* Grid *\/\n.agcal-body { position: relative; }\n.agcal-grid {\n    display: grid; grid-template-columns: repeat(7,1fr);\n    border-left: 1px solid var(--c-border);\n    transition: opacity .18s;\n}\n.agcal-body.is-loading .agcal-grid { opacity: .35; pointer-events: none; }\n\n\/* Cell *\/\n.agcal-cell {\n    min-height: 130px;\n    padding: 10px 8px 8px;\n    border-right: 1px solid var(--c-border);\n    border-bottom: 1px solid var(--c-border);\n    background: var(--c-bg);\n}\n.agcal-cell.other-month { background: #F5F4F1; }\n.agcal-day-number {\n    font-size: .82rem; color: var(--c-muted);\n    float: right; line-height: 1; padding: 2px;\n}\n.agcal-cell.today .agcal-day-number {\n    background: var(--c-text); color: #fff; border-radius: 50%;\n    width: 26px; height: 26px;\n    display: inline-flex; align-items: center; justify-content: center;\n}\n\n\/* Events *\/\n.agcal-events { margin-top: 28px; display: flex; flex-direction: column; gap: 4px; }\n.agcal-event {\n    display: block; padding: 5px 8px 5px 10px;\n    border-radius: 4px; border-left: 3px solid transparent;\n    font-size: .75rem; line-height: 1.35;\n    text-decoration: none; color: var(--c-text);\n    transition: opacity .15s, transform .15s;\n}\n.agcal-event:hover { opacity: .72; transform: translateX(2px); }\n.agcal-event-time  { font-size: .68rem; font-weight: 500; letter-spacing: .04em; opacity: .7; display: block; margin-bottom: 1px; }\n.agcal-event-title { font-style: italic; font-family: 'Cormorant Garamond',serif; font-size: .88rem; line-height: 1.25; display: block; }\n.agcal-event.hidden-term { display: none !important; }\n\n\/* Spinner *\/\n.agcal-loading {\n    display: none; position: absolute; inset: 0;\n    background: rgba(250,250,248,.75); z-index: 20;\n    align-items: center; justify-content: center;\n}\n.agcal-loading.active { display: flex; }\n.agcal-spinner {\n    width: 30px; height: 30px; border-radius: 50%;\n    border: 2px solid var(--c-border);\n    border-top-color: var(--c-text);\n    animation: agcal-spin .65s linear infinite;\n}\n@keyframes agcal-spin { to { transform: rotate(360deg); } }\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n    .agcal-cell        { min-height: 72px; padding: 6px 4px 4px; }\n    .agcal-event-title { display: none; }\n    .agcal-event       { padding: 3px 4px 3px 6px; }\n    .agcal-event-time  { font-size: .62rem; }\n    .agcal-month-title { font-size: 1.3rem; }\n}\n@media (max-width: 480px) {\n    .agcal-weekday { font-size: .58rem; padding: 8px 0; }\n    .agcal-event   { border-left-width: 2px; }\n}\n<\/style>\n\n        <!-- Header -->\n        <div class=\"agcal-header\">\n            <h2 class=\"agcal-month-title\" id=\"agcal-month-label\"><\/h2>\n            <nav class=\"agcal-nav\" aria-label=\"Navegaci\u00f3 del calendari\">\n                <button class=\"agcal-btn-prev\" type=\"button\" aria-label=\"Mes anterior\">&#8592;<\/button>\n                <button class=\"agcal-btn-next\" type=\"button\" aria-label=\"Mes seg\u00fcent\">&#8594;<\/button>\n            <\/nav>\n        <\/div>\n\n        <!-- Category filter pills -->\n                <div class=\"agcal-legend\" role=\"group\" aria-label=\"Filtrar per categoria\">\n                        <button class=\"agcal-pill\"\n                    data-term-slug=\"clubs-de-lectura\"\n                    style=\"background:#e9e3de;border-color:#C5B5A8;\"\n                    aria-pressed=\"true\" type=\"button\">\n                <span class=\"agcal-pill-dot\" style=\"background:#C5B5A8;\"><\/span>\n                Clubs de lectura            <\/button>\n                        <button class=\"agcal-pill\"\n                    data-term-slug=\"esdeveniments\"\n                    style=\"background:#dee5de;border-color:#A8BBA8;\"\n                    aria-pressed=\"true\" type=\"button\">\n                <span class=\"agcal-pill-dot\" style=\"background:#A8BBA8;\"><\/span>\n                Esdeveniments            <\/button>\n                        <button class=\"agcal-pill\"\n                    data-term-slug=\"presentacions\"\n                    style=\"background:#e4ded8;border-color:#B8A898;\"\n                    aria-pressed=\"true\" type=\"button\">\n                <span class=\"agcal-pill-dot\" style=\"background:#B8A898;\"><\/span>\n                Presentacions            <\/button>\n                        <button class=\"agcal-pill\"\n                    data-term-slug=\"signatures\"\n                    style=\"background:#dee3e9;border-color:#A8B5C5;\"\n                    aria-pressed=\"true\" type=\"button\">\n                <span class=\"agcal-pill-dot\" style=\"background:#A8B5C5;\"><\/span>\n                Signatures            <\/button>\n                    <\/div>\n        \n        <!-- Static weekday headers -->\n        <div class=\"agcal-weekdays\">\n                        <div class=\"agcal-weekday\">Dl<\/div>\n                        <div class=\"agcal-weekday\">Dt<\/div>\n                        <div class=\"agcal-weekday\">Dc<\/div>\n                        <div class=\"agcal-weekday\">Dj<\/div>\n                        <div class=\"agcal-weekday\">Dv<\/div>\n                        <div class=\"agcal-weekday\">Ds<\/div>\n                        <div class=\"agcal-weekday\">Dg<\/div>\n                    <\/div>\n\n        <!-- Dynamic grid \u2014 swapped by AJAX -->\n        <div id=\"agcal-body\" class=\"agcal-body\">\n            <div class=\"agcal-grid\" data-label=\"April 2026\"><div class=\"agcal-cell other-month\"><span class=\"agcal-day-number\">30<\/span><\/div><div class=\"agcal-cell other-month\"><span class=\"agcal-day-number\">31<\/span><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">1<\/span><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">2<\/span><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">3<\/span><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">4<\/span><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">5<\/span><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">6<\/span><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">7<\/span><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">8<\/span><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">9<\/span><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">10<\/span><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">11<\/span><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">12<\/span><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">13<\/span><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">14<\/span><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">15<\/span><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">16<\/span><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">17<\/span><div class=\"agcal-events\"><a href=\"https:\/\/editorialjande.com\/en\/agenda\/filmig\/\" class=\"agcal-event\" data-term=\"esdeveniments\"\n                        style=\"background:#e1e7e1;border-left-color:#A8BBA8;\"\n                        title=\"00:11 \u2014 FILMIG\">\n                        <span class=\"agcal-event-time\">00:11<\/span>\n                        <span class=\"agcal-event-title\">FILMIG<\/span>\n                    <\/a><\/div><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">18<\/span><div class=\"agcal-events\"><a href=\"https:\/\/editorialjande.com\/en\/agenda\/filmig-2\/\" class=\"agcal-event\" data-term=\"esdeveniments\"\n                        style=\"background:#e1e7e1;border-left-color:#A8BBA8;\"\n                        title=\"11:00 \u2014 FILMIG\">\n                        <span class=\"agcal-event-time\">11:00<\/span>\n                        <span class=\"agcal-event-title\">FILMIG<\/span>\n                    <\/a><a href=\"https:\/\/editorialjande.com\/en\/agenda\/signatura-youssef-el-maimouni-2\/\" class=\"agcal-event\" data-term=\"signatures\"\n                        style=\"background:#e1e5eb;border-left-color:#A8B5C5;\"\n                        title=\"11:00 \u2014 Signatura Youssef El Maimouni\">\n                        <span class=\"agcal-event-time\">11:00<\/span>\n                        <span class=\"agcal-event-title\">Signatura Youssef El Maimouni<\/span>\n                    <\/a><\/div><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">19<\/span><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">20<\/span><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">21<\/span><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">22<\/span><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">23<\/span><div class=\"agcal-events\"><a href=\"https:\/\/editorialjande.com\/en\/agenda\/sant-jordi-passeig-gracia-mallorca\/\" class=\"agcal-event\" data-term=\"esdeveniments\"\n                        style=\"background:#e1e7e1;border-left-color:#A8BBA8;\"\n                        title=\"00:00 \u2014 SANT JORDI passeig gr\u00e0cia\/mallorca\">\n                        <span class=\"agcal-event-time\">00:00<\/span>\n                        <span class=\"agcal-event-title\">SANT JORDI passeig gr\u00e0cia\/mallorca<\/span>\n                    <\/a><a href=\"https:\/\/editorialjande.com\/en\/agenda\/signatura-youssef-el-maimouni\/\" class=\"agcal-event\" data-term=\"signatures\"\n                        style=\"background:#e1e5eb;border-left-color:#A8B5C5;\"\n                        title=\"11:00 \u2014 Signatura Youssef El Maimouni\">\n                        <span class=\"agcal-event-time\">11:00<\/span>\n                        <span class=\"agcal-event-title\">Signatura Youssef El Maimouni<\/span>\n                    <\/a><\/div><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">24<\/span><\/div><div class=\"agcal-cell today\"><span class=\"agcal-day-number\">25<\/span><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">26<\/span><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">27<\/span><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">28<\/span><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">29<\/span><\/div><div class=\"agcal-cell\"><span class=\"agcal-day-number\">30<\/span><\/div><div class=\"agcal-cell other-month\"><span class=\"agcal-day-number\">1<\/span><\/div><div class=\"agcal-cell other-month\"><span class=\"agcal-day-number\">2<\/span><\/div><div class=\"agcal-cell other-month\"><span class=\"agcal-day-number\">3<\/span><\/div><\/div>        <\/div>\n\n        <!-- Loading overlay -->\n        <div class=\"agcal-loading\" id=\"agcal-loading\" aria-hidden=\"true\">\n            <span class=\"agcal-spinner\"><\/span>\n        <\/div>\n\n    <\/div><!-- .agcal-wrap -->\n\n    <script>\n(function($){\n    'use strict';\n    var $wrap   = $('#agcal-wrap');\n    if (!$wrap.length) return;\n\n    var ajaxUrl = $wrap.data('ajax');\n    var nonce   = $wrap.data('nonce');\n    var month   = parseInt($wrap.data('month'), 10);\n    var year    = parseInt($wrap.data('year'),  10);\n    var loading = false;\n\n    function syncLabel() {\n        var label = $wrap.find('.agcal-grid').data('label') || '';\n        $('#agcal-month-label').text(label);\n    }\n\n    function loadMonth(m, y) {\n        if (loading) return;\n        loading = true;\n\n        var $body    = $('#agcal-body');\n        var $spinner = $('#agcal-loading');\n\n        $body.addClass('is-loading');\n        $spinner.addClass('active');\n\n        $.post(ajaxUrl, { action:'agcal_load_month', nonce:nonce, month:m, year:y })\n        .done(function(res){\n            if (res && res.success) {\n                month = res.data.month;\n                year  = res.data.year;\n                $body.html(res.data.html);\n                syncLabel();\n                applyFilter();\n            }\n        })\n        .always(function(){\n            $body.removeClass('is-loading');\n            $spinner.removeClass('active');\n            loading = false;\n        });\n    }\n\n    syncLabel();\n\n    $wrap.on('click', '.agcal-btn-prev', function(){\n        var m = month-1, y = year;\n        if (m < 1)  { m=12; y--; }\n        loadMonth(m, y);\n    });\n    $wrap.on('click', '.agcal-btn-next', function(){\n        var m = month+1, y = year;\n        if (m > 12) { m=1; y++; }\n        loadMonth(m, y);\n    });\n\n    \/* \u2500\u2500 Filter \u2500\u2500 *\/\n    var active = {};\n    $wrap.find('.agcal-pill').each(function(){ active[$(this).data('term-slug')] = true; });\n\n    function applyFilter() {\n        $wrap.find('.agcal-event').each(function(){\n            var slug = $(this).data('term');\n            $(this).toggleClass('hidden-term', !!slug && active[slug] === false);\n        });\n    }\n\n    $wrap.on('click', '.agcal-pill', function(){\n        var $pill = $(this), slug = $pill.data('term-slug');\n        var allOn = Object.keys(active).every(function(k){ return active[k] !== false; });\n\n        if (allOn) {\n            $.each(active, function(k){ active[k] = false; });\n            active[slug] = true;\n            $wrap.find('.agcal-pill').addClass('inactive').attr('aria-pressed','false');\n            $pill.removeClass('inactive').attr('aria-pressed','true');\n        } else {\n            active[slug] = (active[slug] === false);\n            $pill.toggleClass('inactive', !active[slug])\n                 .attr('aria-pressed', active[slug] ? 'true':'false');\n            if (!Object.keys(active).some(function(k){ return active[k] !== false; })) {\n                $.each(active, function(k){ active[k] = true; });\n                $wrap.find('.agcal-pill').removeClass('inactive').attr('aria-pressed','true');\n            }\n        }\n        applyFilter();\n    });\n\n})(jQuery);\n<\/script>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2582","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/editorialjande.com\/en\/wp-json\/wp\/v2\/pages\/2582","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/editorialjande.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/editorialjande.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/editorialjande.com\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/editorialjande.com\/en\/wp-json\/wp\/v2\/comments?post=2582"}],"version-history":[{"count":14,"href":"https:\/\/editorialjande.com\/en\/wp-json\/wp\/v2\/pages\/2582\/revisions"}],"predecessor-version":[{"id":2614,"href":"https:\/\/editorialjande.com\/en\/wp-json\/wp\/v2\/pages\/2582\/revisions\/2614"}],"wp:attachment":[{"href":"https:\/\/editorialjande.com\/en\/wp-json\/wp\/v2\/media?parent=2582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}