{"id":2,"date":"2014-09-12T11:10:47","date_gmt":"2014-09-12T09:10:47","guid":{"rendered":"http:\/\/agora.xtec.cat\/ceippauvilaelpapiol\/?page_id=2"},"modified":"2026-08-14T15:50:37","modified_gmt":"2026-08-14T13:50:37","slug":"la-nostra-escola","status":"publish","type":"page","link":"https:\/\/agora.xtec.cat\/ceippauvilaelpapiol\/","title":{"rendered":"ESCOLA PAU VILA"},"content":{"rendered":"\n<style>\n\n\/* =========================================================\n   NECESSITES AJUDA\n   ========================================================= *\/\n\n.pv-help-box {\n    max-width: 850px;\n    margin: 25px auto;\n}\n\n\/* BOT\u00d3N *\/\n\n.pv-help-summary {\n    list-style: none;\n    cursor: pointer;\n\n    background: #555555;\n    color: #f2c300;\n\n    border: 1px solid rgba(242,195,0,0.35);\n    border-radius: 12px;\n\n    padding: 15px 20px;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    box-shadow: 0 4px 12px rgba(0,0,0,0.10);\n\n    transition: 0.25s ease;\n}\n\n.pv-help-summary:hover {\n    background: #4b4b4b;\n}\n\n.pv-help-summary::-webkit-details-marker {\n    display: none;\n}\n\n\n\/* TEXTO *\/\n\n.pv-help-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.pv-help-icon {\n    font-size: 25px;\n}\n\n.pv-help-title h2 {\n    margin: 0;\n    color: #f2c300;\n    font-size: 18px;\n    line-height: 1.2;\n}\n\n.pv-help-title p {\n    margin: 3px 0 0;\n    color: #eeeeee;\n    font-size: 12px;\n}\n\n\n\/* FLECHA *\/\n\n.pv-help-arrow {\n    width: 30px;\n    height: 30px;\n\n    border-radius: 50%;\n\n    background: rgba(242,195,0,0.12);\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    flex-shrink: 0;\n}\n\n.pv-help-arrow::after {\n    content: \"\";\n\n    width: 7px;\n    height: 7px;\n\n    border-right: 2px solid #f2c300;\n    border-bottom: 2px solid #f2c300;\n\n    transform: rotate(45deg);\n\n    margin-top: -4px;\n\n    transition: 0.25s ease;\n}\n\n\n\/* GIRAR FLECHA *\/\n\n.pv-help-box details[open] .pv-help-arrow::after {\n    transform: rotate(225deg);\n    margin-top: 4px;\n}\n\n\n\/* PANEL *\/\n\n.pv-help-panel {\n    margin-top: 10px;\n\n    padding: 22px;\n\n    background: #f5f5f5;\n\n    border-radius: 12px;\n}\n\n\n\/* T\u00cdTULO *\/\n\n.pv-help-heading {\n    text-align: center;\n    margin-bottom: 18px;\n}\n\n.pv-help-heading h3 {\n    margin: 0;\n    color: #444444;\n    font-size: 20px;\n}\n\n.pv-help-heading p {\n    margin: 5px 0 0;\n    color: #777777;\n    font-size: 13px;\n}\n\n\n\/* OPCIONES *\/\n\n.pv-help-options {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 10px;\n}\n\n.pv-help-option {\n    background: #ffffff;\n\n    border: 1px solid #e2e2e2;\n\n    border-radius: 10px;\n\n    padding: 16px 10px;\n\n    text-align: center;\n\n    text-decoration: none;\n\n    color: #444444;\n\n    transition: 0.2s ease;\n}\n\n.pv-help-option:hover {\n    border-color: #f2c300;\n\n    transform: translateY(-2px);\n\n    box-shadow: 0 5px 12px rgba(0,0,0,0.07);\n}\n\n.pv-help-option-icon {\n    display: block;\n\n    font-size: 27px;\n\n    margin-bottom: 7px;\n}\n\n.pv-help-option strong {\n    font-size: 14px;\n}\n\n\n\/* M\u00d3VIL *\/\n\n@media (max-width: 700px) {\n\n    .pv-help-options {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n}\n\n@media (max-width: 450px) {\n\n    .pv-help-options {\n        grid-template-columns: 1fr;\n    }\n\n}\n\n\n\/* =========================================================\n   AVISO AMARILLO\n   ========================================================= *\/\n\n#pau-vila-aviso {\n\n    position: absolute !important;\n\n    left: 57% !important;\n\n    top: 70px !important;\n\n    transform: translateX(-50%) !important;\n\n    background: #FFCC00 !important;\n\n    color: #555050 !important;\n\n    padding: 13px 23px !important;\n\n    border-radius: 20px !important;\n\n    font-family: Arial, sans-serif !important;\n\n    font-size: 18px !important;\n\n    font-weight: 600 !important;\n\n    text-align: center !important;\n\n    box-shadow: 0 4px 15px rgba(0,0,0,0.20) !important;\n\n    z-index: 999999 !important;\n\n    animation: none !important;\n\n    transition: none !important;\n}\n\n\n\/* =========================================================\n   FRASE DEL PAU VILA\n   ========================================================= *\/\n\n#pau-vila-frase {\n\n    width: fit-content;\n\n    max-width: 90%;\n\n    margin: 10px auto 15px auto;\n\n    background: #555050 !important;\n\n    color: #ffffff !important;\n\n    padding: 10px 20px;\n\n    border-radius: 18px;\n\n    border: 1px solid #d6a900;\n\n    font-family: Arial, sans-serif;\n\n    font-size: 15px;\n\n    font-weight: 600;\n\n    text-align: center;\n\n    box-shadow: 0 3px 10px rgba(0,0,0,0.15);\n\n    white-space: nowrap;\n}\n\n#pau-vila-frase span {\n    color: #ffffff !important;\n}\n\n#pau-vila-frase strong {\n    color: #FFCC00 !important;\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   COMPTADOR\n   ========================================================= *\/\n\n#pau-vila-comptador {\n\n    width: fit-content;\n\n    max-width: 90%;\n\n    margin: 10px auto;\n\n    padding: 10px 20px;\n\n    box-sizing: border-box;\n\n    background: #555050;\n\n    color: #ffffff;\n\n    border: 1px solid #d6a900;\n\n    border-radius: 18px;\n\n    font-family: Arial, sans-serif;\n\n    font-size: 15px;\n\n    font-weight: 600;\n\n    text-align: center;\n\n    box-shadow: 0 3px 10px rgba(0,0,0,0.15);\n}\n\n#pau-vila-comptador strong {\n\n    color: #FFCC00;\n\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n   ========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .pv-help-summary {\n\n        padding: 12px 15px;\n\n    }\n\n    .pv-help-title h2 {\n\n        font-size: 16px;\n\n    }\n\n    .pv-help-title p {\n\n        font-size: 11px;\n\n    }\n\n    #pau-vila-frase {\n\n        white-space: normal;\n\n        font-size: 14px;\n\n        padding: 9px 15px;\n\n    }\n\n    #pau-vila-comptador {\n\n        font-size: 14px;\n\n        padding: 9px 15px;\n\n    }\n\n}\n\n<\/style>\n\n\n<!-- =======================================================\n     NECESSITES AJUDA\n     ======================================================= -->\n\n<div class=\"pv-help-box\">\n\n    <details>\n\n        <summary class=\"pv-help-summary\">\n\n            <div class=\"pv-help-title\">\n\n                <span class=\"pv-help-icon\">\ud83c\udd98<\/span>\n\n                <div>\n\n                    <h2>Necessites ajuda?<\/h2>\n\n                    <p>\n                        Aquest apartat encara es troba en manteniment,\n                        alguns dels botons no estan operatius.\n                        Disculpeu les mol\u00e8sties.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n            <span class=\"pv-help-arrow\"><\/span>\n\n        <\/summary>\n\n\n        <div class=\"pv-help-panel\">\n\n            <div class=\"pv-help-heading\">\n\n                <h3>Com et podem ajudar?<\/h3>\n\n                <p>\n                    Selecciona l&#8217;opci\u00f3 que necessitis.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"pv-help-options\">\n\n\n                <!-- TR\u00c0MITS -->\n\n                <a href=\"#\" class=\"pv-help-option\">\n\n                    <span class=\"pv-help-option-icon\">\n                        \ud83d\udcc4\n                    <\/span>\n\n                    <strong>\n                        Tr\u00e0mits\n                    <\/strong>\n\n                <\/a>\n\n\n                <!-- MENJADOR -->\n\n                <a\n                    href=\"https:\/\/agora.xtec.cat\/ceippauvilaelpapiol\/serveis\/menjador-escolar\/\"\n                    class=\"pv-help-option\"\n                >\n\n                    <span class=\"pv-help-option-icon\">\n                        \ud83c\udf7d\ufe0f\n                    <\/span>\n\n                    <strong>\n                        Menjador\n                    <\/strong>\n\n                <\/a>\n\n\n                <!-- EXCURSIONS -->\n\n                <a href=\"#\" class=\"pv-help-option\">\n\n                    <span class=\"pv-help-option-icon\">\n                        \ud83d\ude8c\n                    <\/span>\n\n                    <strong>\n                        Excursions\n                    <\/strong>\n\n                <\/a>\n\n\n                <!-- CALENDARI -->\n\n                <a\n                    href=\"https:\/\/agora.xtec.cat\/ceippauvilaelpapiol\/calendari-escolar\/\"\n                    class=\"pv-help-option\"\n                >\n\n                    <span class=\"pv-help-option-icon\">\n                        \ud83d\udcc5\n                    <\/span>\n\n                    <strong>\n                        Calendari\n                    <\/strong>\n\n                <\/a>\n\n\n                <!-- CONTACTE -->\n\n                <a\n                    href=\"https:\/\/agora.xtec.cat\/ceippauvilaelpapiol\/contacte\/\"\n                    class=\"pv-help-option\"\n                >\n\n                    <span class=\"pv-help-option-icon\">\n                        \ud83d\udcde\n                    <\/span>\n\n                    <strong>\n                        Contacte\n                    <\/strong>\n\n                <\/a>\n\n\n                <!-- ALTRES DUBTES -->\n\n                <a href=\"#\" class=\"pv-help-option\">\n\n                    <span class=\"pv-help-option-icon\">\n                        \u2753\n                    <\/span>\n\n                    <strong>\n                        Altres dubtes\n                    <\/strong>\n\n                <\/a>\n\n\n            <\/div>\n\n        <\/div>\n\n    <\/details>\n\n<\/div>\n\n\n\n<!-- =======================================================\n     FRASE\n     ======================================================= -->\n\n<div id=\"pau-vila-frase\">\n\n    \ud83d\udc9b\ud83d\udcda\n\n    <span>\n        EL PAU VILA ES PREPARA\n    <\/span>\n\n    <strong>\n        PER A UN NOU CURS! \ud83c\udf92\u2728\n    <\/strong>\n\n<\/div>\n\n\n\n<!-- =======================================================\n     COMPTADOR\n     ======================================================= -->\n\n<div id=\"pau-vila-comptador\">\n\n    <span id=\"pau-vila-text\">\n\n        \ud83c\udf92 FALTEN\n\n        <strong id=\"dies-pau-vila\">\n            &#8212;\n        <\/strong>\n\n        DIES PER TORNAR A L\u2019ESCOLA \ud83c\udf92\n\n    <\/span>\n\n<\/div>\n\n\n\n<!-- =======================================================\n     JAVASCRIPT DEL COMPTADOR\n     ======================================================= -->\n\n<script>\n\n(function() {\n\n    \/* DATA D'INICI DEL CURS *\/\n\n    const iniciCurs =\n        new Date(\"2026-09-08T00:00:00\");\n\n\n    \/* DATA ACTUAL *\/\n\n    const ara =\n        new Date();\n\n\n    \/* DIFER\u00c8NCIA *\/\n\n    const diferencia =\n        iniciCurs - ara;\n\n\n    \/* DIES RESTANTS *\/\n\n    const dies =\n        Math.ceil(\n            diferencia \/\n            (1000 * 60 * 60 * 24)\n        );\n\n\n    \/* ELEMENTS *\/\n\n    const comptador =\n        document.getElementById(\n            \"pau-vila-comptador\"\n        );\n\n\n    const text =\n        document.getElementById(\n            \"pau-vila-text\"\n        );\n\n\n    \/* COMPROVAR *\/\n\n    if (dies > 0) {\n\n        text.innerHTML =\n            '\ud83c\udf92 FALTEN <strong>' +\n            dies +\n            '<\/strong> DIES PER TORNAR A L\u2019ESCOLA \ud83c\udf92';\n\n    } else {\n\n        comptador.innerHTML =\n            '\ud83c\udf89 <strong>JA HEM TORNAT!<\/strong> ' +\n            'BENVINGUTS AL NOU CURS! \ud83c\udf92\ud83d\udcda';\n\n    }\n\n})();\n\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udd98 Necessites ajuda? Aquest apartat encara es troba en manteniment, alguns dels botons no estan operatius. Disculpeu les mol\u00e8sties. Com et podem ajudar? Selecciona l&#8217;opci\u00f3 que necessitis. \ud83d\udcc4 Tr\u00e0mits \ud83c\udf7d\ufe0f Menjador \ud83d\ude8c Excursions \ud83d\udcc5 Calendari \ud83d\udcde Contacte \u2753 Altres dubtes \ud83d\udc9b\ud83d\udcda EL PAU VILA ES PREPARA PER A UN NOU CURS! \ud83c\udf92\u2728 \ud83c\udf92 FALTEN &#8212; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/agora.xtec.cat\/ceippauvilaelpapiol\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agora.xtec.cat\/ceippauvilaelpapiol\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agora.xtec.cat\/ceippauvilaelpapiol\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/ceippauvilaelpapiol\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/ceippauvilaelpapiol\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":6,"href":"https:\/\/agora.xtec.cat\/ceippauvilaelpapiol\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":9554,"href":"https:\/\/agora.xtec.cat\/ceippauvilaelpapiol\/wp-json\/wp\/v2\/pages\/2\/revisions\/9554"}],"wp:attachment":[{"href":"https:\/\/agora.xtec.cat\/ceippauvilaelpapiol\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}