CAEAPM Santa Cec\u00edlia<\/title>\n \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&family=Playfair+Display:ital,wght@0,600;1,400&display=swap\" rel=\"stylesheet\">\n \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: #f8f9fa;\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 4px 12px rgba(0,0,0,0.03);\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 display: flex;\n flex-direction: column;\n min-height: 100vh;\n }\n\n \/* --- NAVEGACI\u00d3 SUPERIOR (MEN\u00daS I DESPLEGABLES) --- *\/\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: center;\n align-items: center;\n padding: 0 1rem;\n position: relative;\n }\n\n .main-menu {\n display: flex;\n list-style: none;\n gap: 0.5rem;\n }\n\n .menu-item {\n position: relative;\n }\n\n .menu-link {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 1.25rem 1.4rem;\n color: #ffffff;\n text-decoration: none;\n font-weight: 500;\n font-size: 0.92rem;\n letter-spacing: 0.5px;\n transition: var(--transition);\n border-bottom: 3px solid transparent;\n }\n\n .menu-link:hover, \n .menu-item:hover > .menu-link,\n .menu-link.active {\n color: var(--accent-color);\n background-color: rgba(255, 255, 255, 0.04);\n border-bottom-color: var(--accent-color);\n }\n\n .menu-link i.chevron {\n font-size: 0.75rem;\n transition: var(--transition);\n opacity: 0.8;\n }\n\n .menu-item:hover .chevron {\n transform: rotate(180deg);\n color: var(--accent-color);\n }\n\n \/* Submen\u00fa Desplegable *\/\n .dropdown {\n position: absolute;\n top: 100%;\n left: 0;\n min-width: 270px;\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 z-index: 1100;\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: flex;\n align-items: center;\n gap: 10px;\n padding: 0.9rem 1.4rem;\n color: var(--text-dark);\n text-decoration: none;\n font-size: 0.88rem;\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 .dropdown-item a i {\n font-size: 0.8rem;\n color: var(--accent-color);\n opacity: 0;\n transition: var(--transition);\n }\n\n .dropdown-item a:hover i {\n opacity: 1;\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 width: 100%;\n text-align: right;\n }\n\n \/* --- SECCI\u00d3 LOGO (UBICAT STRICTAMENT DEBAIX DEL MEN\u00da) --- *\/\n .hero-logo-section {\n background: #ffffff;\n border-bottom: 1px solid var(--border-color);\n padding: 2.8rem 2rem;\n text-align: center;\n box-shadow: 0 2px 10px rgba(0,0,0,0.02);\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: 580px;\n width: 100%;\n height: auto;\n object-fit: contain;\n transition: var(--transition);\n }\n\n .school-logo:hover {\n transform: scale(1.01);\n }\n\n \/* --- CONTINGUT PRINCIPAL --- *\/\n .main-content {\n max-width: 1100px;\n width: 100%;\n margin: 3rem auto;\n padding: 0 1.5rem;\n flex: 1;\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 min-height: 350px;\n animation: fadeIn 0.4s ease-in-out;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\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: 1.2rem;\n line-height: 1.8;\n }\n\n .badge-code {\n display: inline-block;\n background-color: #f3eedf;\n color: #8c6d2d;\n padding: 0.3rem 0.8rem;\n border-radius: 20px;\n font-size: 0.85rem;\n font-weight: 600;\n margin-bottom: 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: 2.5rem 1rem;\n margin-top: auto;\n font-size: 0.9rem;\n border-top: 4px solid var(--accent-color);\n }\n\n footer p {\n opacity: 0.85;\n font-weight: 300;\n }\n\n footer strong {\n color: var(--accent-color);\n }\n\n \/* --- RESPONSIVE --- *\/\n @media (max-width: 992px) {\n .nav-container {\n justify-content: flex-end;\n }\n\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 cubic-bezier(0.4, 0, 0.2, 1);\n gap: 0;\n }\n\n .main-menu.active {\n max-height: 900px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.3);\n }\n\n .menu-item {\n width: 100%;\n }\n\n .menu-link {\n justify-content: space-between;\n padding: 1.1rem 2rem;\n border-bottom: 1px solid rgba(255,255,255,0.06);\n border-bottom-color: transparent !important;\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: 600px;\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 .school-logo {\n max-width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body data-rsssl=1 data-rsssl=1>\n\n \n <nav class=\"top-navbar\">\n <div class=\"nav-container\">\n <button class=\"mobile-toggle\" id=\"mobileToggle\" aria-label=\"Obrir men\u00fa\">\n <\/i>\n <\/button>\n \n <ul class=\"main-menu\" id=\"mainMenu\">\n \n <li class=\"menu-item\">\n <a href=\"#\" class=\"menu-link\">\n Inici <\/i>\n <\/a>\n <ul class=\"dropdown\">\n <li class=\"dropdown-item\">\n <a href=\"#contacte\" onclick=\"loadSection('Contacte i informaci\u00f3 de centre', 'Informaci\u00f3 de contacte, horaris d\\'atenci\u00f3 al p\u00fablic i ubicaci\u00f3 del CAEAPM Santa Cec\u00edlia.')\">\n <\/i> Contacte i informaci\u00f3 de centre\n <\/a>\n <\/li>\n <li class=\"dropdown-item\">\n <a href=\"#novetats\" onclick=\"loadSection('Novetats', '\u00daltimes not\u00edcies, comunicats oficials i anuncis destacats de l\\'escola.')\">\n <\/i> Novetats\n <\/a>\n <\/li>\n <\/ul>\n <\/li>\n\n \n <li class=\"menu-item\">\n <a href=\"#\" class=\"menu-link\">\n Secretaria <\/i>\n <\/a>\n <ul class=\"dropdown\">\n <li class=\"dropdown-item\">\n <a href=\"#impresos\" onclick=\"loadSection('Impresos', 'Formularis de matr\u00edcula, sol\u00b7licituds de certificat i impresos administratius descarregables.')\">\n <\/i> Impresos\n <\/a>\n <\/li>\n <\/ul>\n <\/li>\n\n \n <li class=\"menu-item\">\n <a href=\"#\" class=\"menu-link\">\n Informaci\u00f3 Acad\u00e8mica <\/i>\n <\/a>\n <ul class=\"dropdown\">\n <li class=\"dropdown-item\">\n <a href=\"#calendari\" onclick=\"loadSection('Calendari', 'Calendari escolar del curs: dies lectius, festius i per\u00edodes d\\'avaluaci\u00f3.')\">\n <\/i> Calendari\n <\/a>\n <\/li>\n <li class=\"dropdown-item\">\n <a href=\"#horaris\" onclick=\"loadSection('Horaris', 'Consulta d\\'horaris de les assignatures individuals i col\u00b7lectives.')\">\n <\/i> Horaris\n <\/a>\n <\/li>\n <li class=\"dropdown-item\">\n <a href=\"#plans-estudi\" onclick=\"loadSection('Plans d\\'estudi i c\u00e0rrega lectiva', 'Estructura curricular, assignatures per especialitat i distribuci\u00f3 d\\'hores lectives.')\">\n <\/i> Plans d’estudi i c\u00e0rrega lectiva\n <\/a>\n <\/li>\n <li class=\"dropdown-item\">\n <a href=\"#professorat\" onclick=\"loadSection('Professorat', 'Relaci\u00f3 del claustre de professors per especialitats instrumentals i te\u00f2riques.')\">\n <\/i> Professorat\n <\/a>\n <\/li>\n <li class=\"dropdown-item\">\n <a href=\"#normativa\" onclick=\"loadSection('Normativa', 'Reglament de r\u00e8gim interior, drets i deures de l\\'alumnat i regles del centre.')\">\n <\/i> Normativa\n <\/a>\n <\/li>\n <li class=\"dropdown-item\">\n <a href=\"#documents\" onclick=\"loadSection('Documents de Centre', 'Projecte educatiu, programacions did\u00e0ctiques i mem\u00f2ries anuals.')\">\n\n\n \n <\/i> Documents de Centre\n <\/a>\n <\/li>\n <li class=\"dropdown-item\">\n <a href=\"https:\/\/www.santaceciliacullera.com\/proves-acces-caeapm-26-27\/\" target=\"_blank\">\n <\/i> Proves d’Acc\u00e9s\n <\/a>\n <\/li>\n <\/ul>\n <\/li>\n\n \n <li class=\"menu-item\">\n <a href=\"#\" class=\"menu-link\">\n Departaments <\/i>\n <\/a>\n <ul class=\"dropdown\">\n <li class=\"dropdown-item\">\n <a href=\"#agrupacions\" onclick=\"loadSection('Agrupacions', 'Banda, orquestra, cor i altres conjunts instrumentals del centre.')\">\n <\/i> Agrupacions\n <\/a>\n <\/li>\n <li class=\"dropdown-item\">\n <a href=\"#composicio-llenguatge\" onclick=\"loadSection('Composici\u00f3 i Llenguatge Musical', 'Departament de Teoria Musical, Llenguatge, Harmonia i Composici\u00f3.')\">\n <\/i> Composici\u00f3 i Llenguatge Musical\n <\/a>\n <\/li>\n <li class=\"dropdown-item\">\n <a href=\"#corda\" onclick=\"loadSection('Corda', 'Especialitats de viol\u00ed, viola, violoncel i contrabaix.')\">\n <\/i> Corda\n <\/a>\n <\/li>\n <li class=\"dropdown-item\">\n <a href=\"#tecla\" onclick=\"loadSection('Tecla', 'Especialitats de piano, orgue i teclats.')\">\n <\/i> Tecla\n <\/a>\n <\/li>\n <li class=\"dropdown-item\">\n <a href=\"#vent-fusta\" onclick=\"loadSection('Vent Fusta', 'Especialitats de flauta, obo\u00e8, clarinet, fagot i sax\u00f2fon.')\">\n <\/i> Vent Fusta\n <\/a>\n <\/li>\n <li class=\"dropdown-item\">\n <a href=\"#vent-metall-percussio\" onclick=\"loadSection('Vent Metall i Percussi\u00f3', 'Especialitats de trompa, trompeta, tromb\u00f3, tuba i percussi\u00f3.')\">\n <\/i> Vent Metall i Percussi\u00f3\n <\/a>\n <\/li>\n <\/ul>\n <\/li>\n\n \n <li class=\"menu-item\">\n <a href=\"#activitats\" class=\"menu-link\" onclick=\"loadSection('Activitats', 'Concerts, audicions, masterclasses i esdeveniments culturals programats.')\">\n Activitats\n <\/a>\n <\/li>\n <\/ul>\n <\/div>\n <\/nav>\n\n \n <header class=\"hero-logo-section\">\n <div class=\"logo-container\">\n \n <img decoding=\"async\" src=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/ceapem-300x125.png\" alt=\"CAEAPM SANTA CEC\u00cdLIA - Codi 46021009\" class=\"school-logo\">\n <\/div>\n <\/header>\n\n \n <main class=\"main-content\">\n <div class=\"content-card\" id=\"content-card\">\n Codi de Centre: 46021009<\/span>\n <h1 id=\"page-title\">Benvinguts al CAEAPM Santa Cec\u00edlia<\/h1>\n Explora la nostra oferta formativa i acad\u00e8mica utilitzant el men\u00fa superior. Selecciona qualsevol apartat o desplegable per accedir a la informaci\u00f3 detallada del centre.<\/p>\n <\/div>\n <\/main>\n\n \n <footer>\n © 2026 CAEAPM SANTA CEC\u00cdLIA<\/strong> • Codi de centre 46021009. Tots els drets reservats.<\/p>\n <\/footer>\n\n \n <script>\n \/\/ Gesti\u00f3 del men\u00fa desplegable 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 \/\/ Toggle per als desplegables en versi\u00f3 m\u00f2bil\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 <= 992) {\n if (link.getAttribute('href') === '#' || link.getAttribute('href').startsWith('#')) {\n e.preventDefault();\n menuItems.forEach(otherItem => {\n if (otherItem !== item) otherItem.classList.remove('open');\n });\n item.classList.toggle('open');\n }\n }\n });\n }\n });\n\n \/\/ Carregar contingut din\u00e0mic en fer clic\n function loadSection(title, description) {\n const card = document.getElementById('content-card');\n \n \/\/ Efecte visual de transici\u00f3\n card.style.opacity = '0';\n card.style.transform = 'translateY(6px)';\n \n setTimeout(() => {\n document.getElementById('page-title').innerText = title;\n document.getElementById('page-desc').innerHTML = description;\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, 200);\n\n \/\/ Tancar men\u00fa en m\u00f2bil despr\u00e9s de seleccionar opci\u00f3\n if (window.innerWidth <= 992) {\n mainMenu.classList.remove('active');\n }\n }\n <\/script>\n<\/body>\n<\/html>[vc_row][vc_column][vc_column_text]<\/p>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-35869\" src=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/ceapem.png\" alt=\"\" width=\"1300\" height=\"541\" srcset=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/ceapem.png 1300w, https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/ceapem-300x125.png 300w, https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/ceapem-1024x426.png 1024w, https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/ceapem-768x320.png 768w, https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/ceapem-600x250.png 600w\" sizes=\"auto, (max-width: 1300px) 100vw, 1300px\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-35871\" src=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/cosell-cpm-1.png\" alt=\"\" width=\"1000\" height=\"250\" srcset=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/cosell-cpm-1.png 1000w, https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/cosell-cpm-1-300x75.png 300w, https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/cosell-cpm-1-768x192.png 768w, https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/cosell-cpm-1-600x150.png 600w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/> \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/accessalumnes.jpg\" alt=\"\" \/><a href=\"https:\/\/www.santaceciliacullera.com\/proves-acces-caeapm-26-27\/\">PROVES D'ACC\u00c9S ENSENYANCES PROFESSIONALS 2026-2027<\/span><\/a><\/p>\n<a style=\"color: #ff00ff;\" href=\"https:\/\/www.santaceciliacullera.com\/proves-dacces-ensenyances-elementals-2026-2027\/\">PROVES D'ACC\u00c9S ENSENYANCES ELEMENTALS 2026-2027<\/a><\/span><\/span><\/p>\n<a href=\"https:\/\/www.santaceciliacullera.com\/tribunals-26-27\/\">TRIBUNALS 26-27<\/span><\/strong><\/span><\/a><\/p>\n<a href=\"https:\/\/www.santaceciliacullera.com\/vacans-provisionals-26-27\/\">VACANTS PROVISIONALS 26-27<\/span><\/strong><\/a><\/p>\n<a style=\"color: #ff6600;\" href=\"https:\/\/www.santaceciliacullera.com\/llistats-definitius-26-27\/\">LLISTATS DEFINITIUS 26-27<\/span><\/a><\/span><\/p>\n[\/vc_column_text][vc_column_text]<a href=\"https:\/\/portal.edu.gva.es\/cpmcullera\/wp-content\/uploads\/sites\/895\/2026\/04\/ORDE-8_2026-de-24-dabril-ADMISSIO.pdf\" target=\"_blank\" rel=\"noreferrer noopener\" data-type=\"link\" data-id=\"https:\/\/portal.edu.gva.es\/cpmcullera\/wp-content\/uploads\/sites\/895\/2026\/04\/ORDE-8_2026-de-24-dabril-ADMISSIO.pdf\">ORDEN<\/strong><\/span> 8\/2026, de 24 de abril, de la Conseller\u00eda de Educaci\u00f3n, Cultura y Universidades, por la cual se regula el proceso de admisi\u00f3n a las ense\u00f1anzas elementales y profesionales de M\u00fasica y de Danza en la Comunidad Valenciana.<\/a>[\/vc_column_text][vc_column_text]<a href=\"https:\/\/portal.edu.gva.es\/cpmcullera\/wp-content\/uploads\/sites\/895\/2026\/05\/Resolucio-30-abril-Admissio-i-matricula.pdf\" target=\"_blank\" rel=\"noreferrer noopener\" data-type=\"page\" data-id=\"11450\">RESOLUCI\u00d3 <\/span><\/strong><\/span>de 30 de abril de 2026, de la Direcci\u00f3n General de Ordenaci\u00f3n Educativa, por la cual se establece la convocatoria del proceso de admisi\u00f3n y matr\u00edcula en las ense\u00f1anzas elementales y profesionales de M\u00fasica y de Danza de la Comunidad Valenciana para el curso 2026-2027<\/span><\/a>[\/vc_column_text][vc_column_text]<\/p>\nPLA\u00c7 AMPLIAT:<\/span><\/mark><\/strong><\/span><\/span><\/p>\n<div><iframe loading=\"lazy\" class=\"embed-pdf-viewer\" src=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Calendari-Proves-2026-2027-AMPLIAT.pdf\" height=\"1000\" width=\"100%\" title=\"Calendari Proves 2026 2027 (AMPLIAT)\"><\/iframe>\n<a href=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Calendari-Proves-2026-2027-AMPLIAT.pdf\" title=\"Calendari Proves 2026 2027 (AMPLIAT)\">Calendari Proves 2026 2027 (AMPLIAT)<\/a><\/p><\/div>\nVacants provisionals:<\/span><\/mark><\/strong><\/span> https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Vacants-2026_2027-1.pdf <\/span>[\/vc_column_text][vc_column_text]<\/p>\nINSCRIPCI\u00d3 A PROVES:<\/span><\/strong><\/p>\nENSENYANCES ELEMENTALS:<\/strong><\/span><\/p>\n<div><iframe loading=\"lazy\" class=\"embed-pdf-viewer\" src=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Inscripcio-a-proves-elemental-2.pdf\" height=\"1000\" width=\"100%\" title=\"Inscripci\u00f3 A Proves Elemental\"><\/iframe>\n<a href=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Inscripcio-a-proves-elemental-2.pdf\" title=\"Inscripci\u00f3 A Proves Elemental\">Inscripci\u00f3 A Proves Elemental<\/a><\/p><\/div>\nENSENYANCES PROFESSIONALS:<\/strong><\/span><\/p>\n<div><iframe loading=\"lazy\" class=\"embed-pdf-viewer\" src=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Inscripcio-a-proves-professional-3.pdf\" height=\"1000\" width=\"100%\" title=\"Inscripci\u00f3 A Proves Professional\"><\/iframe>\n<a href=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Inscripcio-a-proves-professional-3.pdf\" title=\"Inscripci\u00f3 A Proves Professional\">Inscripci\u00f3 A Proves Professional<\/a><\/p><\/div>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/CAEAPM-SANTA-CECILIA.pdf[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n <\/p>\n<style>\n :root { \n --primary-color: #1a1a1a; \n --accent-color: #c5a059; \n --accent-hover: #b08c46; \n --bg-light: #f8f9fa; \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 4px 12px rgba(0,0,0,0.03); \n --shadow-lg: 0 12px 30px rgba(0,0,0,0.08); \n }<\/p>\n * { \n margin: 0; \n padding: 0; \n box-sizing: border-box; \n }<\/p>\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 display: flex; \n flex-direction: column; \n min-height: 100vh; \n }<\/p>\n \/* --- NAVEGACI\u00d3 SUPERIOR (MEN\u00daS I DESPLEGABLES) --- *\/ \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 }<\/p>\n .nav-container { \n max-width: 1200px; \n margin: 0 auto; \n display: flex; \n justify-content: center; \n align-items: center; \n padding: 0 1rem; \n position: relative; \n }<\/p>\n .main-menu { \n display: flex; \n list-style: none; \n gap: 0.5rem; \n }<\/p>\n .menu-item { \n position: relative; \n }<\/p>\n .menu-link { \n display: flex; \n align-items: center; \n gap: 8px; \n padding: 1.25rem 1.4rem; \n color: #ffffff; \n text-decoration: none; \n font-weight: 500; \n font-size: 0.92rem; \n letter-spacing: 0.5px; \n transition: var(--transition); \n border-bottom: 3px solid transparent; \n }<\/p>\n .menu-link:hover, \n .menu-item:hover > .menu-link, \n .menu-link.active { \n color: var(--accent-color); \n background-color: rgba(255, 255, 255, 0.04); \n border-bottom-color: var(--accent-color); \n }<\/p>\n .menu-link i.chevron { \n font-size: 0.75rem; \n transition: var(--transition); \n opacity: 0.8; \n }<\/p>\n .menu-item:hover .chevron { \n transform: rotate(180deg); \n color: var(--accent-color); \n }<\/p>\n \/* Submen\u00fa Desplegable *\/ \n .dropdown { \n position: absolute; \n top: 100%; \n left: 0; \n min-width: 270px; \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 z-index: 1100; \n }<\/p>\n .menu-item:hover .dropdown { \n opacity: 1; \n visibility: visible; \n transform: translateY(0); \n }<\/p>\n .dropdown-item a { \n display: flex; \n align-items: center; \n gap: 10px; \n padding: 0.9rem 1.4rem; \n color: var(--text-dark); \n text-decoration: none; \n font-size: 0.88rem; \n font-weight: 400; \n border-bottom: 1px solid #f3f4f6; \n transition: var(--transition); \n }<\/p>\n .dropdown-item:last-child a { \n border-bottom: none; \n }<\/p>\n .dropdown-item a:hover { \n background-color: #fdfbf7; \n color: var(--accent-color); \n padding-left: 1.8rem; \n }<\/p>\n .dropdown-item a i { \n font-size: 0.8rem; \n color: var(--accent-color); \n opacity: 0; \n transition: var(--transition); \n }<\/p>\n .dropdown-item a:hover i { \n opacity: 1; \n }<\/p>\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 width: 100%; \n text-align: right; \n }<\/p>\n \/* --- SECCI\u00d3 LOGO (UBICAT STRICTAMENT DEBAIX DEL MEN\u00da) --- *\/ \n .hero-logo-section { \n background: #ffffff; \n border-bottom: 1px solid var(--border-color); \n padding: 2.8rem 2rem; \n text-align: center; \n box-shadow: 0 2px 10px rgba(0,0,0,0.02); \n }<\/p>\n .logo-container { \n max-width: 1200px; \n margin: 0 auto; \n display: flex; \n justify-content: center; \n align-items: center; \n }<\/p>\n .school-logo { \n max-width: 580px; \n width: 100%; \n height: auto; \n object-fit: contain; \n transition: var(--transition); \n }<\/p>\n .school-logo:hover { \n transform: scale(1.01); \n }<\/p>\n \/* --- CONTINGUT PRINCIPAL --- *\/ \n .main-content { \n max-width: 1100px; \n width: 100%; \n margin: 3rem auto; \n padding: 0 1.5rem; \n flex: 1; \n }<\/p>\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 min-height: 350px; \n animation: fadeIn 0.4s ease-in-out; \n }<\/p>\n @keyframes fadeIn { \n from { opacity: 0; transform: translateY(8px); } \n to { opacity: 1; transform: translateY(0); } \n }<\/p>\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 }<\/p>\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 }<\/p>\n .content-card p { \n color: var(--text-muted); \n font-size: 1.05rem; \n margin-top: 1.2rem; \n line-height: 1.8; \n }<\/p>\n .badge-code { \n display: inline-block; \n background-color: #f3eedf; \n color: #8c6d2d; \n padding: 0.3rem 0.8rem; \n border-radius: 20px; \n font-size: 0.85rem; \n font-weight: 600; \n margin-bottom: 1rem; \n }<\/p>\n \/* --- PEU DE P\u00c0GINA --- *\/ \n footer { \n background-color: var(--primary-color); \n color: #ffffff; \n text-align: center; \n padding: 2.5rem 1rem; \n margin-top: auto; \n font-size: 0.9rem; \n border-top: 4px solid var(--accent-color); \n }<\/p>\n footer p { \n opacity: 0.85; \n font-weight: 300; \n }<\/p>\n footer strong { \n color: var(--accent-color); \n }<\/p>\n \/* --- RESPONSIVE --- *\/ \n @media (max-width: 992px) { \n .nav-container { \n justify-content: flex-end; \n }<\/p>\n .mobile-toggle { \n display: block; \n }<\/p>\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 cubic-bezier(0.4, 0, 0.2, 1); \n gap: 0; \n }<\/p>\n .main-menu.active { \n max-height: 900px; \n box-shadow: 0 10px 25px rgba(0,0,0,0.3); \n }<\/p>\n .menu-item { \n width: 100%; \n }<\/p>\n .menu-link { \n justify-content: space-between; \n padding: 1.1rem 2rem; \n border-bottom: 1px solid rgba(255,255,255,0.06); \n border-bottom-color: transparent !important; \n }<\/p>\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 }<\/p>\n .menu-item.open .dropdown { \n max-height: 600px; \n }<\/p>\n .dropdown-item a { \n color: #e5e7eb; \n padding-left: 3rem; \n }<\/p>\n .dropdown-item a:hover { \n background-color: transparent; \n color: var(--accent-color); \n }<\/p>\n .hero-logo-section { \n padding: 2rem 1rem; \n }<\/p>\n .school-logo { \n max-width: 100%; \n } \n } \n <\/style><\/p>\n<\/p>\n<nav class=\"top-navbar\">\n<div class=\"nav-container\"><button id=\"mobileToggle\" class=\"mobile-toggle\" aria-label=\"Obrir men\u00fa\"> <\/i> <\/button>\n<ul class=\"main-menu\">\n<li style=\"list-style-type: none;\">\n<ul class=\"main-menu\">\n<li class=\"menu-item\"><a class=\"menu-link\" href=\"#\"> Inici <\/i> <\/a>\n<ul class=\"dropdown\">\n<li class=\"dropdown-item\"><a href=\"#contacte\"> <\/i> Contacte i informaci\u00f3 de centre <\/a><\/li>\n<li class=\"dropdown-item\"><a href=\"#novetats\"> <\/i> Novetats <\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/p>\n<ul class=\"main-menu\">\n<li style=\"list-style-type: none;\">\n<ul class=\"main-menu\">\n<li class=\"menu-item\"><a class=\"menu-link\" href=\"#\"> Secretaria <\/i> <\/a>\n<ul class=\"dropdown\">\n<li class=\"dropdown-item\"><a href=\"#impresos\"> <\/i> Impresos <\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/p>\n<ul class=\"main-menu\">\n<li style=\"list-style-type: none;\">\n<ul class=\"main-menu\">\n<li class=\"menu-item\"><a class=\"menu-link\" href=\"#\"> Informaci\u00f3 Acad\u00e8mica <\/i> <\/a>\n<ul class=\"dropdown\">\n<li class=\"dropdown-item\"><a href=\"#calendari\"> <\/i> Calendari <\/a><\/li>\n<li class=\"dropdown-item\"><a href=\"#horaris\"> <\/i> Horaris <\/a><\/li>\n<li class=\"dropdown-item\"><a href=\"#plans-estudi\"> <\/i> Plans d'estudi i c\u00e0rrega lectiva <\/a><\/li>\n<li class=\"dropdown-item\"><a href=\"#professorat\"> <\/i> Professorat <\/a><\/li>\n<li class=\"dropdown-item\"><a href=\"#normativa\"> <\/i> Normativa <\/a><\/li>\n<li class=\"dropdown-item\"><a href=\"#documents\"> <\/i> Documents de Centre <\/a><\/li>\n<li class=\"dropdown-item\"><a href=\"#proves-acces\"> <\/i> Proves d'Acc\u00e9s <\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/p>\n<ul class=\"main-menu\">\n<li style=\"list-style-type: none;\">\n<ul class=\"main-menu\">\n<li class=\"menu-item\"><a class=\"menu-link\" href=\"#\"> Departaments <\/i> <\/a>\n<ul class=\"dropdown\">\n<li class=\"dropdown-item\"><a href=\"#agrupacions\"> <\/i> Agrupacions <\/a><\/li>\n<li class=\"dropdown-item\"><a href=\"#composicio-llenguatge\"> <\/i> Composici\u00f3 i Llenguatge Musical <\/a><\/li>\n<li class=\"dropdown-item\"><a href=\"#corda\"> <\/i> Corda <\/a><\/li>\n<li class=\"dropdown-item\"><a href=\"#tecla\"> <\/i> Tecla <\/a><\/li>\n<li class=\"dropdown-item\"><a href=\"#vent-fusta\"> <\/i> Vent Fusta <\/a><\/li>\n<li class=\"dropdown-item\"><a href=\"#vent-metall-percussio\"> <\/i> Vent Metall i Percussi\u00f3 <\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/p>\n<ul id=\"mainMenu\" class=\"main-menu\">\n<li class=\"menu-item\"><a class=\"menu-link\" href=\"#activitats\"> Activitats <\/a><\/li>\n<\/ul>\n<\/div>\n<\/nav>\n<\/p>\n<header class=\"hero-logo-section\">\n<div class=\"logo-container\"> <img decoding=\"async\" class=\"school-logo\" src=\"ceapm.png\" alt=\"CAEAPM SANTA CEC\u00cdLIA - Codi 46021009\" \/><\/div>\n<\/header>\n<\/p>\n<div id=\"content-card\" class=\"content-card\">Codi de Centre: 46021009<\/span>\n<h1 id=\"page-title\">Benvinguts al CAEAPM Santa Cec\u00edlia<\/h1>\nExplora la nostra oferta formativa i acad\u00e8mica utilitzant el men\u00fa superior. Selecciona qualsevol apartat o desplegable per accedir a la informaci\u00f3 detallada del centre.<\/p>\n<\/div>\n<\/p>\n<footer>\u00a9 2026 CAEAPM SANTA CEC\u00cdLIA<\/strong> \u2022 Codi de centre 46021009. Tots els drets reservats.<\/footer>\n <script> \n \/\/ Gesti\u00f3 del men\u00fa desplegable m\u00f2bil \n const mobileToggle = document.getElementById('mobileToggle'); \n const mainMenu = document.getElementById('mainMenu');<\/p>\n mobileToggle.addEventListener('click', () => { \n mainMenu.classList.toggle('active'); \n });<\/p>\n \/\/ Toggle per als desplegables en versi\u00f3 m\u00f2bil \n const menuItems = document.querySelectorAll('.menu-item'); \n menuItems.forEach(item => { \n const link = item.querySelector('.menu-link'); \n const dropdown = item.querySelector('.dropdown');<\/p>\n if (dropdown) { \n link.addEventListener('click', (e) => { \n if (window.innerWidth <= 992) { e.preventDefault(); \/\/ Tancar els altres desplegables oberts menuItems.forEach(otherItem => { \n if (otherItem !== item) otherItem.classList.remove('open'); \n }); \n item.classList.toggle('open'); \n } \n }); \n } \n });<\/p>\n \/\/ Carregar contingut din\u00e0mic en fer clic \n function loadSection(title, description) { \n const card = document.getElementById('content-card');<\/p>\n \/\/ Efecte visual de transici\u00f3 \n card.style.opacity = '0'; \n card.style.transform = 'translateY(6px)';<\/p>\n setTimeout(() => { \n document.getElementById('page-title').innerText = title; \n document.getElementById('page-desc').innerText = description; \n card.style.opacity = '1'; \n card.style.transform = 'translateY(0)'; \n }, 200);<\/p>\n \/\/ Tancar men\u00fa en m\u00f2bil despr\u00e9s de seleccionar opci\u00f3 \n if (window.innerWidth <= 992) {\n mainMenu.classList.remove('active');\n }\n }\n <\/script><\/p>\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p><\/section>","protected":false},"excerpt":{"rendered":"CAEAPM Santa Cec\u00edlia Inici Contacte i informaci\u00f3 de centre Novetats Secretaria Impresos Informaci\u00f3 Acad\u00e8mica Calendari Horaris Plans d’estudi i c\u00e0rrega…","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1200","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.santaceciliacullera.com\/index.php?rest_route=\/wp\/v2\/pages\/1200","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.santaceciliacullera.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1200"}],"version-history":[{"count":68,"href":"https:\/\/www.santaceciliacullera.com\/index.php?rest_route=\/wp\/v2\/pages\/1200\/revisions"}],"predecessor-version":[{"id":36069,"href":"https:\/\/www.santaceciliacullera.com\/index.php?rest_route=\/wp\/v2\/pages\/1200\/revisions\/36069"}],"wp:attachment":[{"href":"https:\/\/www.santaceciliacullera.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

<\/p>\n\n\n \n \n CAEAPM Santa Cec\u00edlia<\/title>\n \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&family=Playfair+Display:ital,wght@0,600;1,400&display=swap\" rel=\"stylesheet\">\n \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: #f8f9fa;\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 4px 12px rgba(0,0,0,0.03);\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 display: flex;\n flex-direction: column;\n min-height: 100vh;\n }\n\n \/* --- NAVEGACI\u00d3 SUPERIOR (MEN\u00daS I DESPLEGABLES) --- *\/\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: center;\n align-items: center;\n padding: 0 1rem;\n position: relative;\n }\n\n .main-menu {\n display: flex;\n list-style: none;\n gap: 0.5rem;\n }\n\n .menu-item {\n position: relative;\n }\n\n .menu-link {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 1.25rem 1.4rem;\n color: #ffffff;\n text-decoration: none;\n font-weight: 500;\n font-size: 0.92rem;\n letter-spacing: 0.5px;\n transition: var(--transition);\n border-bottom: 3px solid transparent;\n }\n\n .menu-link:hover, \n .menu-item:hover > .menu-link,\n .menu-link.active {\n color: var(--accent-color);\n background-color: rgba(255, 255, 255, 0.04);\n border-bottom-color: var(--accent-color);\n }\n\n .menu-link i.chevron {\n font-size: 0.75rem;\n transition: var(--transition);\n opacity: 0.8;\n }\n\n .menu-item:hover .chevron {\n transform: rotate(180deg);\n color: var(--accent-color);\n }\n\n \/* Submen\u00fa Desplegable *\/\n .dropdown {\n position: absolute;\n top: 100%;\n left: 0;\n min-width: 270px;\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 z-index: 1100;\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: flex;\n align-items: center;\n gap: 10px;\n padding: 0.9rem 1.4rem;\n color: var(--text-dark);\n text-decoration: none;\n font-size: 0.88rem;\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 .dropdown-item a i {\n font-size: 0.8rem;\n color: var(--accent-color);\n opacity: 0;\n transition: var(--transition);\n }\n\n .dropdown-item a:hover i {\n opacity: 1;\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 width: 100%;\n text-align: right;\n }\n\n \/* --- SECCI\u00d3 LOGO (UBICAT STRICTAMENT DEBAIX DEL MEN\u00da) --- *\/\n .hero-logo-section {\n background: #ffffff;\n border-bottom: 1px solid var(--border-color);\n padding: 2.8rem 2rem;\n text-align: center;\n box-shadow: 0 2px 10px rgba(0,0,0,0.02);\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: 580px;\n width: 100%;\n height: auto;\n object-fit: contain;\n transition: var(--transition);\n }\n\n .school-logo:hover {\n transform: scale(1.01);\n }\n\n \/* --- CONTINGUT PRINCIPAL --- *\/\n .main-content {\n max-width: 1100px;\n width: 100%;\n margin: 3rem auto;\n padding: 0 1.5rem;\n flex: 1;\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 min-height: 350px;\n animation: fadeIn 0.4s ease-in-out;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\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: 1.2rem;\n line-height: 1.8;\n }\n\n .badge-code {\n display: inline-block;\n background-color: #f3eedf;\n color: #8c6d2d;\n padding: 0.3rem 0.8rem;\n border-radius: 20px;\n font-size: 0.85rem;\n font-weight: 600;\n margin-bottom: 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: 2.5rem 1rem;\n margin-top: auto;\n font-size: 0.9rem;\n border-top: 4px solid var(--accent-color);\n }\n\n footer p {\n opacity: 0.85;\n font-weight: 300;\n }\n\n footer strong {\n color: var(--accent-color);\n }\n\n \/* --- RESPONSIVE --- *\/\n @media (max-width: 992px) {\n .nav-container {\n justify-content: flex-end;\n }\n\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 cubic-bezier(0.4, 0, 0.2, 1);\n gap: 0;\n }\n\n .main-menu.active {\n max-height: 900px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.3);\n }\n\n .menu-item {\n width: 100%;\n }\n\n .menu-link {\n justify-content: space-between;\n padding: 1.1rem 2rem;\n border-bottom: 1px solid rgba(255,255,255,0.06);\n border-bottom-color: transparent !important;\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: 600px;\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 .school-logo {\n max-width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body data-rsssl=1 data-rsssl=1>\n\n \n <nav class=\"top-navbar\">\n <div class=\"nav-container\">\n <button class=\"mobile-toggle\" id=\"mobileToggle\" aria-label=\"Obrir men\u00fa\">\n <\/i>\n <\/button>\n \n <ul class=\"main-menu\" id=\"mainMenu\">\n \n <li class=\"menu-item\">\n <a href=\"#\" class=\"menu-link\">\n Inici <\/i>\n <\/a>\n <ul class=\"dropdown\">\n <li class=\"dropdown-item\">\n <a href=\"#contacte\" onclick=\"loadSection('Contacte i informaci\u00f3 de centre', 'Informaci\u00f3 de contacte, horaris d\\'atenci\u00f3 al p\u00fablic i ubicaci\u00f3 del CAEAPM Santa Cec\u00edlia.')\">\n <\/i> Contacte i informaci\u00f3 de centre\n <\/a>\n <\/li>\n <li class=\"dropdown-item\">\n <a href=\"#novetats\" onclick=\"loadSection('Novetats', '\u00daltimes not\u00edcies, comunicats oficials i anuncis destacats de l\\'escola.')\">\n <\/i> Novetats\n <\/a>\n <\/li>\n <\/ul>\n <\/li>\n\n \n <li class=\"menu-item\">\n <a href=\"#\" class=\"menu-link\">\n Secretaria <\/i>\n <\/a>\n <ul class=\"dropdown\">\n <li class=\"dropdown-item\">\n <a href=\"#impresos\" onclick=\"loadSection('Impresos', 'Formularis de matr\u00edcula, sol\u00b7licituds de certificat i impresos administratius descarregables.')\">\n <\/i> Impresos\n <\/a>\n <\/li>\n <\/ul>\n <\/li>\n\n \n <li class=\"menu-item\">\n <a href=\"#\" class=\"menu-link\">\n Informaci\u00f3 Acad\u00e8mica <\/i>\n <\/a>\n <ul class=\"dropdown\">\n <li class=\"dropdown-item\">\n <a href=\"#calendari\" onclick=\"loadSection('Calendari', 'Calendari escolar del curs: dies lectius, festius i per\u00edodes d\\'avaluaci\u00f3.')\">\n <\/i> Calendari\n <\/a>\n <\/li>\n <li class=\"dropdown-item\">\n <a href=\"#horaris\" onclick=\"loadSection('Horaris', 'Consulta d\\'horaris de les assignatures individuals i col\u00b7lectives.')\">\n <\/i> Horaris\n <\/a>\n <\/li>\n <li class=\"dropdown-item\">\n <a href=\"#plans-estudi\" onclick=\"loadSection('Plans d\\'estudi i c\u00e0rrega lectiva', 'Estructura curricular, assignatures per especialitat i distribuci\u00f3 d\\'hores lectives.')\">\n <\/i> Plans d’estudi i c\u00e0rrega lectiva\n <\/a>\n <\/li>\n <li class=\"dropdown-item\">\n <a href=\"#professorat\" onclick=\"loadSection('Professorat', 'Relaci\u00f3 del claustre de professors per especialitats instrumentals i te\u00f2riques.')\">\n <\/i> Professorat\n <\/a>\n <\/li>\n <li class=\"dropdown-item\">\n <a href=\"#normativa\" onclick=\"loadSection('Normativa', 'Reglament de r\u00e8gim interior, drets i deures de l\\'alumnat i regles del centre.')\">\n <\/i> Normativa\n <\/a>\n <\/li>\n <li class=\"dropdown-item\">\n <a href=\"#documents\" onclick=\"loadSection('Documents de Centre', 'Projecte educatiu, programacions did\u00e0ctiques i mem\u00f2ries anuals.')\">\n\n\n \n <\/i> Documents de Centre\n <\/a>\n <\/li>\n <li class=\"dropdown-item\">\n <a href=\"https:\/\/www.santaceciliacullera.com\/proves-acces-caeapm-26-27\/\" target=\"_blank\">\n <\/i> Proves d’Acc\u00e9s\n <\/a>\n <\/li>\n <\/ul>\n <\/li>\n\n \n <li class=\"menu-item\">\n <a href=\"#\" class=\"menu-link\">\n Departaments <\/i>\n <\/a>\n <ul class=\"dropdown\">\n <li class=\"dropdown-item\">\n <a href=\"#agrupacions\" onclick=\"loadSection('Agrupacions', 'Banda, orquestra, cor i altres conjunts instrumentals del centre.')\">\n <\/i> Agrupacions\n <\/a>\n <\/li>\n <li class=\"dropdown-item\">\n <a href=\"#composicio-llenguatge\" onclick=\"loadSection('Composici\u00f3 i Llenguatge Musical', 'Departament de Teoria Musical, Llenguatge, Harmonia i Composici\u00f3.')\">\n <\/i> Composici\u00f3 i Llenguatge Musical\n <\/a>\n <\/li>\n <li class=\"dropdown-item\">\n <a href=\"#corda\" onclick=\"loadSection('Corda', 'Especialitats de viol\u00ed, viola, violoncel i contrabaix.')\">\n <\/i> Corda\n <\/a>\n <\/li>\n <li class=\"dropdown-item\">\n <a href=\"#tecla\" onclick=\"loadSection('Tecla', 'Especialitats de piano, orgue i teclats.')\">\n <\/i> Tecla\n <\/a>\n <\/li>\n <li class=\"dropdown-item\">\n <a href=\"#vent-fusta\" onclick=\"loadSection('Vent Fusta', 'Especialitats de flauta, obo\u00e8, clarinet, fagot i sax\u00f2fon.')\">\n <\/i> Vent Fusta\n <\/a>\n <\/li>\n <li class=\"dropdown-item\">\n <a href=\"#vent-metall-percussio\" onclick=\"loadSection('Vent Metall i Percussi\u00f3', 'Especialitats de trompa, trompeta, tromb\u00f3, tuba i percussi\u00f3.')\">\n <\/i> Vent Metall i Percussi\u00f3\n <\/a>\n <\/li>\n <\/ul>\n <\/li>\n\n \n <li class=\"menu-item\">\n <a href=\"#activitats\" class=\"menu-link\" onclick=\"loadSection('Activitats', 'Concerts, audicions, masterclasses i esdeveniments culturals programats.')\">\n Activitats\n <\/a>\n <\/li>\n <\/ul>\n <\/div>\n <\/nav>\n\n \n <header class=\"hero-logo-section\">\n <div class=\"logo-container\">\n \n <img decoding=\"async\" src=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/ceapem-300x125.png\" alt=\"CAEAPM SANTA CEC\u00cdLIA - Codi 46021009\" class=\"school-logo\">\n <\/div>\n <\/header>\n\n \n <main class=\"main-content\">\n <div class=\"content-card\" id=\"content-card\">\n Codi de Centre: 46021009<\/span>\n <h1 id=\"page-title\">Benvinguts al CAEAPM Santa Cec\u00edlia<\/h1>\n Explora la nostra oferta formativa i acad\u00e8mica utilitzant el men\u00fa superior. Selecciona qualsevol apartat o desplegable per accedir a la informaci\u00f3 detallada del centre.<\/p>\n <\/div>\n <\/main>\n\n \n <footer>\n © 2026 CAEAPM SANTA CEC\u00cdLIA<\/strong> • Codi de centre 46021009. Tots els drets reservats.<\/p>\n <\/footer>\n\n \n <script>\n \/\/ Gesti\u00f3 del men\u00fa desplegable 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 \/\/ Toggle per als desplegables en versi\u00f3 m\u00f2bil\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 <= 992) {\n if (link.getAttribute('href') === '#' || link.getAttribute('href').startsWith('#')) {\n e.preventDefault();\n menuItems.forEach(otherItem => {\n if (otherItem !== item) otherItem.classList.remove('open');\n });\n item.classList.toggle('open');\n }\n }\n });\n }\n });\n\n \/\/ Carregar contingut din\u00e0mic en fer clic\n function loadSection(title, description) {\n const card = document.getElementById('content-card');\n \n \/\/ Efecte visual de transici\u00f3\n card.style.opacity = '0';\n card.style.transform = 'translateY(6px)';\n \n setTimeout(() => {\n document.getElementById('page-title').innerText = title;\n document.getElementById('page-desc').innerHTML = description;\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, 200);\n\n \/\/ Tancar men\u00fa en m\u00f2bil despr\u00e9s de seleccionar opci\u00f3\n if (window.innerWidth <= 992) {\n mainMenu.classList.remove('active');\n }\n }\n <\/script>\n<\/body>\n<\/html>[vc_row][vc_column][vc_column_text]<\/p>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-35869\" src=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/ceapem.png\" alt=\"\" width=\"1300\" height=\"541\" srcset=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/ceapem.png 1300w, https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/ceapem-300x125.png 300w, https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/ceapem-1024x426.png 1024w, https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/ceapem-768x320.png 768w, https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/ceapem-600x250.png 600w\" sizes=\"auto, (max-width: 1300px) 100vw, 1300px\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-35871\" src=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/cosell-cpm-1.png\" alt=\"\" width=\"1000\" height=\"250\" srcset=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/cosell-cpm-1.png 1000w, https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/cosell-cpm-1-300x75.png 300w, https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/cosell-cpm-1-768x192.png 768w, https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/cosell-cpm-1-600x150.png 600w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/> \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/accessalumnes.jpg\" alt=\"\" \/><a href=\"https:\/\/www.santaceciliacullera.com\/proves-acces-caeapm-26-27\/\">PROVES D'ACC\u00c9S ENSENYANCES PROFESSIONALS 2026-2027<\/span><\/a><\/p>\n<a style=\"color: #ff00ff;\" href=\"https:\/\/www.santaceciliacullera.com\/proves-dacces-ensenyances-elementals-2026-2027\/\">PROVES D'ACC\u00c9S ENSENYANCES ELEMENTALS 2026-2027<\/a><\/span><\/span><\/p>\n<a href=\"https:\/\/www.santaceciliacullera.com\/tribunals-26-27\/\">TRIBUNALS 26-27<\/span><\/strong><\/span><\/a><\/p>\n<a href=\"https:\/\/www.santaceciliacullera.com\/vacans-provisionals-26-27\/\">VACANTS PROVISIONALS 26-27<\/span><\/strong><\/a><\/p>\n<a style=\"color: #ff6600;\" href=\"https:\/\/www.santaceciliacullera.com\/llistats-definitius-26-27\/\">LLISTATS DEFINITIUS 26-27<\/span><\/a><\/span><\/p>\n[\/vc_column_text][vc_column_text]<a href=\"https:\/\/portal.edu.gva.es\/cpmcullera\/wp-content\/uploads\/sites\/895\/2026\/04\/ORDE-8_2026-de-24-dabril-ADMISSIO.pdf\" target=\"_blank\" rel=\"noreferrer noopener\" data-type=\"link\" data-id=\"https:\/\/portal.edu.gva.es\/cpmcullera\/wp-content\/uploads\/sites\/895\/2026\/04\/ORDE-8_2026-de-24-dabril-ADMISSIO.pdf\">ORDEN<\/strong><\/span> 8\/2026, de 24 de abril, de la Conseller\u00eda de Educaci\u00f3n, Cultura y Universidades, por la cual se regula el proceso de admisi\u00f3n a las ense\u00f1anzas elementales y profesionales de M\u00fasica y de Danza en la Comunidad Valenciana.<\/a>[\/vc_column_text][vc_column_text]<a href=\"https:\/\/portal.edu.gva.es\/cpmcullera\/wp-content\/uploads\/sites\/895\/2026\/05\/Resolucio-30-abril-Admissio-i-matricula.pdf\" target=\"_blank\" rel=\"noreferrer noopener\" data-type=\"page\" data-id=\"11450\">RESOLUCI\u00d3 <\/span><\/strong><\/span>de 30 de abril de 2026, de la Direcci\u00f3n General de Ordenaci\u00f3n Educativa, por la cual se establece la convocatoria del proceso de admisi\u00f3n y matr\u00edcula en las ense\u00f1anzas elementales y profesionales de M\u00fasica y de Danza de la Comunidad Valenciana para el curso 2026-2027<\/span><\/a>[\/vc_column_text][vc_column_text]<\/p>\nPLA\u00c7 AMPLIAT:<\/span><\/mark><\/strong><\/span><\/span><\/p>\n<div><iframe loading=\"lazy\" class=\"embed-pdf-viewer\" src=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Calendari-Proves-2026-2027-AMPLIAT.pdf\" height=\"1000\" width=\"100%\" title=\"Calendari Proves 2026 2027 (AMPLIAT)\"><\/iframe>\n<a href=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Calendari-Proves-2026-2027-AMPLIAT.pdf\" title=\"Calendari Proves 2026 2027 (AMPLIAT)\">Calendari Proves 2026 2027 (AMPLIAT)<\/a><\/p><\/div>\nVacants provisionals:<\/span><\/mark><\/strong><\/span> https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Vacants-2026_2027-1.pdf <\/span>[\/vc_column_text][vc_column_text]<\/p>\nINSCRIPCI\u00d3 A PROVES:<\/span><\/strong><\/p>\nENSENYANCES ELEMENTALS:<\/strong><\/span><\/p>\n<div><iframe loading=\"lazy\" class=\"embed-pdf-viewer\" src=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Inscripcio-a-proves-elemental-2.pdf\" height=\"1000\" width=\"100%\" title=\"Inscripci\u00f3 A Proves Elemental\"><\/iframe>\n<a href=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Inscripcio-a-proves-elemental-2.pdf\" title=\"Inscripci\u00f3 A Proves Elemental\">Inscripci\u00f3 A Proves Elemental<\/a><\/p><\/div>\nENSENYANCES PROFESSIONALS:<\/strong><\/span><\/p>\n<div><iframe loading=\"lazy\" class=\"embed-pdf-viewer\" src=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Inscripcio-a-proves-professional-3.pdf\" height=\"1000\" width=\"100%\" title=\"Inscripci\u00f3 A Proves Professional\"><\/iframe>\n<a href=\"https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/Inscripcio-a-proves-professional-3.pdf\" title=\"Inscripci\u00f3 A Proves Professional\">Inscripci\u00f3 A Proves Professional<\/a><\/p><\/div>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]https:\/\/www.santaceciliacullera.com\/wp-content\/uploads\/CAEAPM-SANTA-CECILIA.pdf[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n <\/p>\n<style>\n :root { \n --primary-color: #1a1a1a; \n --accent-color: #c5a059; \n --accent-hover: #b08c46; \n --bg-light: #f8f9fa; \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 4px 12px rgba(0,0,0,0.03); \n --shadow-lg: 0 12px 30px rgba(0,0,0,0.08); \n }<\/p>\n * { \n margin: 0; \n padding: 0; \n box-sizing: border-box; \n }<\/p>\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 display: flex; \n flex-direction: column; \n min-height: 100vh; \n }<\/p>\n \/* --- NAVEGACI\u00d3 SUPERIOR (MEN\u00daS I DESPLEGABLES) --- *\/ \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 }<\/p>\n .nav-container { \n max-width: 1200px; \n margin: 0 auto; \n display: flex; \n justify-content: center; \n align-items: center; \n padding: 0 1rem; \n position: relative; \n }<\/p>\n .main-menu { \n display: flex; \n list-style: none; \n gap: 0.5rem; \n }<\/p>\n .menu-item { \n position: relative; \n }<\/p>\n .menu-link { \n display: flex; \n align-items: center; \n gap: 8px; \n padding: 1.25rem 1.4rem; \n color: #ffffff; \n text-decoration: none; \n font-weight: 500; \n font-size: 0.92rem; \n letter-spacing: 0.5px; \n transition: var(--transition); \n border-bottom: 3px solid transparent; \n }<\/p>\n .menu-link:hover, \n .menu-item:hover > .menu-link, \n .menu-link.active { \n color: var(--accent-color); \n background-color: rgba(255, 255, 255, 0.04); \n border-bottom-color: var(--accent-color); \n }<\/p>\n .menu-link i.chevron { \n font-size: 0.75rem; \n transition: var(--transition); \n opacity: 0.8; \n }<\/p>\n .menu-item:hover .chevron { \n transform: rotate(180deg); \n color: var(--accent-color); \n }<\/p>\n \/* Submen\u00fa Desplegable *\/ \n .dropdown { \n position: absolute; \n top: 100%; \n left: 0; \n min-width: 270px; \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 z-index: 1100; \n }<\/p>\n .menu-item:hover .dropdown { \n opacity: 1; \n visibility: visible; \n transform: translateY(0); \n }<\/p>\n .dropdown-item a { \n display: flex; \n align-items: center; \n gap: 10px; \n padding: 0.9rem 1.4rem; \n color: var(--text-dark); \n text-decoration: none; \n font-size: 0.88rem; \n font-weight: 400; \n border-bottom: 1px solid #f3f4f6; \n transition: var(--transition); \n }<\/p>\n .dropdown-item:last-child a { \n border-bottom: none; \n }<\/p>\n .dropdown-item a:hover { \n background-color: #fdfbf7; \n color: var(--accent-color); \n padding-left: 1.8rem; \n }<\/p>\n .dropdown-item a i { \n font-size: 0.8rem; \n color: var(--accent-color); \n opacity: 0; \n transition: var(--transition); \n }<\/p>\n .dropdown-item a:hover i { \n opacity: 1; \n }<\/p>\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 width: 100%; \n text-align: right; \n }<\/p>\n \/* --- SECCI\u00d3 LOGO (UBICAT STRICTAMENT DEBAIX DEL MEN\u00da) --- *\/ \n .hero-logo-section { \n background: #ffffff; \n border-bottom: 1px solid var(--border-color); \n padding: 2.8rem 2rem; \n text-align: center; \n box-shadow: 0 2px 10px rgba(0,0,0,0.02); \n }<\/p>\n .logo-container { \n max-width: 1200px; \n margin: 0 auto; \n display: flex; \n justify-content: center; \n align-items: center; \n }<\/p>\n .school-logo { \n max-width: 580px; \n width: 100%; \n height: auto; \n object-fit: contain; \n transition: var(--transition); \n }<\/p>\n .school-logo:hover { \n transform: scale(1.01); \n }<\/p>\n \/* --- CONTINGUT PRINCIPAL --- *\/ \n .main-content { \n max-width: 1100px; \n width: 100%; \n margin: 3rem auto; \n padding: 0 1.5rem; \n flex: 1; \n }<\/p>\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 min-height: 350px; \n animation: fadeIn 0.4s ease-in-out; \n }<\/p>\n @keyframes fadeIn { \n from { opacity: 0; transform: translateY(8px); } \n to { opacity: 1; transform: translateY(0); } \n }<\/p>\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 }<\/p>\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 }<\/p>\n .content-card p { \n color: var(--text-muted); \n font-size: 1.05rem; \n margin-top: 1.2rem; \n line-height: 1.8; \n }<\/p>\n .badge-code { \n display: inline-block; \n background-color: #f3eedf; \n color: #8c6d2d; \n padding: 0.3rem 0.8rem; \n border-radius: 20px; \n font-size: 0.85rem; \n font-weight: 600; \n margin-bottom: 1rem; \n }<\/p>\n \/* --- PEU DE P\u00c0GINA --- *\/ \n footer { \n background-color: var(--primary-color); \n color: #ffffff; \n text-align: center; \n padding: 2.5rem 1rem; \n margin-top: auto; \n font-size: 0.9rem; \n border-top: 4px solid var(--accent-color); \n }<\/p>\n footer p { \n opacity: 0.85; \n font-weight: 300; \n }<\/p>\n footer strong { \n color: var(--accent-color); \n }<\/p>\n \/* --- RESPONSIVE --- *\/ \n @media (max-width: 992px) { \n .nav-container { \n justify-content: flex-end; \n }<\/p>\n .mobile-toggle { \n display: block; \n }<\/p>\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 cubic-bezier(0.4, 0, 0.2, 1); \n gap: 0; \n }<\/p>\n .main-menu.active { \n max-height: 900px; \n box-shadow: 0 10px 25px rgba(0,0,0,0.3); \n }<\/p>\n .menu-item { \n width: 100%; \n }<\/p>\n .menu-link { \n justify-content: space-between; \n padding: 1.1rem 2rem; \n border-bottom: 1px solid rgba(255,255,255,0.06); \n border-bottom-color: transparent !important; \n }<\/p>\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 }<\/p>\n .menu-item.open .dropdown { \n max-height: 600px; \n }<\/p>\n .dropdown-item a { \n color: #e5e7eb; \n padding-left: 3rem; \n }<\/p>\n .dropdown-item a:hover { \n background-color: transparent; \n color: var(--accent-color); \n }<\/p>\n .hero-logo-section { \n padding: 2rem 1rem; \n }<\/p>\n .school-logo { \n max-width: 100%; \n } \n } \n <\/style><\/p>\n<\/p>\n<nav class=\"top-navbar\">\n<div class=\"nav-container\"><button id=\"mobileToggle\" class=\"mobile-toggle\" aria-label=\"Obrir men\u00fa\"> <\/i> <\/button>\n<ul class=\"main-menu\">\n<li style=\"list-style-type: none;\">\n<ul class=\"main-menu\">\n<li class=\"menu-item\"><a class=\"menu-link\" href=\"#\"> Inici <\/i> <\/a>\n<ul class=\"dropdown\">\n<li class=\"dropdown-item\"><a href=\"#contacte\"> <\/i> Contacte i informaci\u00f3 de centre <\/a><\/li>\n<li class=\"dropdown-item\"><a href=\"#novetats\"> <\/i> Novetats <\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/p>\n<ul class=\"main-menu\">\n<li style=\"list-style-type: none;\">\n<ul class=\"main-menu\">\n<li class=\"menu-item\"><a class=\"menu-link\" href=\"#\"> Secretaria <\/i> <\/a>\n<ul class=\"dropdown\">\n<li class=\"dropdown-item\"><a href=\"#impresos\"> <\/i> Impresos <\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/p>\n<ul class=\"main-menu\">\n<li style=\"list-style-type: none;\">\n<ul class=\"main-menu\">\n<li class=\"menu-item\"><a class=\"menu-link\" href=\"#\"> Informaci\u00f3 Acad\u00e8mica <\/i> <\/a>\n<ul class=\"dropdown\">\n<li class=\"dropdown-item\"><a href=\"#calendari\"> <\/i> Calendari <\/a><\/li>\n<li class=\"dropdown-item\"><a href=\"#horaris\"> <\/i> Horaris <\/a><\/li>\n<li class=\"dropdown-item\"><a href=\"#plans-estudi\"> <\/i> Plans d'estudi i c\u00e0rrega lectiva <\/a><\/li>\n<li class=\"dropdown-item\"><a href=\"#professorat\"> <\/i> Professorat <\/a><\/li>\n<li class=\"dropdown-item\"><a href=\"#normativa\"> <\/i> Normativa <\/a><\/li>\n<li class=\"dropdown-item\"><a href=\"#documents\"> <\/i> Documents de Centre <\/a><\/li>\n<li class=\"dropdown-item\"><a href=\"#proves-acces\"> <\/i> Proves d'Acc\u00e9s <\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/p>\n<ul class=\"main-menu\">\n<li style=\"list-style-type: none;\">\n<ul class=\"main-menu\">\n<li class=\"menu-item\"><a class=\"menu-link\" href=\"#\"> Departaments <\/i> <\/a>\n<ul class=\"dropdown\">\n<li class=\"dropdown-item\"><a href=\"#agrupacions\"> <\/i> Agrupacions <\/a><\/li>\n<li class=\"dropdown-item\"><a href=\"#composicio-llenguatge\"> <\/i> Composici\u00f3 i Llenguatge Musical <\/a><\/li>\n<li class=\"dropdown-item\"><a href=\"#corda\"> <\/i> Corda <\/a><\/li>\n<li class=\"dropdown-item\"><a href=\"#tecla\"> <\/i> Tecla <\/a><\/li>\n<li class=\"dropdown-item\"><a href=\"#vent-fusta\"> <\/i> Vent Fusta <\/a><\/li>\n<li class=\"dropdown-item\"><a href=\"#vent-metall-percussio\"> <\/i> Vent Metall i Percussi\u00f3 <\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/p>\n<ul id=\"mainMenu\" class=\"main-menu\">\n<li class=\"menu-item\"><a class=\"menu-link\" href=\"#activitats\"> Activitats <\/a><\/li>\n<\/ul>\n<\/div>\n<\/nav>\n<\/p>\n<header class=\"hero-logo-section\">\n<div class=\"logo-container\"> <img decoding=\"async\" class=\"school-logo\" src=\"ceapm.png\" alt=\"CAEAPM SANTA CEC\u00cdLIA - Codi 46021009\" \/><\/div>\n<\/header>\n<\/p>\n<div id=\"content-card\" class=\"content-card\">Codi de Centre: 46021009<\/span>\n<h1 id=\"page-title\">Benvinguts al CAEAPM Santa Cec\u00edlia<\/h1>\nExplora la nostra oferta formativa i acad\u00e8mica utilitzant el men\u00fa superior. Selecciona qualsevol apartat o desplegable per accedir a la informaci\u00f3 detallada del centre.<\/p>\n<\/div>\n<\/p>\n<footer>\u00a9 2026 CAEAPM SANTA CEC\u00cdLIA<\/strong> \u2022 Codi de centre 46021009. Tots els drets reservats.<\/footer>\n <script> \n \/\/ Gesti\u00f3 del men\u00fa desplegable m\u00f2bil \n const mobileToggle = document.getElementById('mobileToggle'); \n const mainMenu = document.getElementById('mainMenu');<\/p>\n mobileToggle.addEventListener('click', () => { \n mainMenu.classList.toggle('active'); \n });<\/p>\n \/\/ Toggle per als desplegables en versi\u00f3 m\u00f2bil \n const menuItems = document.querySelectorAll('.menu-item'); \n menuItems.forEach(item => { \n const link = item.querySelector('.menu-link'); \n const dropdown = item.querySelector('.dropdown');<\/p>\n if (dropdown) { \n link.addEventListener('click', (e) => { \n if (window.innerWidth <= 992) { e.preventDefault(); \/\/ Tancar els altres desplegables oberts menuItems.forEach(otherItem => { \n if (otherItem !== item) otherItem.classList.remove('open'); \n }); \n item.classList.toggle('open'); \n } \n }); \n } \n });<\/p>\n \/\/ Carregar contingut din\u00e0mic en fer clic \n function loadSection(title, description) { \n const card = document.getElementById('content-card');<\/p>\n \/\/ Efecte visual de transici\u00f3 \n card.style.opacity = '0'; \n card.style.transform = 'translateY(6px)';<\/p>\n setTimeout(() => { \n document.getElementById('page-title').innerText = title; \n document.getElementById('page-desc').innerText = description; \n card.style.opacity = '1'; \n card.style.transform = 'translateY(0)'; \n }, 200);<\/p>\n \/\/ Tancar men\u00fa en m\u00f2bil despr\u00e9s de seleccionar opci\u00f3 \n if (window.innerWidth <= 992) {\n mainMenu.classList.remove('active');\n }\n }\n <\/script><\/p>\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p><\/section>","protected":false},"excerpt":{"rendered":"CAEAPM Santa Cec\u00edlia Inici Contacte i informaci\u00f3 de centre Novetats Secretaria Impresos Informaci\u00f3 Acad\u00e8mica Calendari Horaris Plans d’estudi i c\u00e0rrega…","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1200","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.santaceciliacullera.com\/index.php?rest_route=\/wp\/v2\/pages\/1200","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.santaceciliacullera.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1200"}],"version-history":[{"count":68,"href":"https:\/\/www.santaceciliacullera.com\/index.php?rest_route=\/wp\/v2\/pages\/1200\/revisions"}],"predecessor-version":[{"id":36069,"href":"https:\/\/www.santaceciliacullera.com\/index.php?rest_route=\/wp\/v2\/pages\/1200\/revisions\/36069"}],"wp:attachment":[{"href":"https:\/\/www.santaceciliacullera.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}