{"id":35774,"date":"2025-07-02T18:19:41","date_gmt":"2025-07-02T16:19:41","guid":{"rendered":"https:\/\/www.santaceciliacullera.com\/?page_id=35774"},"modified":"2026-08-26T15:25:51","modified_gmt":"2026-08-26T13:25:51","slug":"escola-de-musica","status":"publish","type":"page","link":"https:\/\/www.santaceciliacullera.com\/?page_id=35774","title":{"rendered":"Escola de M\u00fasica \u00abMestre Chornet\u00bb"},"content":{"rendered":"<!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>Escola de M\u00fasica Mestre Chornet<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&#038;family=Playfair+Display:ital,wght@0,600;1,400&#038;display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <style>\n        :root {\n            --primary-color: #1a1a1a;\n            --accent-color: #c5a059;\n            --accent-hover: #b08c46;\n            --bg-light: #f9f9fb;\n            --card-bg: #ffffff;\n            --text-dark: #2c2c2c;\n            --text-muted: #666666;\n            --border-color: #e5e7eb;\n            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            --shadow-sm: 0 2px 8px rgba(0,0,0,0.04);\n            --shadow-lg: 0 12px 30px rgba(0,0,0,0.08);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            background-color: var(--bg-light);\n            color: var(--text-dark);\n            line-height: 1.6;\n        }\n\n        \/* --- NAVEGACI\u00d3 SUPERIOR --- *\/\n        .top-navbar {\n            background-color: var(--primary-color);\n            position: sticky;\n            top: 0;\n            z-index: 1000;\n            box-shadow: 0 4px 20px rgba(0,0,0,0.15);\n        }\n\n        .nav-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 0 2rem;\n        }\n\n        .main-menu {\n            display: flex;\n            list-style: none;\n        }\n\n        .menu-item {\n            position: relative;\n        }\n\n        .menu-link {\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            padding: 1.25rem 1.5rem;\n            color: #ffffff;\n            text-decoration: none;\n            font-weight: 500;\n            font-size: 0.95rem;\n            letter-spacing: 0.5px;\n            transition: var(--transition);\n        }\n\n        .menu-link:hover, \n        .menu-item:hover > .menu-link {\n            color: var(--accent-color);\n            background-color: rgba(255, 255, 255, 0.03);\n        }\n\n        .menu-link i.chevron {\n            font-size: 0.75rem;\n            transition: var(--transition);\n        }\n\n        .menu-item:hover .chevron {\n            transform: rotate(180deg);\n        }\n\n        \/* Submen\u00fa Desplegable *\/\n        .dropdown {\n            position: absolute;\n            top: 100%;\n            left: 0;\n            width: 260px;\n            background-color: #ffffff;\n            box-shadow: var(--shadow-lg);\n            border-radius: 0 0 8px 8px;\n            list-style: none;\n            opacity: 0;\n            visibility: hidden;\n            transform: translateY(10px);\n            transition: var(--transition);\n            border-top: 3px solid var(--accent-color);\n            overflow: hidden;\n        }\n\n        .menu-item:hover .dropdown {\n            opacity: 1;\n            visibility: visible;\n            transform: translateY(0);\n        }\n\n        .dropdown-item a {\n            display: block;\n            padding: 0.85rem 1.5rem;\n            color: var(--text-dark);\n            text-decoration: none;\n            font-size: 0.9rem;\n            font-weight: 400;\n            border-bottom: 1px solid #f3f4f6;\n            transition: var(--transition);\n        }\n\n        .dropdown-item:last-child a {\n            border-bottom: none;\n        }\n\n        .dropdown-item a:hover {\n            background-color: #fdfbf7;\n            color: var(--accent-color);\n            padding-left: 1.8rem;\n        }\n\n        \/* Bot\u00f3 Men\u00fa M\u00f2bil *\/\n        .mobile-toggle {\n            display: none;\n            background: none;\n            border: none;\n            color: #ffffff;\n            font-size: 1.5rem;\n            cursor: pointer;\n            padding: 1rem;\n        }\n\n        \/* --- SECCI\u00d3 LOGO (SOTA EL MEN\u00da) --- *\/\n        .hero-logo-section {\n            background: #ffffff;\n            border-bottom: 1px solid var(--border-color);\n            padding: 3rem 2rem;\n            text-align: center;\n        }\n\n        .logo-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .school-logo {\n            max-width: 550px;\n            width: 100%;\n            height: auto;\n            object-fit: contain;\n            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.05));\n        }\n\n        \/* --- CONTINGUT PRINCIPAL --- *\/\n        .main-content {\n            max-width: 1200px;\n            margin: 3rem auto;\n            padding: 0 2rem;\n            min-height: 400px;\n        }\n\n        .content-card {\n            background: var(--card-bg);\n            border-radius: 12px;\n            padding: 3rem;\n            box-shadow: var(--shadow-sm);\n            border: 1px solid var(--border-color);\n        }\n\n        .content-card h1 {\n            font-family: 'Playfair Display', serif;\n            font-size: 2.2rem;\n            color: var(--primary-color);\n            margin-bottom: 1rem;\n            position: relative;\n            padding-bottom: 0.75rem;\n        }\n\n        .content-card h1::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background-color: var(--accent-color);\n        }\n\n        .content-card p {\n            color: var(--text-muted);\n            font-size: 1.05rem;\n            margin-top: 1rem;\n        }\n\n        \/* --- PEU DE P\u00c0GINA --- *\/\n        footer {\n            background-color: var(--primary-color);\n            color: #ffffff;\n            text-align: center;\n            padding: 2rem;\n            margin-top: 5rem;\n            font-size: 0.9rem;\n            border-top: 3px solid var(--accent-color);\n        }\n\n        \/* --- RESPONSIVE --- *\/\n        @media (max-width: 900px) {\n            .mobile-toggle {\n                display: block;\n            }\n\n            .main-menu {\n                position: absolute;\n                top: 100%;\n                left: 0;\n                width: 100%;\n                background-color: var(--primary-color);\n                flex-direction: column;\n                max-height: 0;\n                overflow: hidden;\n                transition: max-height 0.4s ease;\n            }\n\n            .main-menu.active {\n                max-height: 800px;\n            }\n\n            .menu-item {\n                width: 100%;\n            }\n\n            .menu-link {\n                justify-content: space-between;\n                padding: 1rem 2rem;\n                border-bottom: 1px solid rgba(255,255,255,0.05);\n            }\n\n            .dropdown {\n                position: static;\n                width: 100%;\n                box-shadow: none;\n                background-color: rgba(255, 255, 255, 0.04);\n                max-height: 0;\n                opacity: 1;\n                visibility: visible;\n                transform: none;\n                border-top: none;\n                transition: max-height 0.3s ease;\n            }\n\n            .menu-item.open .dropdown {\n                max-height: 500px;\n            }\n\n            .dropdown-item a {\n                color: #e5e7eb;\n                padding-left: 3rem;\n            }\n\n            .dropdown-item a:hover {\n                background-color: transparent;\n                color: var(--accent-color);\n            }\n\n            .hero-logo-section {\n                padding: 2rem 1rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body data-rsssl=1>\n\n    <!-- MEN\u00da DE NAVEGACI\u00d3 SUPERIOR -->\n    <nav class=\"top-navbar\">\n        <div class=\"nav-container\">\n            <button class=\"mobile-toggle\" id=\"mobileToggle\" aria-label=\"Obrir men\u00fa\">\n                <i class=\"fas fa-bars\"><\/i>\n            <\/button>\n            \n            <ul class=\"main-menu\" id=\"mainMenu\">\n                <!-- Inici -->\n                <li class=\"menu-item\">\n                    <a href=\"#\" class=\"menu-link\">\n                        Inici <i class=\"fas fa-chevron-down chevron\"><\/i>\n                    <\/a>\n                    <ul class=\"dropdown\">\n                        <li class=\"dropdown-item\"><a href=\"#contacte\" onclick=\"loadContent('Contacte i informaci\u00f3 de centre')\">Contacte i informaci\u00f3 de centre<\/a><\/li>\n                        <li class=\"dropdown-item\"><a href=\"#novetats\" onclick=\"loadContent('Novetats')\">Novetats<\/a><\/li>\n                    <\/ul>\n                <\/li>\n\n                <!-- Secretaria -->\n                <li class=\"menu-item\">\n                    <a href=\"#\" class=\"menu-link\">\n                        Secretaria <i class=\"fas fa-chevron-down chevron\"><\/i>\n                    <\/a>\n                    <ul class=\"dropdown\">\n                        <li class=\"dropdown-item\"><a href=\"#impresos\" onclick=\"loadContent('Impresos')\">Impresos<\/a><\/li>\n                    <\/ul>\n                <\/li>\n\n                <!-- Informaci\u00f3 Acad\u00e8mica -->\n                <li class=\"menu-item\">\n                    <a href=\"#\" class=\"menu-link\">\n                        Informaci\u00f3 Acad\u00e8mica <i class=\"fas fa-chevron-down chevron\"><\/i>\n                    <\/a>\n                    <ul class=\"dropdown\">\n                        <li class=\"dropdown-item\"><a href=\"#calendari\" onclick=\"loadContent('Calendari')\">Calendari<\/a><\/li>\n                        <li class=\"dropdown-item\"><a href=\"#horaris\" onclick=\"loadContent('Horaris')\">Horaris<\/a><\/li>\n                        <li class=\"dropdown-item\"><a href=\"#oferta\" onclick=\"loadContent('Oferta formativa')\">Oferta formativa<\/a><\/li>\n                        <li class=\"dropdown-item\"><a href=\"#professorat\" onclick=\"loadContent('Professorat')\">Professorat<\/a><\/li>\n                        <li class=\"dropdown-item\"><a href=\"#normativa\" onclick=\"loadContent('Normativa')\">Normativa<\/a><\/li>\n                        <li class=\"dropdown-item\"><a href=\"#documents\" onclick=\"loadContent('Documents de Centre')\">Documents de Centre<\/a><\/li>\n                    <\/ul>\n                <\/li>\n\n                <!-- Activitats -->\n                <li class=\"menu-item\">\n                    <a href=\"#activitats\" class=\"menu-link\" onclick=\"loadContent('Activitats')\">\n                        Activitats\n                    <\/a>\n                <\/li>\n            <\/ul>\n        <\/div>\n    <\/nav>\n\n    <!-- SECCI\u00d3 DEL LOGO (UBICAT JUST DEBAIX DEL MEN\u00da) -->\n    <header class=\"hero-logo-section\">\n        <div class=\"logo-container\">\n            <!-- Utilitzem el logo adjunt; es pot canviar la ruta 'Logo escola.png' segons corresponga -->\n            <img decoding=\"async\" src=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Logo-escola-300x108.png\" alt=\"Escola de M\u00fasica Mestre Chornet - Codi 46034508\" class=\"school-logo\">\n        <\/div>\n    <\/header>\n\n    <!-- CONTINGUT DIN\u00c0MIC -->\n    <main class=\"main-content\">\n        <div class=\"content-card\">\n            <h1 id=\"page-title\">Benvinguts a l&#8217;Escola de M\u00fasica<\/h1>\n            <p id=\"page-desc\">Selecciona qualsevol opci\u00f3 del men\u00fa superior per a explorar les diferents seccions del centre.<\/p>\n        <\/div>\n    <\/main>\n\n    <!-- PEU DE P\u00c0GINA -->\n    <footer>\n        <p>&copy; 2026 Escola de M\u00fasica Mestre Chornet (Codi: 46034508). Tots els drets reservats.<\/p>\n    <\/footer>\n\n    <!-- JAVASCRIPT -->\n    <script>\n        \/\/ Gesti\u00f3 del men\u00fa m\u00f2bil\n        const mobileToggle = document.getElementById('mobileToggle');\n        const mainMenu = document.getElementById('mainMenu');\n\n        mobileToggle.addEventListener('click', () => {\n            mainMenu.classList.toggle('active');\n        });\n\n        \/\/ Gesti\u00f3 dels desplegables en dispositius m\u00f2bils\n        const menuItems = document.querySelectorAll('.menu-item');\n        menuItems.forEach(item => {\n            const link = item.querySelector('.menu-link');\n            const dropdown = item.querySelector('.dropdown');\n            \n            if (dropdown) {\n                link.addEventListener('click', (e) => {\n                    if (window.innerWidth <= 900) {\n                        e.preventDefault();\n                        item.classList.toggle('open');\n                    }\n                });\n            }\n        });\n\n        \/\/ Canvi din\u00e0mic de contingut d'exemple\n        function loadContent(sectionTitle) {\n            document.getElementById('page-title').innerText = sectionTitle;\n            document.getElementById('page-desc').innerText = `Contingut corresponent a l'apartat de \"${sectionTitle}\". Pots incloure ac\u00ed la informaci\u00f3 detallada, formulari o documents per a descarregar.`;\n            \n            \/\/ Tancar men\u00fa m\u00f2bil si est\u00e0 obert\n            if (window.innerWidth <= 900) {\n                mainMenu.classList.remove('active');\n            }\n        }\n    <\/script>\n<\/body>\n<\/html><p style=\"text-align: center;\"><span style=\"color: #000080;\"><strong><span style=\"font-size: medium;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-35873 aligncenter\" src=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Logo-escola.png\" alt=\"\" width=\"1500\" height=\"541\" srcset=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Logo-escola.png 1500w, https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Logo-escola-300x108.png 300w, https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Logo-escola-1024x369.png 1024w, https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Logo-escola-768x277.png 768w, https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Logo-escola-600x216.png 600w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/span><\/strong><\/span><\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-35875 aligncenter\" src=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/consell-escola.png\" alt=\"\" width=\"1000\" height=\"250\" srcset=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/consell-escola.png 1000w, https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/consell-escola-300x75.png 300w, https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/consell-escola-768x192.png 768w, https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/consell-escola-600x150.png 600w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-35752 alignnone\" src=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Logotip_de_la_Diputacio_de_Valencia.svg_-300x120.png\" alt=\"\" width=\"366\" height=\"146\" srcset=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Logotip_de_la_Diputacio_de_Valencia.svg_-300x120.png 300w, https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Logotip_de_la_Diputacio_de_Valencia.svg_-1024x410.png 1024w, https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Logotip_de_la_Diputacio_de_Valencia.svg_-768x307.png 768w, https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Logotip_de_la_Diputacio_de_Valencia.svg_-1536x614.png 1536w, https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Logotip_de_la_Diputacio_de_Valencia.svg_-2048x819.png 2048w, https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Logotip_de_la_Diputacio_de_Valencia.svg_-600x240.png 600w\" sizes=\"auto, (max-width: 366px) 100vw, 366px\" \/><\/p>\n<div class=\"wpb_text_column wpb_content_element \" style=\"text-align: center;\">\u00a0<\/div><iframe loading=\"lazy\" class=\"embed-pdf-viewer\" src=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Subv.-Escola-2025.pdf\" height=\"800\" width=\"800\" title=\"Subv. Escola 2025\"><\/iframe>","protected":false},"excerpt":{"rendered":"Escola de M\u00fasica Mestre Chornet Inici Contacte i informaci\u00f3 de centre Novetats Secretaria Impresos Informaci\u00f3 Acad\u00e8mica Calendari Horaris Oferta formativa&#8230;","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-35774","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.santaceciliacullera.com\/index.php?rest_route=\/wp\/v2\/pages\/35774","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.santaceciliacullera.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.santaceciliacullera.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.santaceciliacullera.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.santaceciliacullera.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=35774"}],"version-history":[{"count":22,"href":"https:\/\/www.santaceciliacullera.com\/index.php?rest_route=\/wp\/v2\/pages\/35774\/revisions"}],"predecessor-version":[{"id":36058,"href":"https:\/\/www.santaceciliacullera.com\/index.php?rest_route=\/wp\/v2\/pages\/35774\/revisions\/36058"}],"wp:attachment":[{"href":"https:\/\/www.santaceciliacullera.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=35774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}