<style type="text/css">/* CSS - Sekcja Kampanii "Ciąża bez alkoholu" (Wersja z interaktywnym powiększaniem) */ :root { --cba-red: #f20000; --cba-blue: #002672; --cba-bg-light: #f8fafc; --cba-border: #e2e8f0; --cba-text-dark: #1a202c; --cba-text-muted: #4a5568; } .cba-wrapper { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; max-width: 1100px; margin: 0 auto 30px auto; color: var(--cba-text-dark); line-height: 1.6; box-sizing: border-box; } .cba-wrapper *, .cba-wrapper *::before, .cba-wrapper *::after { box-sizing: border-box; } .cba-lead-box { background-color: var(--cba-bg-light); border-left: 5px solid var(--cba-red); padding: 20px 25px; border-radius: 0 8px 8px 0; margin-bottom: 25px; } .cba-lead-box p { margin: 0 0 10px 0; font-size: 1.05rem; } .cba-lead-box p:last-child { margin-bottom: 0; } .cba-section-title { color: var(--cba-blue); font-size: 1.35rem; font-weight: 700; margin-top: 35px; margin-bottom: 20px; border-bottom: 2px solid var(--cba-border); padding-bottom: 8px; } /* SIATKA GALERII (CSS GRID) */ .cba-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 30px; width: 100%; } .cba-card { background-color: #ffffff; border: 1px solid var(--cba-border); border-radius: 8px; overflow: hidden; box-shadow: 0 2px 4px rgba(0,0,0,0.04); transition: transform 0.2s ease, box-shadow 0.2s ease; } .cba-card:hover { transform: translateY(-3px); box-shadow: 0 8px 15px rgba(0,0,0,0.08); } /* INTERAKTYWNY LINK DO POWIĘKSZENIA */ .cba-zoom-link { display: block; width: 100%; height: 100%; text-decoration: none; cursor: pointer; position: relative; } .cba-zoom-link:focus-visible { outline: 3px solid var(--cba-blue); outline-offset: -3px; } /* PANCERNY RESET OBRAZKA Z ODPOWIEDZIALNOŚCIĄ NA TELEFONACH */ .cba-card img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; object-fit: contain; background-color: #f1f5f9; transition: opacity 0.2s ease; } .cba-zoom-link:hover img { opacity: 0.92; } @media (max-width: 600px) { .cba-grid { grid-template-columns: 1fr; } .cba-lead-box { padding: 15px 18px; } } </style> <!-- KONTENER GŁÓWNY --> <div class="cba-wrapper"><!-- SEKCJA WPROWADZAJĄCA Z TREŚCIĄ MERYTORYCZNĄ --> <div class="cba-lead-box"> <p>Alkohol spożywany w ciąży może wpływać na rozwój dziecka. Nie ma ustalonej bezpiecznej ilości ani momentu, w którym jego picie byłoby bezpieczne, dlatego najbezpieczniejszym wyborem w czasie ciąży jest całkowita abstynencja.</p> <p>Zapraszamy do zapoznania się z materiałami kampanii Instytutu Nowej Kultury „Ciąża bez alkoholu”. Plakaty i infografiki wyjaśniają, dlaczego warto zrezygnować z alkoholu podczas ciąży, jakie znaczenie mają jej pierwsze tygodnie oraz jak bliscy mogą wspierać kobietę w tym czasie.</p> </div> <!-- SEKCJA 1: INFOGRAFIKI (Z POWIĘKSZENIEM) --> <h2 class="cba-section-title">Infografiki edukacyjne</h2> <div class="cba-grid"> <div class="cba-card"><a aria-label="Powiększ infografikę część 1" class="cba-zoom-link" data-lightbox="galeria-cba" data-title="Infografika kampanii Ciąża bez alkoholu - część 1" href="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L2luZm9ncmFmaWtpX2NpYXphX2Jlel9hbGtvaG9sdV8wMV82YWQ4YTVlZTFhYzlmLmpwZw%3D%3D"><img alt="Infografika kampanii Ciąża bez alkoholu - część 1" height="1080" loading="lazy" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L2luZm9ncmFmaWtpX2NpYXphX2Jlel9hbGtvaG9sdV8wMV82YWQ4YTVlZTFhYzlmLmpwZw%3D%3D" width="764" /> </a></div> <div class="cba-card"><a aria-label="Powiększ infografikę część 2" class="cba-zoom-link" data-lightbox="galeria-cba" data-title="Infografika kampanii Ciąża bez alkoholu - część 2" href="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L2luZm9ncmFmaWtpX2NpYXphX2Jlel9hbGtvaG9sdV8wMl82YWQ4YTVmODg2NjdmLmpwZw%3D%3D"><img alt="Infografika kampanii Ciąża bez alkoholu - część 2" height="1080" loading="lazy" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L2luZm9ncmFmaWtpX2NpYXphX2Jlel9hbGtvaG9sdV8wMl82YWQ4YTVmODg2NjdmLmpwZw%3D%3D" width="764" /> </a></div> <div class="cba-card"><a aria-label="Powiększ infografikę część 3" class="cba-zoom-link" data-lightbox="galeria-cba" data-title="Infografika kampanii Ciąża bez alkoholu - część 3" href="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L2luZm9ncmFmaWtpX2NpYXphX2Jlel9hbGtvaG9sdV8wM18wM182YWQ4YTYwYTNiNzRmLmpwZw%3D%3D"><img alt="Infografika kampanii Ciąża bez alkoholu - część 3" height="1080" loading="lazy" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L2luZm9ncmFmaWtpX2NpYXphX2Jlel9hbGtvaG9sdV8wM18wM182YWQ4YTYwYTNiNzRmLmpwZw%3D%3D" width="764" /> </a></div> </div> <!-- /Koniec sekcji infografik --><!-- SEKCJA 2: PLAKATY (Z POWIĘKSZENIEM) --> <h2 class="cba-section-title">Plakaty informacyjne</h2> <div class="cba-grid"> <div class="cba-card"><a aria-label="Powiększ plakat 1" class="cba-zoom-link" data-lightbox="galeria-cba" data-title="Plakat kampanii Ciąża bez alkoholu - plakat 1" href="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L1BsYWthdF9DQkFfMDFfNmFkOGE2MTM4NGI2MC5qcGc%3D"><img alt="Plakat kampanii Ciąża bez alkoholu - plakat 1" height="1080" loading="lazy" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L1BsYWthdF9DQkFfMDFfNmFkOGE2MTM4NGI2MC5qcGc%3D" width="768" /> </a></div> <div class="cba-card"><a aria-label="Powiększ plakat 2" class="cba-zoom-link" data-lightbox="galeria-cba" data-title="Plakat kampanii Ciąża bez alkoholu - plakat 2" href="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L1BsYWthdF9DQkFfMDJfNmFkOGE2MWQxMjNmMi5qcGc%3D"><img alt="Plakat kampanii Ciąża bez alkoholu - plakat 2" height="1080" loading="lazy" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L1BsYWthdF9DQkFfMDJfNmFkOGE2MWQxMjNmMi5qcGc%3D" width="768" /> </a></div> <div class="cba-card"><a aria-label="Powiększ plakat 3" class="cba-zoom-link" data-lightbox="galeria-cba" data-title="Plakat kampanii Ciąża bez alkoholu - plakat 3" href="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L1BsYWthdF9DQkFfMDNfNmFkOGE2MjZlMWFkMi5qcGc%3D"><img alt="Plakat kampanii Ciąża bez alkoholu - plakat 3" height="1080" loading="lazy" src="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L1BsYWthdF9DQkFfMDNfNmFkOGE2MjZlMWFkMi5qcGc%3D" width="768" /> </a></div> </div> <!-- /Koniec sekcji plakatów --></div> <!-- /.cba-wrapper -->2026-10-21 13:52:412026-10-21 13:52:41