{"id":2737,"date":"2025-09-22T21:47:16","date_gmt":"2025-09-22T19:47:16","guid":{"rendered":"https:\/\/hilaris-blonie.pl\/?page_id=2737"},"modified":"2026-08-29T13:50:17","modified_gmt":"2026-08-29T11:50:17","slug":"sekretariat","status":"publish","type":"page","link":"https:\/\/hilaris-blonie.pl\/?page_id=2737","title":{"rendered":"Sekretariat"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2737\" class=\"elementor elementor-2737\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71fe83d e-grid elementor-hidden-desktop e-con-boxed e-con e-parent\" data-id=\"71fe83d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-981051e e-flex e-con-boxed e-con e-parent\" data-id=\"981051e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2bb50f elementor-widget elementor-widget-html\" data-id=\"c2bb50f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================================\n     HILARIS \u2014 SZKO\u0141A \u2192 SEKRETARIAT (page_id=2737)\n     Jeden widget HTML w Elementorze. Blok jest w pe\u0142ni samodzielny:\n     nie wymaga rdzenia (hilaris-CORE) ani \u017cadnych dodatkowych plik\u00f3w.\n     ---------------------------------------------------------------------------\n     Utrzymany w tej samej konwencji co \u201eMisja i wizja\u201d, \u201eDwuj\u0119zyczno\u015b\u0107\u201d,\n     \u201eGaleria\u201d i \u201eDokumenty\u201d: granatowy nag\u0142\u00f3wek ze z\u0142otym akcentem, szeryfowe\n     tytu\u0142y (Source Serif 4), wy\u015brodkowane nag\u0142\u00f3wki sekcji, kafle reaguj\u0105ce\n     na najechanie, animacje wej\u015bcia i dolny pasek szybkich akcji na telefonie.\n     ---------------------------------------------------------------------------\n     \u25b8 CO ZOSTA\u0141O Z POPRZEDNIEJ WERSJI\n     Serce strony jest to samo: \u017cywy wska\u017anik \u201eteraz otwarte \/ zamkni\u0119te\u201d,\n     o\u015b czasu dzisiejszego dy\u017curu i tabela godzin z pod\u015bwietlonym dniem.\n     ---------------------------------------------------------------------------\n     \u25b8 CO ZOSTA\u0141O ULEPSZONE\n     1. \u015aWI\u0118TA LICZ\u0104 SI\u0118 SAME. Wcze\u015bniej by\u0142a r\u0119czna lista dat na lata 2025\n        i 2026 \u2014 po nich strona przesta\u0142aby rozpoznawa\u0107 dni wolne i w Bo\u017ce\n        Narodzenie 2027 pokaza\u0142aby \u201eotwarte\u201d. Teraz skrypt wylicza wszystkie\n        polskie \u015bwi\u0119ta ustawowe dla dowolnego roku, \u0142\u0105cznie z ruchomymi\n        (Wielkanoc, Poniedzia\u0142ek Wielkanocny, Zielone \u015awi\u0105tki, Bo\u017ce Cia\u0142o),\n        z daty Wielkanocy liczonej wzorem. Lista nigdy si\u0119 nie zestarzeje.\n     2. WIDA\u0106, KIEDY OTWIERAMY. Wcze\u015bniej poza godzinami pracy strona m\u00f3wi\u0142a\n        tylko \u201ezamkni\u0119te\u201d. Teraz dopisuje, kiedy sekretariat b\u0119dzie czynny \u2014\n        \u201eotwieramy dzi\u015b o 9:00 (za 2 godz. 10 min)\u201d, \u201eotwieramy jutro o 8:00\u201d\n        albo \u201eotwieramy w poniedzia\u0142ek o 8:00\u201d. Gdy jest otwarte, pokazuje,\n        ile czasu zosta\u0142o do zamkni\u0119cia.\n     3. CZAS LICZONY WED\u0141UG ZEGARA W POLSCE. Wcze\u015bniej brany by\u0142 zegar\n        urz\u0105dzenia \u2014 kto\u015b odwiedzaj\u0105cy stron\u0119 z innej strefy czasowej widzia\u0142\n        nieprawdziwy status. Teraz godzina jest odczytywana dla strefy\n        Europe\/Warsaw, niezale\u017cnie od ustawie\u0144 telefonu.\n     4. GODZINY W JEDNYM MIEJSCU. Wcze\u015bniej te same godziny sta\u0142y dwa razy:\n        w tabeli HTML i w tablicy w skrypcie \u2014 \u0142atwo by\u0142o poprawi\u0107 jedno,\n        a zapomnie\u0107 o drugim. Teraz jedynym \u017ar\u00f3d\u0142em s\u0105 atrybuty data-od\n        i data-do przy wierszach tabeli; skrypt sam wpisuje z nich napisy.\n     5. DNI DODATKOWO ZAMKNI\u0118TE. Dosz\u0142a prosta lista dat (ferie, dni wolne\n        od zaj\u0119\u0107) \u2014 patrz ZAMKNIETE w skrypcie.\n     6. TRE\u015a\u0106 SIEDZI W HTML, nie w skrypcie: godziny, nazwiska i dane\n        kontaktowe wida\u0107 nawet z wy\u0142\u0105czonym JavaScriptem.\n     ---------------------------------------------------------------------------\n     \u25b8 GDZIE CO\u015a ZMIENI\u0106\n     \u2022 godziny pracy      \u2014 data-od \/ data-do przy wierszach <li> w tabeli\n                            (liczby to minuty od p\u00f3\u0142nocy: 8:00 = 480)\n     \u2022 dni wolne poza \u015bwi\u0119tami \u2014 tablica ZAMKNIETE na pocz\u0105tku skryptu\n     \u2022 pracownicy         \u2014 sekcja \u201eNasz sekretariat\u201d w HTML\n     \u2022 telefon i e-mail   \u2014 sekcja \u201eKontakt bezpo\u015bredni\u201d w HTML\n     ========================================================================== -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\"\n      href=\"https:\/\/fonts.googleapis.com\/css2?family=Source+Serif+4:opsz,wght@8..60,600;8..60,700&display=swap\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   STYLE ZAPASOWE \u2014 DZIA\u0141ANIE BEZ RDZENIA\n   Regu\u0142y w :where() maj\u0105 ZEROW\u0104 moc: gdy rdze\u0144 hilaris-CORE jest wczytany,\n   wygrywaj\u0105 jego ustawienia; gdy go nie ma, blok wygl\u0105da tak samo.\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n:where(.hx-sek){\n  --navy:#0E2B4D; --gold:#C9A227; --gold-l:#F0D98A; --paper:#ffffff;\n  --mist:#F3F6F8; --line:#E2E8EC; --ink:#12324B; --ink-2:#5A6E7E;\n  --ok:#1F8A4C; --nie:#B23A2B;\n  --r:16px; --pad:18px;\n  display:block;color:var(--ink,#12324B);\n  font-family:'Figtree',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;\n  line-height:1.55;\n}\n:where(.hx-sek) .hx-app{max-width:520px;margin:0 auto;background:#fff;}\n:where(.hx-sek) .hx-sec{padding:34px var(--pad,18px);}\n:where(.hx-sek) .hx-sec--mist{background:var(--mist,#F3F6F8);}\n:where(.hx-sek) .hx-h{font-size:clamp(1.35rem,3vw,2rem);margin:0 0 8px;\n  color:var(--navy,#0E2B4D);line-height:1.2;}\n:where(.hx-sek) .hx-sub{color:var(--ink-2,#5A6E7E);margin:0 0 20px;font-size:.95rem;line-height:1.6;}\n:where(.hx-sek) .hx-kicker{color:var(--gold-l,#F0D98A);font-weight:800;letter-spacing:.14em;\n  text-transform:uppercase;font-size:.7rem;margin:0;}\n:where(.hx-sek) .hx-back{display:inline-flex;gap:8px;align-items:center;\n  padding:12px var(--pad,18px);color:var(--ink-2,#5A6E7E);text-decoration:none;\n  font-weight:700;font-size:.9rem;}\n:where(.hx-sek) .hx-back svg{width:18px;height:18px;}\n:where(.hx-sek) .hx-grid{display:grid;gap:12px;\n  grid-template-columns:repeat(var(--cols,1),minmax(0,1fr));}\n:where(.hx-sek) .hx-tile{display:block;padding:18px;background:var(--paper,#fff);\n  border:1px solid var(--line,#E2E8EC);border-radius:var(--r,16px);\n  text-decoration:none;color:inherit;}\n:where(.hx-sek) .hx-tile b{display:block;margin-top:9px;font-weight:700;font-size:.98rem;\n  color:var(--navy,#0E2B4D);}\n:where(.hx-sek) .hx-tile u{text-decoration:none;display:block;font-size:.8rem;\n  color:var(--ink-2,#5A6E7E);margin-top:2px;}\n:where(.hx-sek) .hx-ic svg{width:26px;height:26px;stroke:var(--c,#2E86C8);fill:none;stroke-width:1.9;}\n:where(.hx-sek) .hx-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;\n  max-width:520px;margin:0 auto;background:#fff;border-top:1px solid var(--line,#E2E8EC);\n  padding-bottom:env(safe-area-inset-bottom);}\n:where(.hx-sek) .hx-bar a{flex:1;display:grid;place-items:center;gap:3px;padding:9px 6px;\n  font-size:.7rem;text-decoration:none;color:var(--ink,#12324B);font-weight:600;}\n:where(.hx-sek) .hx-bar svg{width:20px;height:20px;stroke:currentColor;fill:none;}\n:where(.hx-sek) .hx-bar a.is-main{color:var(--navy,#0E2B4D);}\n@media (min-width:900px){\n  :where(.hx-sek) .hx-app{max-width:1140px;}\n  :where(.hx-sek) .hx-grid{grid-template-columns:repeat(var(--cols-d,3),minmax(0,1fr));}\n  :where(.hx-sek) .hx-bar{display:none;}\n}\n<\/style>\n<style>\n.hx-sek,.hx-sek *,.hx-sek *::before,.hx-sek *::after{box-sizing:border-box;}\n.hx-sek [hidden]{display:none !important;}\n\/* \u2500\u2500 CZCIONKA NAG\u0141\u00d3WK\u00d3W (bez ozdobnego \u201eJ\u201d) \u2500\u2500 *\/\n.hx-sek h1,.hx-sek h2,.hx-sek h3,.hx-sek .hx-h,\n.hx-sek .sk-tablo__h,.hx-sek .sk-os__n,.hx-sek .sk-kt__w{\n  font-family:'Source Serif 4',Georgia,'Times New Roman',serif !important;\n}\n.hx-sek .hx-h{text-align:center;}\n.hx-sek .hx-sub{text-align:center;max-width:64ch;margin-left:auto;margin-right:auto;}\n.hx-sek .hx-app{padding-bottom:calc(48px + env(safe-area-inset-bottom));}\n@media (min-width:900px){\n  .hx-sek .hx-app{padding-bottom:0;\n    max-width:min(1140px,94vw) !important;width:100%;\n    margin-left:auto !important;margin-right:auto !important;}\n  .hx-sek{--pad:40px;}\n}\n@media (min-width:1400px){\n  .hx-sek .hx-app{max-width:min(1280px,94vw) !important;}\n}\n.hx-sek .hx-grid{grid-template-columns:repeat(var(--cols),minmax(0,1fr));}\n@media (min-width:900px){\n  .hx-sek .hx-grid{grid-template-columns:repeat(var(--cols-d),minmax(0,1fr));}\n}\n.hx-sek .hx-tile{min-width:0;overflow-wrap:anywhere;}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ANIMACJE WEJ\u015aCIA \u2014 sterowane skryptem\n   Nie u\u017cywamy \u201eanimation-timeline: view()\u201d, bo na telefonie taka animacja nie\n   dochodzi\u0142a do ko\u0144ca przy ostatnich sekcjach strony (nie ma ju\u017c czego\n   przewija\u0107) i d\u00f3\u0142 strony zostawa\u0142 wyblak\u0142y. Tutaj skrypt ods\u0142ania element,\n   gdy tylko wjedzie w kadr, po 4 s ods\u0142ania wszystko na wszelki wypadek,\n   a po animacji USUWA atrybut data-anim \u2014 dzi\u0119ki temu efekty najechania nie\n   przegrywaj\u0105 z resztkow\u0105 regu\u0142\u0105. Bez skryptu klasa .sk-js nie zostanie\n   dodana i nic nie b\u0119dzie ukryte.\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hx-sek.sk-js [data-anim]{opacity:0;transform:translateY(22px);\n  transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1);}\n.hx-sek.sk-js [data-anim].in{opacity:1;transform:none;}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   NAG\u0141\u00d3WEK\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hx-sek .sk-hero{background:var(--navy,#0E2B4D);color:#fff;\n  padding:26px var(--pad,18px) 30px;position:relative;overflow:hidden;}\n.hx-sek .sk-hero::after{content:\"\";position:absolute;right:-90px;top:-90px;\n  width:260px;height:260px;border-radius:50%;background:rgba(217,164,23,.13);}\n.hx-sek .sk-hero > *{position:relative;z-index:2;}\n.hx-sek .sk-hero > .hx-kicker{margin:0 0 4px !important;}\n.hx-sek .sk-hero > h1{margin:0 !important;line-height:1.16;color:#fff;\n  font-size:clamp(1.8rem,7.2vw,2.3rem);}\n.hx-sek .sk-lead{color:#C6D7E5;font-size:.95rem;margin:12px 0 0;line-height:1.65;max-width:54ch;}\n@media (min-width:900px){\n  .hx-sek .sk-hero{padding:44px var(--pad,18px) 46px;\n    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);\n    column-gap:clamp(28px,3.4vw,52px);row-gap:0;align-items:center;}\n  .hx-sek .sk-hero > .hx-kicker{grid-column:1;align-self:end;}\n  .hx-sek .sk-hero > h1{grid-column:1;align-self:start;}\n  .hx-sek .sk-lead{grid-column:2;grid-row:1 \/ span 2;align-self:center;margin:0;font-size:1.02rem;}\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TABLICA \u201eCZY SEKRETARIAT JEST TERAZ CZYNNY\u201d\n   ---------------------------------------------------------------------------\n   Poprzedni uk\u0142ad mia\u0142 dwie bia\u0142e karty obok siebie: w lewej sam ma\u0142y\n   wska\u017anik stanu, w prawej lista godzin. Gdy sekretariat by\u0142 zamkni\u0119ty,\n   o\u015b czasu znika\u0142a i lewa karta zostawa\u0142a w po\u0142owie pusta \u2014 p\u00f3\u0142 szeroko\u015bci\n   ekranu zajmowa\u0142 jeden czerwony napis.\n   Teraz jest jedna szeroka granatowa tablica, w kt\u00f3rej OBIE po\u0142owy zawsze\n   co\u015b pokazuj\u0105:\n     \u2022 lewa  \u2014 stan, du\u017cy komunikat (\u201eZamykamy o 16:00\u201d, \u201eOtwieramy jutro\n               o 8:00\u201d) i przycisk dopasowany do sytuacji: gdy otwarte \u2014\n               zadzwo\u0144, gdy zamkni\u0119te \u2014 napisz e-mail,\n     \u2022 prawa \u2014 o\u015b czasu dzisiejszego dy\u017curu, a w dni bez dy\u017curu (weekend,\n               \u015bwi\u0119to) blok \u201eNajbli\u017cszy dy\u017cur\u201d z dniem i godzinami.\n   Pod tablic\u0105 tydzie\u0144 w kafelkach zamiast pionowej listy \u2014 wype\u0142nia\n   szeroko\u015b\u0107 i od razu wida\u0107, \u017ce w weekend jest nieczynne.\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hx-sek .sk-tablo{position:relative;overflow:hidden;border-radius:20px;\n  background:linear-gradient(135deg,var(--navy,#0E2B4D) 0%,#16295C 100%);\n  color:#fff;padding:26px 22px;display:grid;gap:24px;\n  box-shadow:0 30px 60px -38px rgba(14,43,77,.95);}\n.hx-sek .sk-tablo::after{content:\"\";position:absolute;right:-90px;top:-110px;\n  width:280px;height:280px;border-radius:50%;background:rgba(217,164,23,.12);\n  pointer-events:none;}\n.hx-sek .sk-tablo > *{position:relative;z-index:2;min-width:0;}\n@media (min-width:900px){\n  .hx-sek .sk-tablo{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);\n    gap:clamp(28px,3.6vw,56px);align-items:center;padding:36px 38px;}\n  \/* delikatna pionowa kreska mi\u0119dzy po\u0142owami *\/\n  .hx-sek .sk-tablo__p{position:relative;padding-left:clamp(28px,3.6vw,56px);}\n  .hx-sek .sk-tablo__p::before{content:\"\";position:absolute;left:0;top:6%;bottom:6%;\n    width:1px;background:linear-gradient(180deg,rgba(255,255,255,0),\n      rgba(255,255,255,.22),rgba(255,255,255,0));}\n}\n\/* \u2500\u2500 PLAKIETKA STANU \u2500\u2500 *\/\n.hx-sek .sk-plak{display:inline-flex;align-items:center;gap:9px;border-radius:999px;\n  padding:7px 15px;font-size:.72rem;font-weight:800;letter-spacing:.13em;\n  text-transform:uppercase;background:rgba(255,255,255,.13);color:#C6D7E5;\n  transition:background .4s ease,color .4s ease;}\n.hx-sek .sk-plak__k{width:9px;height:9px;border-radius:50%;flex:none;background:#9AA9B5;}\n.hx-sek .sk-tablo.jest .sk-plak{background:rgba(64,199,124,.16);color:#7BE0A8;}\n.hx-sek .sk-tablo.jest .sk-plak__k{background:#40C77C;animation:sk-puls 2.4s ease-out infinite;}\n@keyframes sk-puls{\n  0%{box-shadow:0 0 0 0 rgba(64,199,124,.6);}\n  70%{box-shadow:0 0 0 10px rgba(64,199,124,0);}\n  100%{box-shadow:0 0 0 0 rgba(64,199,124,0);}\n}\n.hx-sek .sk-tablo.nie .sk-plak{background:rgba(232,110,94,.16);color:#F0A79B;}\n.hx-sek .sk-tablo.nie .sk-plak__k{background:#E86E5E;}\n.hx-sek .sk-tablo.swieto .sk-plak{background:rgba(240,217,138,.18);color:var(--gold-l,#F0D98A);}\n.hx-sek .sk-tablo.swieto .sk-plak__k{background:var(--gold-l,#F0D98A);}\n\/* \u2500\u2500 DU\u017bY KOMUNIKAT \u2500\u2500\n   white-space:nowrap trzyma go w JEDNEJ linii. Rozmiar musi to ud\u017awign\u0105\u0107:\n   najd\u0142u\u017cszy wariant to \u201eOtwieramy w poniedzia\u0142ek o 8:00\u201d (31 znak\u00f3w), wi\u0119c\n   g\u00f3rna granica clamp() jest dobrana tak, \u017ceby zmie\u015bci\u0142 si\u0119 i w lewej\n   kolumnie na komputerze, i na w\u0105skim telefonie. St\u0105d nieco mniejszy stopie\u0144\n   ni\u017c wcze\u015bniej \u2014 przy okazji ca\u0142a tablica jest przez to ni\u017csza. *\/\n.hx-sek .sk-tablo__h{margin:12px 0 0;font-weight:700;line-height:1.15;color:#fff;\n  font-size:clamp(1.12rem,4.7vw,1.95rem);letter-spacing:-.01em;white-space:nowrap;}\n\/* Zdanie pod spodem te\u017c w jednej linii \u2014 razem z godzin\u0105 w Polsce.\n   Gdyby na bardzo w\u0105skim ekranie zabrak\u0142o miejsca (d\u0142uga nazwa \u015bwi\u0119ta),\n   ko\u0144c\u00f3wka jest przycinana wielokropkiem zamiast \u0142ama\u0107 si\u0119 na dwa wiersze. *\/\n.hx-sek .sk-tablo__s{margin:7px 0 0;color:#B9CCDE;font-size:.9rem;line-height:1.45;\n  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\n\/* \u2500\u2500 PRAWA PO\u0141OWA: O\u015a CZASU \u2500\u2500 *\/\n.hx-sek .sk-czas__l{font-size:.72rem;font-weight:800;letter-spacing:.13em;\n  text-transform:uppercase;color:#8FA8BE;margin:0 0 14px;}\n.hx-sek .sk-czas__t{position:relative;height:10px;border-radius:99px;\n  background:rgba(255,255,255,.15);}\n.hx-sek .sk-czas__w{position:absolute;left:0;top:0;height:100%;width:0;border-radius:99px;\n  background:linear-gradient(90deg,var(--gold-l,#F0D98A),var(--gold,#C9A227));\n  transition:width .9s cubic-bezier(.22,1,.36,1);}\n.hx-sek .sk-czas__p{position:absolute;top:50%;left:0;width:17px;height:17px;border-radius:50%;\n  background:#fff;transform:translate(-50%,-50%);\n  box-shadow:0 0 0 4px rgba(240,217,138,.35),0 4px 12px -3px rgba(0,0,0,.6);\n  transition:left .9s cubic-bezier(.22,1,.36,1);}\n.hx-sek .sk-czas__e{display:flex;justify-content:space-between;font-size:.82rem;\n  color:#B9CCDE;margin-top:12px;font-variant-numeric:tabular-nums;}\n\/* \u2500\u2500 TRYB BEZ OSI CZASU \u2500\u2500\n   W dni bez dy\u017curu (weekend, \u015bwi\u0119to) nie ma czego rysowa\u0107 na osi, a kafelek\n   \u201eNajbli\u017cszy dy\u017cur\u201d zosta\u0142 usuni\u0119ty, bo powtarza\u0142 to, co m\u00f3wi du\u017cy napis.\n   \u017beby prawa po\u0142owa nie zostawa\u0142a pusta, tablica przechodzi wtedy na jedn\u0105\n   kolumn\u0119 \u2014 jest po prostu w\u0119\u017csza i ni\u017csza zamiast dziurawa. *\/\n@media (min-width:900px){\n  .hx-sek .sk-tablo.bez-osi{grid-template-columns:minmax(0,1fr);}\n  .hx-sek .sk-tablo.bez-osi .sk-tablo__p{display:none;}\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TYDZIE\u0143 W KAFELKACH\n   Jedna siatka na wszystkie szeroko\u015bci: 2 kolumny na telefonie, 4 na tablecie,\n   7 na komputerze. Dzie\u0144 i godziny stoj\u0105 jeden pod drugim, wi\u0119c kafelek\n   czyta si\u0119 tak samo przy ka\u017cdej szeroko\u015bci.\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hx-sek .sk-tydzien{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px;\n  grid-template-columns:repeat(2,minmax(0,1fr));}\n\/* Przy dw\u00f3ch kolumnach siedem dni zostawia ostatni kafelek sam w rz\u0119dzie.\n   Je\u015bli liczba dni jest nieparzysta, ostatni rozci\u0105gamy na obie kolumny \u2014\n   rz\u0105d wygl\u0105da wtedy na zamierzony, a nie na urwany. Przy parzystej liczbie\n   (np. gdyby dosz\u0142a jeszcze jedna pozycja) regu\u0142a sama przestaje dzia\u0142a\u0107. *\/\n@media (max-width:599px){\n  .hx-sek .sk-tydzien .sk-dzien:last-child:nth-child(odd){grid-column:1 \/ -1;}\n}\n@media (min-width:600px){ .hx-sek .sk-tydzien{grid-template-columns:repeat(4,minmax(0,1fr));} }\n@media (min-width:900px){ .hx-sek .sk-tydzien{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;} }\n.hx-sek .sk-dzien{position:relative;background:var(--paper,#fff);\n  border:1px solid var(--line,#E2E8EC);border-radius:14px;padding:14px 12px;\n  text-align:center;min-width:0;\n  transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,\n             border-color .3s ease;}\n.hx-sek .sk-dzien__n{display:block;font-size:.76rem;font-weight:700;\n  color:var(--ink-2,#5A6E7E);letter-spacing:.02em;}\n.hx-sek .sk-dzien__g{display:block;margin-top:7px;font-weight:700;font-size:.9rem;\n  color:var(--navy,#0E2B4D);font-variant-numeric:tabular-nums;line-height:1.3;}\n.hx-sek .sk-dzien.wolne{background:var(--mist,#F3F6F8);}\n.hx-sek .sk-dzien.wolne .sk-dzien__g{color:#93A5AF;font-weight:600;}\n\/* dzisiejszy kafelek \u2014 z\u0142ota obw\u00f3dka i znacznik nad nim *\/\n.hx-sek .sk-dzien.dzis{background:rgba(201,162,39,.12);border-color:var(--gold,#C9A227);\n  box-shadow:0 14px 28px -18px rgba(201,162,39,.9);}\n.hx-sek .sk-dzien.dzis::before{content:\"dzi\u015b\";position:absolute;top:-9px;left:50%;\n  transform:translateX(-50%);font-size:.62rem;font-weight:800;letter-spacing:.12em;\n  text-transform:uppercase;color:#3B2A00;background:var(--gold,#C9A227);\n  border-radius:99px;padding:3px 10px;white-space:nowrap;}\n@media (hover:hover){\n  .hx-sek .sk-dzien:hover{transform:translateY(-3px);\n    box-shadow:0 16px 30px -20px rgba(14,43,77,.6);}\n}\n.hx-sek .sk-uwaga{font-size:.82rem;color:var(--ink-2,#5A6E7E);margin:16px 0 0;\n  line-height:1.55;text-align:center;}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   NASZ SEKRETARIAT \u2014 osoby\n   Zdj\u0119cia s\u0105 teraz DU\u017bO wi\u0119ksze: zamiast ma\u0142ych k\u00f3\u0142ek obok tekstu ka\u017cda\n   osoba ma pe\u0142n\u0105 kart\u0119 ze zdj\u0119ciem na g\u00f3rze. Na telefonie kwadrat na ca\u0142\u0105\n   szeroko\u015b\u0107, na komputerze kadr pionowy (4:5) \u2014 naturalny dla portretu.\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hx-sek .sk-osoby{display:grid;gap:18px;grid-template-columns:minmax(0,1fr);}\n@media (min-width:700px){\n  .hx-sek .sk-osoby{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}\n}\n@media (min-width:1100px){\n  \/* przy bardzo szerokim ekranie karty nie rozje\u017cd\u017caj\u0105 si\u0119 na ca\u0142\u0105 szeroko\u015b\u0107 *\/\n  .hx-sek .sk-osoby{max-width:820px;margin-left:auto;margin-right:auto;}\n}\n.hx-sek .sk-os{position:relative;overflow:hidden;min-width:0;\n  background:var(--paper,#fff);border:1px solid var(--line,#E2E8EC);\n  border-radius:20px;\n  box-shadow:0 22px 46px -34px rgba(14,43,77,.75);\n  transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s ease,\n             border-color .38s ease;}\n\/* \u2500\u2500 ZDJ\u0118CIE: Z\u0141OTA RAMKA, LU\u0179NIEJSZY KADR, B\u0141YSK, POWI\u0118KSZANIE \u2500\u2500\n   Kadr jest teraz lu\u017aniejszy ni\u017c wcze\u015bniej: na telefonie proporcja 4:5\n   zamiast kwadratu (wida\u0107 wi\u0119cej postaci), a punkt zaczepienia zszed\u0142\n   z 22% na 34%, wi\u0119c kadr nie \u201ewje\u017cd\u017ca\u201d tak mocno na twarz.\n   \u25b8 DWIE LICZBY DO REGULACJI, gdyby nadal by\u0142o za ciasno:\n       \u2022 aspect-ratio ni\u017cej (np. 3\/4 poka\u017ce jeszcze wi\u0119cej wysoko\u015bci),\n       \u2022 --kadr przy zdj\u0119ciu w kodzie HTML (mniejszy % = kadr wy\u017cej). *\/\n.hx-sek .sk-os__f{position:relative;display:block;width:100%;overflow:hidden;\n  aspect-ratio:4\/5;background:var(--mist,#F3F6F8);border:0;padding:0;\n  cursor:zoom-in;\n  \/* z\u0142ota ramka \u2014 cienka linia tu\u017c przy kraw\u0119dzi zdj\u0119cia *\/\n  box-shadow:inset 0 0 0 2px rgba(201,162,39,.55);}\n@media (min-width:700px){ .hx-sek .sk-os__f{aspect-ratio:3\/4;} }\n.hx-sek .sk-os__f img{width:100%;height:100%;object-fit:cover;display:block;\n  object-position:var(--kadr,center 34%);\n  transition:transform .8s cubic-bezier(.22,1,.36,1);}\n\/* Delikatne rozja\u015bnienie u do\u0142u zdj\u0119cia \u2014 \u0142agodne przej\u015bcie do podpisu.\n   Krycie zmniejszone z .5 do .25, bo przy poprzedniej warto\u015bci dolna cz\u0119\u015b\u0107\n   fotografii wpada\u0142a ju\u017c w biel. Chcesz jeszcze subtelniej? Zmniejsz .25;\n   chcesz mocniejsze przej\u015bcie \u2014 zwi\u0119ksz. *\/\n.hx-sek .sk-os__f::after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:34%;\n  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.25));\n  pointer-events:none;}\n\/* przelot \u015bwiat\u0142a po najechaniu *\/\n.hx-sek .sk-os__b{position:absolute;inset:-40%;z-index:2;pointer-events:none;opacity:0;\n  background:linear-gradient(100deg,rgba(255,255,255,0) 42%,rgba(255,255,255,.5) 50%,\n    rgba(255,255,255,0) 58%);\n  transform:translateX(-140%) skewX(-14deg);}\n@keyframes sk-przelot{\n  from{transform:translateX(-140%) skewX(-14deg);}\n  to{transform:translateX(150%) skewX(-14deg);}\n}\n\/* ikona lupy \u2014 podpowiada, \u017ce zdj\u0119cie da si\u0119 powi\u0119kszy\u0107 *\/\n.hx-sek .sk-os__l{position:absolute;right:12px;top:12px;z-index:3;width:38px;height:38px;\n  border-radius:50%;display:grid;place-items:center;pointer-events:none;\n  background:rgba(10,31,58,.62);color:var(--gold-l,#F0D98A);\n  opacity:0;transform:scale(.85);\n  transition:opacity .35s ease,transform .35s cubic-bezier(.34,1.56,.64,1);}\n.hx-sek .sk-os__l svg{width:17px;height:17px;stroke:currentColor;fill:none;\n  stroke-width:2.2;stroke-linecap:round;}\n.hx-sek .sk-os__f:focus-visible{outline:3px solid var(--gold,#C9A227);outline-offset:3px;}\n.hx-sek .sk-os__f:focus-visible .sk-os__l{opacity:1;transform:scale(1);}\n.hx-sek .sk-os__d{display:block;padding:18px 20px 20px;text-align:center;}\n.hx-sek .sk-os__n{display:block;font-weight:700;font-size:1.2rem;line-height:1.25;\n  color:var(--navy,#0E2B4D);}\n.hx-sek .sk-os__r{display:inline-block;margin-top:9px;font-size:.76rem;font-weight:700;\n  letter-spacing:.06em;text-transform:uppercase;color:#7B5B12;\n  background:rgba(201,162,39,.16);border-radius:999px;padding:6px 14px;}\n@media (hover:hover){\n  .hx-sek .sk-os:hover{transform:translateY(-6px);border-color:rgba(201,162,39,.6);\n    box-shadow:0 34px 60px -30px rgba(14,43,77,.8);}\n  .hx-sek .sk-os:hover .sk-os__f img{transform:scale(1.06);}\n  .hx-sek .sk-os:hover .sk-os__b{opacity:1;animation:sk-przelot 1.05s ease-out;}\n  .hx-sek .sk-os:hover .sk-os__l{opacity:1;transform:scale(1);}\n}\n@media (min-width:900px){\n  .hx-sek .sk-os__d{padding:22px 24px 24px;}\n  .hx-sek .sk-os__n{font-size:1.32rem;}\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   POWI\u0118KSZENIE ZDJ\u0118CIA PRACOWNICY\n   Warstw\u0119 skrypt przenosi do <body> i daje jej bardzo wysoki z-index \u2014\n   inaczej przyklejony nag\u0142\u00f3wek witryny potrafi j\u0105 przykry\u0107.\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hx-sek-lb{position:fixed;inset:0;z-index:2147480000;background:rgba(6,20,38,.94);\n  display:none;place-items:center;padding:clamp(14px,3vw,40px);\n  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);\n  font-family:'Figtree',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;}\n.hx-sek-lb.on{display:grid;}\n.hx-sek-lb *{box-sizing:border-box;}\n.hx-sek-lb figure{margin:0;display:grid;justify-items:center;gap:14px;max-width:100%;}\n.hx-sek-lb img{display:block;max-width:min(92vw,760px);max-height:80vh;width:auto;height:auto;\n  border-radius:14px;background:#0A1F3A;\n  box-shadow:0 0 0 2px rgba(201,162,39,.55),0 40px 90px -40px #000;}\n.hx-sek-lb figcaption{color:#C3D3E3;font-size:.92rem;line-height:1.5;text-align:center;}\n.hx-sek-lb button{position:absolute;-webkit-appearance:none;appearance:none;cursor:pointer;\n  display:grid;place-items:center;color:#F0D98A;background:rgba(10,31,58,.82);\n  border:0;border-radius:50%;width:52px;height:52px;padding:0;\n  box-shadow:0 0 0 1px rgba(240,217,138,.55),0 14px 34px -14px rgba(0,0,0,.9);\n  transition:transform .25s ease,background .25s ease;}\n.hx-sek-lb button svg{width:20px;height:20px;stroke:currentColor;fill:none;\n  stroke-width:2.6;stroke-linecap:round;}\n.hx-sek-lb button:hover{transform:scale(1.08);background:rgba(10,31,58,.95);}\n.hx-sek-lb button:focus-visible{outline:3px solid #F0D98A;outline-offset:3px;}\n.hx-sek-lb__x{top:clamp(12px,2.4vw,26px);right:clamp(12px,2.4vw,26px);}\n.hx-sek-lb__p,.hx-sek-lb__n{top:50%;margin-top:-26px;}\n.hx-sek-lb__p{left:clamp(8px,2vw,26px);}\n.hx-sek-lb__n{right:clamp(8px,2vw,26px);}\n@media (max-width:560px){\n  .hx-sek-lb__p,.hx-sek-lb__n{top:auto;bottom:18px;margin-top:0;width:46px;height:46px;}\n  .hx-sek-lb__p{left:27%;}\n  .hx-sek-lb__n{right:27%;}\n}\nbody.hx-sek-stop{overflow:hidden;}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   KONTAKT BEZPO\u015aREDNI\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hx-sek .sk-kontakt{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);}\n@media (min-width:700px){\n  .hx-sek .sk-kontakt{grid-template-columns:repeat(3,minmax(0,1fr));}\n}\n.hx-sek .sk-kt{display:flex;align-items:center;gap:14px;min-width:0;\n  background:var(--paper,#fff);border:1px solid var(--line,#E2E8EC);\n  border-left:4px solid var(--c,#0E2B4D);border-radius:var(--r,16px);padding:16px 18px;\n  text-decoration:none;color:inherit;position:relative;overflow:hidden;\n  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,\n             border-color .35s ease;}\n.hx-sek .sk-kt__i{width:44px;height:44px;border-radius:12px;flex:none;display:grid;\n  place-items:center;background:color-mix(in srgb,var(--c,#0E2B4D) 12%,transparent);\n  transition:transform .45s cubic-bezier(.34,1.56,.64,1);}\n.hx-sek .sk-kt__i svg{width:21px;height:21px;stroke:var(--c,#0E2B4D);fill:none;\n  stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}\n.hx-sek .sk-kt__e{display:block;font-size:.7rem;font-weight:800;letter-spacing:.12em;\n  text-transform:uppercase;color:var(--ink-2,#5A6E7E);}\n.hx-sek .sk-kt__w{display:block;font-weight:700;font-size:1rem;line-height:1.3;\n  color:var(--navy,#0E2B4D);margin-top:3px;overflow-wrap:anywhere;}\n@media (hover:hover){\n  .hx-sek .sk-kt:hover{transform:translateY(-4px);border-color:var(--c,#0E2B4D);\n    box-shadow:0 22px 40px -26px color-mix(in srgb,var(--c,#0E2B4D) 65%,transparent);}\n  .hx-sek .sk-kt:hover .sk-kt__i{transform:scale(1.12) rotate(-6deg);}\n}\n.hx-sek .sk-kt:active{transform:scale(.985);}\n.hx-sek .sk-kt:focus-visible{outline:3px solid var(--gold,#C9A227);outline-offset:3px;}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   KAFLE \u201ePOWI\u0104ZANE STRONY\u201d\n   ---------------------------------------------------------------------------\n   Kafel jest kolumn\u0105 wy\u015brodkowan\u0105 w poziomie: ikona, tytu\u0142, podpis.\n   Podpis ma \u201emargin-top:auto\u201d, wi\u0119c dosuwa si\u0119 do do\u0142u kafla \u2014 dzi\u0119ki temu\n   wszystkie podpisy w rz\u0119dzie le\u017c\u0105 w JEDNEJ LINII, tak\u017ce wtedy, gdy tytu\u0142\n   nad jednym z nich \u0142amie si\u0119 na dwa wiersze.\n   UWAGA na strza\u0142k\u0119 \u2192: siedzi POZA tokiem tekstu (position:absolute). Gdyby\n   by\u0142a zwyk\u0142ym elementem w linii, zajmowa\u0142aby miejsce mimo opacity:0\n   i przesuwa\u0142a napis o kilkana\u015bcie pikseli w lewo od \u015brodka.\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hx-sek .hx-tile{position:relative;overflow:hidden;\n  display:flex;flex-direction:column;align-items:center;text-align:center;\n  transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s ease,\n             border-color .38s ease;}\n.hx-sek .hx-tile b{width:100%;}\n.hx-sek .hx-tile u{display:inline-block;width:auto;max-width:100%;\n  margin-top:auto;padding-top:4px;position:relative;transition:color .3s ease;}\n.hx-sek .hx-tile .hx-ic{display:inline-grid;place-items:center;\n  transition:transform .45s cubic-bezier(.34,1.56,.64,1);}\n.hx-sek .hx-tile u::after{content:\"\u2192\";position:absolute;left:100%;bottom:0;\n  margin-left:6px;display:inline-block;\n  opacity:0;transform:translateX(-5px);color:var(--c,#2E86C8);font-weight:800;\n  transition:opacity .3s ease,transform .35s ease;}\n.hx-sek .hx-tile::before{content:\"\";position:absolute;inset:-40%;pointer-events:none;opacity:0;\n  background:linear-gradient(100deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.55) 50%,\n    rgba(255,255,255,0) 60%);\n  transform:translateX(-140%) skewX(-14deg);}\n@keyframes sk-blysk{\n  from{transform:translateX(-140%) skewX(-14deg);}\n  to{transform:translateX(150%) skewX(-14deg);}\n}\n@media (hover:hover){\n  .hx-sek .hx-tile:hover{transform:translateY(-5px);border-color:var(--c,#2E86C8);\n    box-shadow:0 20px 34px -22px color-mix(in srgb,var(--c,#2E86C8) 60%,transparent);}\n  .hx-sek .hx-tile:hover .hx-ic{transform:scale(1.16) rotate(-7deg);}\n  .hx-sek .hx-tile:hover b{color:var(--c,#2E86C8);}\n  .hx-sek .hx-tile:hover u{color:var(--c,#2E86C8);}\n  .hx-sek .hx-tile:hover u::after{opacity:1;transform:translateX(0);}\n  .hx-sek .hx-tile:hover::before{opacity:1;animation:sk-blysk 1.1s ease-out;}\n}\n.hx-sek .hx-tile:active{transform:scale(.985);}\n\/* \u2500\u2500 SZANUJEMY SYSTEMOWE OGRANICZENIE RUCHU \u2500\u2500 *\/\n@media (prefers-reduced-motion:reduce){\n  .hx-sek.sk-js [data-anim]{opacity:1;transform:none;}\n  .hx-sek .sk-tablo.jest .sk-plak__k{animation:none;}\n  .hx-sek .sk-os,.hx-sek .sk-kt,.hx-sek .hx-tile,.hx-sek .sk-dzien,\n  .hx-sek .sk-czas__w,.hx-sek .sk-czas__p{transition:none;}\n  .hx-sek .sk-os:hover,.hx-sek .sk-kt:hover,.hx-sek .hx-tile:hover,\n  .hx-sek .sk-dzien:hover{transform:none;}\n  .hx-sek .sk-os__b{display:none;}\n  .hx-sek .hx-tile::before{display:none;}\n}\n<\/style>\n<section class=\"hx hx-sek\" id=\"hil-sekretariat\" lang=\"pl\">\n <div class=\"hx-app\">\n  <a class=\"hx-back\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=345\">\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H6M11 6l-6 6 6 6\"\/><\/svg>\n    Szko\u0142a Podstawowa\n  <\/a>\n  <!-- \u2550\u2550 NAG\u0141\u00d3WEK \u2550\u2550 -->\n  <div class=\"sk-hero\">\n    <p class=\"hx-kicker\">Kontakt<\/p>\n    <h1>Sekretariat<\/h1>\n    <p class=\"sk-lead\">Poza godzinami pracy prosimy o wiadomo\u015b\u0107 e-mail \u2014 odpowiadamy\n      nast\u0119pnego dnia roboczego.<\/p>\n  <\/div>\n  <!-- \u2550\u2550 GODZINY PRACY \u2550\u2550\n       \u25b8 GODZINY ZMIENIA SI\u0118 W JEDNYM MIEJSCU: w atrybutach data-od i data-do\n         przy wierszach <li> ni\u017cej. To liczby minut od p\u00f3\u0142nocy:\n             8:00 = 480    9:00 = 540    15:00 = 900    16:00 = 960\n         (godzina \u00d7 60 + minuty). Napisy \u201e8:00 \u2013 15:00\u201d wpisuje z nich skrypt,\n         wi\u0119c nie trzeba poprawia\u0107 ich osobno \u2014 tekst w kodzie jest tylko\n         zapasem na wypadek wy\u0142\u0105czonego JavaScriptu.\n       \u25b8 DZIE\u0143 BEZ DY\u017bURU: usu\u0144 data-od i data-do, zostaw sam <li> z napisem. -->\n  <div class=\"hx-sec\">\n    <h2 class=\"hx-h\" data-anim>Godziny pracy<\/h2>\n    <p class=\"hx-sub\" data-anim>Sprawd\u017a, czy sekretariat jest czynny w tej chwili.<\/p>\n    <!-- TABLICA STANU \u2014 obie po\u0142owy zawsze co\u015b pokazuj\u0105, patrz komentarz\n         przy stylach \u201e.sk-tablo\u201d. Napisy wype\u0142nia skrypt; to, co stoi\n         w kodzie, jest zapasem na wypadek wy\u0142\u0105czonego JavaScriptu. -->\n    <div class=\"sk-tablo\" id=\"skTablo\" data-anim role=\"status\" aria-live=\"polite\">\n      <div>\n        <span class=\"sk-plak\">\n          <span class=\"sk-plak__k\" aria-hidden=\"true\"><\/span>\n          <span id=\"skPlak\">Godziny pracy<\/span>\n        <\/span>\n        <p class=\"sk-tablo__h\" id=\"skGlowny\">Poniedzia\u0142ek \u2013 pi\u0105tek<\/p>\n        <p class=\"sk-tablo__s\" id=\"skPod\">Sekretariat czynny od 8:00, w \u015brody od 9:00.<\/p>\n      <\/div>\n      <div class=\"sk-tablo__p\">\n        <!-- o\u015b czasu \u2014 widoczna w dni, w kt\u00f3re sekretariat ma dy\u017cur -->\n        <div id=\"skOs\" hidden>\n          <p class=\"sk-czas__l\">Dzisiejszy dy\u017cur<\/p>\n          <div class=\"sk-czas__t\">\n            <span class=\"sk-czas__w\" id=\"skOsW\"><\/span>\n            <span class=\"sk-czas__p\" id=\"skOsP\"><\/span>\n          <\/div>\n          <div class=\"sk-czas__e\"><span id=\"skOsOd\"><\/span><span id=\"skOsDo\"><\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <!-- TYDZIE\u0143 W KAFELKACH\n         \u25b8 GODZINY ZMIENIA SI\u0118 TYLKO TUTAJ: w atrybutach data-od i data-do.\n           To minuty od p\u00f3\u0142nocy: 8:00 = 480, 9:00 = 540, 15:00 = 900, 16:00 = 960\n           (godzina \u00d7 60 + minuty). Napisy wpisuje z nich skrypt.\n         \u25b8 DZIE\u0143 BEZ DY\u017bURU: usu\u0144 data-od i data-do, zostaw klas\u0119 \u201ewolne\u201d. -->\n    <ul class=\"sk-tydzien\" id=\"skGodz\" data-anim>\n      <li class=\"sk-dzien\" data-dow=\"1\" data-od=\"480\" data-do=\"900\">\n        <span class=\"sk-dzien__n\">Poniedzia\u0142ek<\/span><span class=\"sk-dzien__g g\">8:00 \u2013 15:00<\/span><\/li>\n      <li class=\"sk-dzien\" data-dow=\"2\" data-od=\"480\" data-do=\"900\">\n        <span class=\"sk-dzien__n\">Wtorek<\/span><span class=\"sk-dzien__g g\">8:00 \u2013 15:00<\/span><\/li>\n      <li class=\"sk-dzien\" data-dow=\"3\" data-od=\"540\" data-do=\"960\">\n        <span class=\"sk-dzien__n\">\u015aroda<\/span><span class=\"sk-dzien__g g\">9:00 \u2013 16:00<\/span><\/li>\n      <li class=\"sk-dzien\" data-dow=\"4\" data-od=\"480\" data-do=\"900\">\n        <span class=\"sk-dzien__n\">Czwartek<\/span><span class=\"sk-dzien__g g\">8:00 \u2013 15:00<\/span><\/li>\n      <li class=\"sk-dzien\" data-dow=\"5\" data-od=\"480\" data-do=\"900\">\n        <span class=\"sk-dzien__n\">Pi\u0105tek<\/span><span class=\"sk-dzien__g g\">8:00 \u2013 15:00<\/span><\/li>\n      <li class=\"sk-dzien wolne\" data-dow=\"6\">\n        <span class=\"sk-dzien__n\">Sobota<\/span><span class=\"sk-dzien__g g\">nieczynne<\/span><\/li>\n      <li class=\"sk-dzien wolne\" data-dow=\"0\">\n        <span class=\"sk-dzien__n\">Niedziela<\/span><span class=\"sk-dzien__g g\">nieczynne<\/span><\/li>\n    <\/ul>\n    <p class=\"sk-uwaga\">W dni ustawowo wolne od pracy sekretariat jest nieczynny.<\/p>\n  <\/div>\n  <!-- \u2550\u2550 NASZ SEKRETARIAT \u2550\u2550 -->\n  <div class=\"hx-sec hx-sec--mist\">\n    <h2 class=\"hx-h\" data-anim>Nasz sekretariat<\/h2>\n    <p class=\"hx-sub\" data-anim>Osoby, kt\u00f3re odbior\u0105 telefon i pomog\u0105 za\u0142atwi\u0107 spraw\u0119.<\/p>\n    <div class=\"sk-osoby\">\n      <div class=\"sk-os\" data-anim>\n        <button type=\"button\" class=\"sk-os__f\" data-foto\n                data-plik=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2025\/09\/37-scaled.jpg\"\n                aria-label=\"Powi\u0119ksz zdj\u0119cie: Joanna Mielczarek\">\n          <img src=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2025\/09\/37-scaled.jpg\"\n               alt=\"Joanna Mielczarek \u2014 sekretarz szko\u0142y\" loading=\"lazy\" decoding=\"async\"\n               style=\"--kadr:center 34%\">\n          <span class=\"sk-os__l\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\"\/><path d=\"M15.4 15.4 21 21M10.5 7.6v5.8M7.6 10.5h5.8\"\/><\/svg><\/span><span class=\"sk-os__b\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <span class=\"sk-os__d\">\n          <b class=\"sk-os__n\">Joanna Mielczarek<\/b>\n          <span class=\"sk-os__r\">Sekretarz szko\u0142y<\/span>\n        <\/span>\n      <\/div>\n      <div class=\"sk-os\" data-anim>\n        <button type=\"button\" class=\"sk-os__f\" data-foto\n                data-plik=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2025\/09\/38-scaled.jpg\"\n                aria-label=\"Powi\u0119ksz zdj\u0119cie: Agnieszka Bednarek\">\n          <img src=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2025\/09\/38-scaled.jpg\"\n               alt=\"Agnieszka Bednarek \u2014 pracownik biurowy\" loading=\"lazy\" decoding=\"async\"\n               style=\"--kadr:center 34%\">\n          <span class=\"sk-os__l\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\"\/><path d=\"M15.4 15.4 21 21M10.5 7.6v5.8M7.6 10.5h5.8\"\/><\/svg><\/span><span class=\"sk-os__b\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <span class=\"sk-os__d\">\n          <b class=\"sk-os__n\">Agnieszka Bednarek<\/b>\n          <span class=\"sk-os__r\">Pracownik biurowy<\/span>\n        <\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n  <!-- \u2550\u2550 KONTAKT BEZPO\u015aREDNI \u2550\u2550 -->\n  <div class=\"hx-sec\">\n    <h2 class=\"hx-h\" data-anim>Kontakt bezpo\u015bredni<\/h2>\n    <p class=\"hx-sub\" data-anim>Na telefonie wystarczy dotkn\u0105\u0107 kafelka, aby zadzwoni\u0107,\n      napisa\u0107 albo wyznaczy\u0107 tras\u0119.<\/p>\n    <div class=\"sk-kontakt\">\n      <a class=\"sk-kt\" style=\"--c:#1F8A4C\" href=\"tel:+48224985525\" data-anim>\n        <span class=\"sk-kt__i\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6.6 10.8a15.5 15.5 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.2.4 2.4.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.4 0 .8-.2 1l-2.3 2.2z\"\/><\/svg><\/span>\n        <span><span class=\"sk-kt__e\">Telefon<\/span><span class=\"sk-kt__w\">22 498 55 25<\/span><\/span><\/a>\n      <a class=\"sk-kt\" style=\"--c:#2E86C8\" href=\"mailto:hilaris@antie.pl\" data-anim>\n        <span class=\"sk-kt__i\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2.5\"\/><path d=\"m3.5 7 8.5 6 8.5-6\"\/><\/svg><\/span>\n        <span><span class=\"sk-kt__e\">E-mail<\/span><span class=\"sk-kt__w\">hilaris@antie.pl<\/span><\/span><\/a>\n      <a class=\"sk-kt\" style=\"--c:#C9A227\" target=\"_blank\" rel=\"noopener\"\n         href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&amp;destination=Passowska%2016A%2C%2005-870%20B%C5%82onie\" data-anim>\n        <span class=\"sk-kt__i\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 21s7-5.6 7-11a7 7 0 1 0-14 0c0 5.4 7 11 7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.6\"\/><\/svg><\/span>\n        <span><span class=\"sk-kt__e\">Adres<\/span><span class=\"sk-kt__w\">ul. Passowska 16A, 05-870 B\u0142onie<\/span><\/span><\/a>\n    <\/div>\n  <\/div>\n  <!-- \u2550\u2550 POWI\u0104ZANE STRONY \u2550\u2550 -->\n  <div class=\"hx-sec hx-sec--mist\">\n    <h2 class=\"hx-h\" data-anim>Powi\u0105zane strony<\/h2>\n    <div class=\"hx-grid\" style=\"--cols:2;--cols-d:4\">\n      <a class=\"hx-tile\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=354\" style=\"--c:#0E2B4D\" data-anim>\n        <span class=\"hx-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M8 4h8a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z\"\/><path d=\"M9.6 9h4.8M9.6 13h4.8M9.6 17h3\"\/><\/svg><\/span>\n        <b>Dokumenty<\/b><u>statut i regulaminy<\/u><\/a>\n      <a class=\"hx-tile\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=2702\" style=\"--c:#D9A417\" data-anim>\n        <span class=\"hx-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2.5\"\/><path d=\"M8 2.5v5M16 2.5v5M3 10h18\"\/><\/svg><\/span>\n        <b>Kalendarz roku<\/b><u>terminy i wydarzenia<\/u><\/a>\n      <a class=\"hx-tile\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=4686\" style=\"--c:#D2543C\" data-anim>\n        <span class=\"hx-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2.5\"\/><path d=\"M8 2.5v5M16 2.5v5M3 10h18\"\/><path d=\"M9 15.2l2.1 2.1L15.4 13\"\/><\/svg><\/span>\n        <b>Rekrutacja<\/b><u>zapisy do szko\u0142y<\/u><\/a>\n      <a class=\"hx-tile\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=360\" style=\"--c:#3E8E5A\" data-anim>\n        <span class=\"hx-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 21s7-5.6 7-11a7 7 0 1 0-14 0c0 5.4 7 11 7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.6\"\/><\/svg><\/span>\n        <b>Kontakt<\/b><u>adres i dojazd<\/u><\/a>\n    <\/div>\n  <\/div>\n  <!-- \u2550\u2550 PASEK SZYBKICH AKCJI (telefon) \u2550\u2550 -->\n  <nav class=\"hx-bar\" aria-label=\"Szybkie akcje\">\n    <a href=\"https:\/\/hilaris-blonie.pl\/?page_id=345\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H6M11 6l-6 6 6 6\"\/><\/svg>\n      Szko\u0142a<\/a>\n    <a class=\"is-main\" href=\"mailto:hilaris@antie.pl\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2.5\"\/><path d=\"m3.5 7 8.5 6 8.5-6\"\/><\/svg>\n      Napisz<\/a>\n    <a href=\"tel:+48224985525\">\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M6.6 10.8a15.5 15.5 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.2.4 2.4.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.4 0 .8-.2 1l-2.3 2.2z\"\/><\/svg>\n      Zadzwo\u0144<\/a>\n  <\/nav>\n <\/div>\n <!-- \u2550\u2550 POWI\u0118KSZENIE ZDJ\u0118CIA \u2550\u2550\n      Skrypt przenosi t\u0119 warstw\u0119 do <body>, \u017ceby przyklejony nag\u0142\u00f3wek\n      witryny nie m\u00f3g\u0142 jej przykry\u0107. -->\n <div class=\"hx-sek-lb\" id=\"skLb\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Powi\u0119kszone zdj\u0119cie\">\n   <button type=\"button\" class=\"hx-sek-lb__x\" id=\"skLbX\" aria-label=\"Zamknij\">\n     <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6 6l12 12M18 6 6 18\"\/><\/svg><\/button>\n   <button type=\"button\" class=\"hx-sek-lb__p\" id=\"skLbP\" aria-label=\"Poprzednie zdj\u0119cie\">\n     <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15 5l-7 7 7 7\"\/><\/svg><\/button>\n   <figure><img decoding=\"async\" id=\"skLbI\" src=\"\" alt=\"\"><figcaption id=\"skLbC\"><\/figcaption><\/figure>\n   <button type=\"button\" class=\"hx-sek-lb__n\" id=\"skLbN\" aria-label=\"Nast\u0119pne zdj\u0119cie\">\n     <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9 5l7 7-7 7\"\/><\/svg><\/button>\n <\/div>\n<\/section>\n<script>\n\/* ==========================================================================\n   HILARIS \u2014 SEKRETARIAT: \u017cywy status godzin pracy\n   Skrypt tylko ULEPSZA stron\u0119. Gdyby si\u0119 nie wykona\u0142, tabela godzin, osoby\n   i dane kontaktowe i tak s\u0105 widoczne (siedz\u0105 w HTML) \u2014 zniknie jedynie\n   wska\u017anik \u201eteraz otwarte \/ zamkni\u0119te\u201d, o\u015b czasu i animacje.\n   ========================================================================== *\/\n(function(){\n  'use strict';\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     \u25bc DNI DODATKOWO ZAMKNI\u0118TE \u25bc\n     \u015awi\u0119ta ustawowe licz\u0105 si\u0119 same (patrz \u201eswieta\u201d ni\u017cej) \u2014 tutaj wpisuje si\u0119\n     tylko dni wolne specyficzne dla szko\u0142y: ferie, dni wolne od zaj\u0119\u0107,\n     przerwy \u015bwi\u0105teczne. Format: 'RRRR-MM-DD': 'pow\u00f3d pokazany na stronie'.\n     Zakres dni najwygodniej wypisa\u0107 po kolei.\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  var ZAMKNIETE = {\n    \/* '2027-01-18': 'ferie zimowe',\n       '2027-01-19': 'ferie zimowe', *\/\n  };\n  \/* \u2550\u2550\u2550 \u25b2 KONIEC MIEJSCA DO EDYCJI \u25b2 \u2550\u2550\u2550 *\/\n  function start(){\n    var ROOT = document.getElementById('hil-sekretariat');\n    if(!ROOT || ROOT.getAttribute('data-gotowe')) return;\n    ROOT.setAttribute('data-gotowe','1');\n    var qa = function(s){ return Array.prototype.slice.call(ROOT.querySelectorAll(s)); };\n    var maloRuchu = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    var DNI = ['niedziel\u0119','poniedzia\u0142ek','wtorek','\u015brod\u0119','czwartek','pi\u0105tek','sobot\u0119'];\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       1. CZAS WED\u0141UG ZEGARA W POLSCE\n       ---------------------------------------------------------------------\n       Wcze\u015bniej brany by\u0142 zegar urz\u0105dzenia \u2014 kto\u015b odwiedzaj\u0105cy stron\u0119\n       z innej strefy czasowej (albo z przestawionym zegarem) widzia\u0142\n       nieprawdziwy status. Teraz pytamy przegl\u0105dark\u0119 o godzin\u0119 dla strefy\n       Europe\/Warsaw, wi\u0119c zmiana czasu letniego te\u017c liczy si\u0119 sama.\n       Gdyby przegl\u0105darka nie zna\u0142a stref, wracamy do zegara urz\u0105dzenia \u2014\n       lepsze to ni\u017c brak informacji.\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    function terazPL(){\n      try{\n        var cz = {};\n        new Intl.DateTimeFormat('en-GB', {timeZone:'Europe\/Warsaw',\n          year:'numeric', month:'2-digit', day:'2-digit',\n          hour:'2-digit', minute:'2-digit', hour12:false})\n          .formatToParts(new Date()).forEach(function(x){ cz[x.type] = x.value; });\n        var r = +cz.year, m = +cz.month, d = +cz.day;\n        if(!r) throw new Error('brak danych');\n        return {r:r, m:m, d:d,\n                min: (+cz.hour % 24) * 60 + (+cz.minute),\n                dow: new Date(Date.UTC(r, m - 1, d)).getUTCDay()};\n      }catch(e){\n        var n = new Date();\n        return {r:n.getFullYear(), m:n.getMonth() + 1, d:n.getDate(),\n                min:n.getHours() * 60 + n.getMinutes(), dow:n.getDay()};\n      }\n    }\n    function klucz(r, m, d){\n      return r + '-' + (m < 10 ? '0' : '') + m + '-' + (d < 10 ? '0' : '') + d;\n    }\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       2. \u015aWI\u0118TA USTAWOWE \u2014 LICZONE, NIE WPISYWANE\n       ---------------------------------------------------------------------\n       Poprzednia wersja mia\u0142a r\u0119czn\u0105 list\u0119 dat na lata 2025\u20132026. Po nich\n       strona przesta\u0142aby rozpoznawa\u0107 dni wolne \u2014 w Bo\u017ce Narodzenie 2027\n       pokaza\u0142aby \u201eotwarte\u201d. Teraz \u015bwi\u0119ta sta\u0142e s\u0105 w tablicy, a ruchome\n       wyliczamy z daty Wielkanocy (wz\u00f3r Meeusa\/Jonesa\/Butchera), wi\u0119c lista\n       dzia\u0142a dla dowolnego roku i nigdy si\u0119 nie zestarzeje.\n       Wynik dla jednego roku zapami\u0119tujemy, \u017ceby nie liczy\u0107 go co minut\u0119.\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    function wielkanoc(rok){\n      var a = rok % 19, b = Math.floor(rok \/ 100), c = rok % 100,\n          d = Math.floor(b \/ 4), e = b % 4, f = Math.floor((b + 8) \/ 25),\n          g = Math.floor((b - f + 1) \/ 3), h = (19 * a + b - d - g + 15) % 30,\n          i = Math.floor(c \/ 4), k = c % 4, l = (32 + 2 * e + 2 * i - h - k) % 7,\n          m = Math.floor((a + 11 * h + 22 * l) \/ 451),\n          mies = Math.floor((h + l - 7 * m + 114) \/ 31),\n          dzien = ((h + l - 7 * m + 114) % 31) + 1;\n      return new Date(Date.UTC(rok, mies - 1, dzien));\n    }\n    var pamiec = {};\n    function swieta(rok){\n      if(pamiec[rok]) return pamiec[rok];\n      var s = {};\n      function dodaj(dt, nazwa){\n        s[klucz(dt.getUTCFullYear(), dt.getUTCMonth() + 1, dt.getUTCDate())] = nazwa;\n      }\n      [[1,1,'Nowy Rok'],\n       [1,6,'\u015awi\u0119to Trzech Kr\u00f3li'],\n       [5,1,'\u015awi\u0119to Pracy'],\n       [5,3,'\u015awi\u0119to Konstytucji 3 Maja'],\n       [8,15,'Wniebowzi\u0119cie NMP i \u015awi\u0119to Wojska Polskiego'],\n       [11,1,'Wszystkich \u015awi\u0119tych'],\n       [11,11,'Narodowe \u015awi\u0119to Niepodleg\u0142o\u015bci'],\n       \/* Wigilia jest dniem wolnym od pracy od 2025 roku. Gdyby sekretariat\n          jednak wtedy dy\u017curowa\u0142, wystarczy usun\u0105\u0107 ten jeden wiersz. *\/\n       [12,24,'Wigilia Bo\u017cego Narodzenia'],\n       [12,25,'Bo\u017ce Narodzenie'],\n       [12,26,'Drugi dzie\u0144 Bo\u017cego Narodzenia']\n      ].forEach(function(x){ dodaj(new Date(Date.UTC(rok, x[0] - 1, x[1])), x[2]); });\n      var w = wielkanoc(rok);\n      function po(dni){ return new Date(w.getTime() + dni * 86400000); }\n      dodaj(w, 'Wielkanoc');\n      dodaj(po(1),  'Poniedzia\u0142ek Wielkanocny');\n      dodaj(po(49), 'Zielone \u015awi\u0105tki');\n      dodaj(po(60), 'Bo\u017ce Cia\u0142o');\n      pamiec[rok] = s;\n      return s;\n    }\n    \/* pow\u00f3d zamkni\u0119cia w danym dniu albo null, gdy dzie\u0144 jest zwyczajny *\/\n    function wolne(r, m, d){\n      var kl = klucz(r, m, d);\n      return ZAMKNIETE[kl] || swieta(r)[kl] || null;\n    }\n    \/* \u2550\u2550 3. GODZINY \u2014 JEDYNE \u0179R\u00d3D\u0141O TO ATRYBUTY W TABELI \u2550\u2550\n       Skrypt czyta data-od \/ data-do i sam wpisuje z nich napisy, wi\u0119c\n       godziny nie mog\u0105 si\u0119 rozjecha\u0107 mi\u0119dzy tabel\u0105 a logik\u0105. *\/\n    var wiersze = qa('#skGodz li');\n    var PLAN = {};\n    wiersze.forEach(function(li){\n      var dow = +li.getAttribute('data-dow');\n      var od = li.getAttribute('data-od'), doo = li.getAttribute('data-do');\n      if(od === null || doo === null) return;\n      PLAN[dow] = {od:+od, do:+doo};\n    });\n    function hhmm(min){\n      var h = Math.floor(min \/ 60), m = min % 60;\n      return h + ':' + (m < 10 ? '0' : '') + m;\n    }\n    \/* napisy w tabeli wpisujemy z atrybut\u00f3w \u2014 tekst w HTML jest tylko zapasem\n       na wypadek wy\u0142\u0105czonego JavaScriptu *\/\n    wiersze.forEach(function(li){\n      var p = PLAN[+li.getAttribute('data-dow')];\n      var g = li.querySelector('.g');\n      if(p && g) g.textContent = hhmm(p.od) + ' \u2013 ' + hhmm(p.do);\n    });\n    \/* ile czasu zosta\u0142o \u2014 po polsku i z odmian\u0105 *\/\n    function ile(min){\n      if(min < 1) return 'za chwil\u0119';\n      if(min < 60) return 'za ' + min + ' min';\n      var h = Math.floor(min \/ 60), m = min % 60;\n      var cz = 'za ' + h + ' godz.';\n      return m ? cz + ' ' + m + ' min' : cz;\n    }\n    \/* \u2550\u2550 4. NAJBLI\u017bSZE OTWARCIE \u2550\u2550\n       Szukamy do 14 dni w prz\u00f3d \u2014 z zapasem na d\u0142u\u017csze przerwy \u015bwi\u0105teczne. *\/\n    function najblizsze(t){\n      for(var i = 0; i <= 14; i++){\n        var dt = new Date(Date.UTC(t.r, t.m - 1, t.d + i));\n        var r = dt.getUTCFullYear(), m = dt.getUTCMonth() + 1, d = dt.getUTCDate();\n        var dow = dt.getUTCDay();\n        if(wolne(r, m, d)) continue;\n        var p = PLAN[dow];\n        if(!p) continue;\n        if(i === 0 && t.min >= p.od) continue;   \/* dzi\u015b ju\u017c po otwarciu *\/\n        return {dni:i, dow:dow, od:p.od};\n      }\n      return null;\n    }\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       5. OD\u015aWIE\u017bANIE TABLICY\n       ---------------------------------------------------------------------\n       Wype\u0142niamy obie po\u0142owy tablicy tak, \u017ceby \u017cadna nigdy nie zosta\u0142a pusta:\n         \u2022 lewa  \u2014 plakietka stanu, du\u017cy komunikat, zdanie uzupe\u0142niaj\u0105ce\n                   i przycisk dopasowany do sytuacji (otwarte \u2192 zadzwo\u0144,\n                   zamkni\u0119te \u2192 napisz e-mail),\n         \u2022 prawa \u2014 o\u015b czasu, gdy dzi\u015b jest dy\u017cur, albo blok \u201eNajbli\u017cszy\n                   dy\u017cur\u201d, gdy dzi\u015b sekretariat nie pracuje.\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    var tablo  = document.getElementById('skTablo'),\n        plak   = document.getElementById('skPlak'),\n        glowny = document.getElementById('skGlowny'),\n        pod    = document.getElementById('skPod'),\n        os     = document.getElementById('skOs'),\n        osW    = document.getElementById('skOsW'),\n        osP    = document.getElementById('skOsP'),\n        osOd   = document.getElementById('skOsOd'),\n        osDo   = document.getElementById('skOsDo');\n    function odswiez(){\n      if(!tablo) return;\n      var t = terazPL();\n      \/* pod\u015bwietlenie dzisiejszego kafelka *\/\n      wiersze.forEach(function(li){\n        li.classList.toggle('dzis', +li.getAttribute('data-dow') === t.dow);\n      });\n      var powod = wolne(t.r, t.m, t.d);\n      var plan = PLAN[t.dow];\n      \/* Podw\u00f3jny wykrzyknik jest tu konieczny, a nie ozdobny: w dni bez\n         dy\u017curu \u201eplan\u201d jest niezdefiniowany, wi\u0119c ca\u0142e wyra\u017cenie dawa\u0142o\n         undefined. A classList.toggle z drugim argumentem undefined uznaje,\n         \u017ce argumentu nie podano, i PRZE\u0141\u0104CZA klas\u0119 zamiast j\u0105 wy\u0142\u0105czy\u0107 \u2014\n         przez co w sobot\u0119 tablica dostawa\u0142a jednocze\u015bnie \u201eotwarte\u201d\n         i \u201ezamkni\u0119te\u201d. *\/\n      var otwarte = !!(!powod && plan && t.min >= plan.od && t.min < plan.do);\n      \/* Klasy stanu prze\u0142\u0105czamy pojedynczo, a NIE przez podmian\u0119 ca\u0142ego\n         className \u2014 ten skasowa\u0142by przy okazji klas\u0119 \u201ein\u201d, kt\u00f3r\u0105 dok\u0142ada\n         animacja wej\u015bcia, i tablica znikn\u0119\u0142aby przy najbli\u017cszym od\u015bwie\u017ceniu\n         (od\u015bwie\u017camy co minut\u0119). *\/\n      tablo.classList.toggle('jest', otwarte);\n      tablo.classList.toggle('swieto', !otwarte && !!powod);\n      tablo.classList.toggle('nie', !otwarte && !powod);\n      var n = najblizsze(t);\n      \/* \u2500\u2500 du\u017cy komunikat: jedna kr\u00f3tka linia \u2500\u2500 *\/\n      if(otwarte){\n        plak.textContent = 'Teraz otwarte';\n        glowny.textContent = 'Zamykamy o ' + hhmm(plan.do);\n      } else {\n        plak.textContent = powod ? 'Dzi\u015b zamkni\u0119te' : 'Teraz zamkni\u0119te';\n        if(!n){\n          glowny.textContent = 'Chwilowo nieczynne';\n        } else if(n.dni === 0){\n          glowny.textContent = 'Otwieramy o ' + hhmm(n.od);\n        } else if(n.dni === 1){\n          glowny.textContent = 'Otwieramy jutro o ' + hhmm(n.od);\n        } else {\n          glowny.textContent = 'Otwieramy w ' + DNI[n.dow] + ' o ' + hhmm(n.od);\n        }\n      }\n      \/* \u2500\u2500 zdanie pod spodem: godzina w Polsce plus kr\u00f3tkie dopowiedzenie,\n            wszystko w JEDNEJ linii \u2500\u2500 *\/\n      var dop = '';\n      if(otwarte){\n        dop = 'zosta\u0142o ' + ile(plan.do - t.min).replace('za ', '');\n      } else if(powod){\n        dop = powod;\n      } else if(n && n.dni === 0){\n        dop = ile(n.od - t.min);\n      } else if(plan && t.min >= plan.do){\n        dop = 'po godzinach';\n      }\n      pod.textContent = 'Obecnie jest ' + hhmm(t.min) + (dop ? ' \u00b7 ' + dop : '');\n      \/* \u2500\u2500 prawa po\u0142owa: o\u015b czasu tylko w dni z dy\u017curem \u2500\u2500\n         W pozosta\u0142e dni tablica przechodzi na jedn\u0105 kolumn\u0119 (klasa \u201ebez-osi\u201d),\n         \u017ceby nie zostawa\u0142a pusta po\u0142owa. *\/\n      var jestOs = !!(plan && !powod);\n      tablo.classList.toggle('bez-osi', !jestOs);\n      os.hidden = !jestOs;\n      if(jestOs){\n        \/* znacznik stoi na pocz\u0105tku przed otwarciem i na ko\u0144cu po zamkni\u0119ciu,\n           wi\u0119c pasek ma sens tak\u017ce poza godzinami pracy *\/\n        var proc = Math.max(0, Math.min(100,\n          ((t.min - plan.od) \/ (plan.do - plan.od)) * 100));\n        osW.style.width = proc.toFixed(1) + '%';\n        osP.style.left  = proc.toFixed(1) + '%';\n        osOd.textContent = hhmm(plan.od);\n        osDo.textContent = hhmm(plan.do);\n      }\n    }\n    odswiez();\n    \/* Pierwsze od\u015bwie\u017cenie ustawiamy na najbli\u017csz\u0105 pe\u0142n\u0105 minut\u0119, a dopiero\n       potem co 60 s \u2014 dzi\u0119ki temu napis zmienia si\u0119 dok\u0142adnie ze zmian\u0105\n       minuty, a nie z przypadkowym przesuni\u0119ciem od wej\u015bcia na stron\u0119. *\/\n    window.setTimeout(function(){\n      odswiez();\n      window.setInterval(odswiez, 60000);\n    }, (60 - new Date().getSeconds()) * 1000);\n    \/* po powrocie do karty przegl\u0105darki stan mo\u017ce by\u0107 nieaktualny *\/\n    document.addEventListener('visibilitychange', function(){\n      if(!document.hidden) odswiez();\n    });\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       6. POWI\u0118KSZANIE ZDJ\u0118\u0106 PRACOWNIC\n       Klikni\u0119cie zdj\u0119cia otwiera je w pe\u0142nym rozmiarze. Zamkni\u0119cie: krzy\u017cyk,\n       klikni\u0119cie w t\u0142o albo Esc; strza\u0142kami \u2039 \u203a (lub klawiszami \u2190\/\u2192) przechodzi\n       si\u0119 mi\u0119dzy zdj\u0119ciami. Podpis bierze si\u0119 z atrybutu \u201ealt\u201d.\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    (function(){\n      var lb = document.getElementById('skLb');\n      var foty = qa('[data-foto]');\n      if(!lb || !foty.length) return;\n      \/* warstwa musi wyj\u015b\u0107 poza sekcj\u0119, inaczej przyklejony nag\u0142\u00f3wek\n         witryny albo kontener Elementora potrafi j\u0105 przyci\u0105\u0107 *\/\n      if(lb.parentNode !== document.body) document.body.appendChild(lb);\n      var duze = document.getElementById('skLbI'),\n          podpis = document.getElementById('skLbC'),\n          x = document.getElementById('skLbX'),\n          prev = document.getElementById('skLbP'),\n          next = document.getElementById('skLbN');\n      var akt = 0, wracamDo = null;\n      if(foty.length < 2){ prev.style.display = 'none'; next.style.display = 'none'; }\n      function pokaz(i){\n        akt = (i + foty.length) % foty.length;\n        var b = foty[akt], im = b.querySelector('img');\n        duze.src = b.getAttribute('data-plik') || (im && im.src) || '';\n        duze.alt = im ? im.alt : '';\n        podpis.textContent = im ? im.alt : '';\n      }\n      function otworz(i, zrodlo){\n        wracamDo = zrodlo || null;\n        pokaz(i);\n        lb.classList.add('on');\n        document.body.classList.add('hx-sek-stop');\n        window.setTimeout(function(){ x.focus(); }, 60);\n      }\n      function zamknij(){\n        lb.classList.remove('on');\n        document.body.classList.remove('hx-sek-stop');\n        if(wracamDo && wracamDo.focus) wracamDo.focus();\n        wracamDo = null;\n      }\n      foty.forEach(function(b, i){\n        b.addEventListener('click', function(){ otworz(i, b); });\n      });\n      x.addEventListener('click', zamknij);\n      prev.addEventListener('click', function(e){ e.stopPropagation(); pokaz(akt - 1); });\n      next.addEventListener('click', function(e){ e.stopPropagation(); pokaz(akt + 1); });\n      \/* klikni\u0119cie w t\u0142o zamyka; klikni\u0119cie w samo zdj\u0119cie \u2014 nie *\/\n      lb.addEventListener('click', function(e){ if(e.target === lb) zamknij(); });\n      document.addEventListener('keydown', function(e){\n        if(!lb.classList.contains('on')) return;\n        if(e.key === 'Escape') zamknij();\n        else if(e.key === 'ArrowLeft') pokaz(akt - 1);\n        else if(e.key === 'ArrowRight') pokaz(akt + 1);\n      });\n    })();\n    \/* \u2550\u2550 7. ANIMACJE WEJ\u015aCIA \u2550\u2550\n       Po zako\u0144czeniu usuwamy atrybut data-anim, \u017ceby element wr\u00f3ci\u0142 do\n       zwyk\u0142ego stanu \u2014 inaczej jego regu\u0142a \u201etransform:none\u201d by\u0142aby silniejsza\n       ni\u017c uniesienie kafla przy najechaniu i efekt by nie dzia\u0142a\u0142. *\/\n    function odslon(el){\n      el.classList.add('in');\n      window.setTimeout(function(){ el.removeAttribute('data-anim'); }, 800);\n    }\n    if(!maloRuchu && 'IntersectionObserver' in window){\n      ROOT.classList.add('sk-js');\n      var io = new IntersectionObserver(function(w){\n        w.forEach(function(x, n){\n          if(!x.isIntersecting) return;\n          io.unobserve(x.target);\n          window.setTimeout(function(){ odslon(x.target); }, n * 70);\n        });\n      }, {threshold:.12, rootMargin:'0px 0px -5% 0px'});\n      qa('[data-anim]').forEach(function(el){ io.observe(el); });\n      window.setTimeout(function(){ qa('[data-anim]').forEach(odslon); }, 4000);\n    }\n    if(window.HX && HX.sierotki){ try{ HX.sierotki(ROOT); }catch(e){} }\n  }\n  function odpal(){\n    try{ start(); }\n    catch(e){ if(window.console && console.error) console.error('Hilaris \u2014 sekretariat:', e); }\n  }\n  if(document.readyState === 'loading'){\n    document.addEventListener('DOMContentLoaded', odpal);\n  } else {\n    odpal();\n  }\n  \/* Elementor potrafi wstawi\u0107 widget po za\u0142adowaniu strony (podgl\u0105d na \u017cywo) *\/\n  if(window.jQuery){ jQuery(window).on('elementor\/frontend\/init', odpal); }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Szko\u0142a Podstawowa Kontakt Sekretariat Poza godzinami pracy prosimy o wiadomo\u015b\u0107 e-mail \u2014 odpowiadamy nast\u0119pnego dnia roboczego. Godziny pracy Sprawd\u017a, czy sekretariat jest czynny w tej chwili. Godziny pracy Poniedzia\u0142ek \u2013 pi\u0105tek Sekretariat czynny od 8:00, w \u015brody od 9:00. Dzisiejszy dy\u017cur Poniedzia\u0142ek8:00 \u2013 15:00 Wtorek8:00 \u2013 15:00 \u015aroda9:00 \u2013 16:00 Czwartek8:00 \u2013 15:00 Pi\u0105tek8:00 \u2013 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":345,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2737","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages\/2737","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2737"}],"version-history":[{"count":115,"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages\/2737\/revisions"}],"predecessor-version":[{"id":7896,"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages\/2737\/revisions\/7896"}],"up":[{"embeddable":true,"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages\/345"}],"wp:attachment":[{"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}