/* wirtualne-biuro.wroclaw.pl - skorka (generator.py, 2026-10-15). Paleta z projektu Claude Design:
   ciemny braz #2c261f, braz #775a3b, zloto #c3a376, tlo #f4f1ec. Zmienne motywu Neve nadpisane tutaj. */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700&family=Roboto:wght@300;400;500;700&display=swap');
:root{--mark:#775a3b;--mark-light:#c3a376;--mark-dark:#2c261f;--mark2:#775a3b;--mark2-light:#c3a376;--mark2-dark:#2c261f;
--grey-dark:#4a423a;--grey-darker:#2c261f;--grey:#6b6259;--grey-light:#e6e0d6;--grey-lighter:#f4f1ec;
--ink:#2c261f;--ink-2:#3d352c;--text:#333;--text-soft:#4a423a;--muted:#6b6259;--muted-soft:#9a9087;--line:#e0d9cd;--line-soft:#e6e0d6;--surface:#faf8f4;--surface-2:#f4f1ec;
--font-family-header:'Quicksand',sans-serif;--font-family-text:'Roboto',sans-serif;--font-family-text-regular:400;--font-family-text-medium:500}
body{font-family:Roboto,Arial,sans-serif;color:#333}
h1,h2,h3,h4{font-family:Quicksand,sans-serif;color:#2c261f}
main .text_container h1{font-family:Quicksand,sans-serif;font-weight:700;color:#2c261f;font-size:34px;line-height:1.2;margin:0 auto 20px;max-width:1140px;padding:0 16px;box-sizing:border-box;text-align:left}
@media (max-width:760px){main .text_container h1{font-size:26px}}
main .text_container.body1{line-height:1.65}
header.header_main .header_wrapper{background:#2c261f;color:#f4f1ec}
header.header_main .header_wrapper a{color:#f4f1ec}
footer,footer .footer_box,footer .footer_box p,footer .footer_box li{color:#4a423a}
footer .footer_box strong{color:#2c261f}
footer a,footer .footer_box a{color:#775a3b}
footer a:hover{color:#2c261f}

.wbw{max-width:1140px;margin:0 auto;font-family:Roboto,Arial,sans-serif;font-size:17px;line-height:1.65;color:#333;text-align:left}
.wbw *{box-sizing:border-box}
.wbw p{margin:0 0 14px}
.wbw a{color:#775a3b}
.wbw h2,.wbw h3{float:none;width:auto;display:block;text-align:left;text-transform:none;letter-spacing:0;background:none;padding:0;font-family:Quicksand,sans-serif;font-weight:700;color:#2c261f}
.wbw h2{font-size:28px;line-height:1.25;margin:0 0 14px}
.wbw h3{font-size:19px;line-height:1.3;margin:0 0 8px}
.wbw .wbw-sek{margin:64px 0}
.wbw .wbw-glowa{max-width:780px;margin:0 auto 28px;text-align:center}
.wbw .wbw-glowa h2{text-align:center}
.wbw .wbw-glowa p{margin:0}
.wbw .wbw-start{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:44px;align-items:start;background:#f4f1ec;border-radius:16px;padding:44px 48px;margin:8px 0 0}
.wbw .wbw-start-txt::before{content:"";display:block;width:56px;height:4px;border-radius:2px;background:#c3a376;margin:0 0 22px}
.wbw .wbw-lead{font-size:21px;line-height:1.55;color:#2c261f;margin:0 0 18px}
.wbw .wbw-pakiet{background:#fff;border-radius:14px;padding:28px 30px;box-shadow:0 10px 30px rgba(60,45,29,.10)}
.wbw .wbw-pakiet h2{font-size:21px;margin:0 0 16px}
.wbw .wbw-przyp{font-size:15px;line-height:1.55;color:#5e554c;border-top:1px solid #e6e0d6;padding-top:14px;margin:0}
.wbw .wbw-lista{list-style:none;margin:0 0 18px;padding:0}
.wbw .wbw-lista li{position:relative;padding:0 0 0 34px;margin:0 0 10px}
.wbw .wbw-lista li::before{content:"";position:absolute;left:0;top:3px;width:22px;height:22px;border-radius:50%;background:#2c261f}
.wbw .wbw-lista li::after{content:"";position:absolute;left:8px;top:7px;width:6px;height:11px;border:solid #c3a376;border-width:0 2px 2px 0;transform:rotate(45deg)}
.wbw .wbw-lok{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.wbw .wbw-lok-k{background:#fff;border:1px solid #e0d9cd;border-radius:14px;overflow:hidden}
.wbw .wbw-lok-k h3{margin:0;padding:18px 24px;color:#fff;background:#2c261f;font-size:19px;display:flex;align-items:center;gap:10px}
.wbw .wbw-lok-k.wbw-lok-b h3{background:#775a3b}
.wbw .wbw-lok-k dl{margin:0;padding:20px 24px 6px}
.wbw .wbw-lok-k dt{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#775a3b}
.wbw .wbw-lok-k dd{margin:2px 0 16px;color:#2c261f;font-size:17px}
.wbw .wbw-jdg{grid-column:1/-1;display:flex;gap:14px;align-items:flex-start;background:#f4f1ec;border-left:4px solid #c3a376;border-radius:0 12px 12px 0;padding:16px 22px;margin:0}
.wbw .wbw-jdg svg{flex:none;margin-top:3px}
.wbw .wbw-zak-r{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.wbw .wbw-zak-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:max-content;max-width:100%;margin:0 auto 22px;padding:6px;background:#f4f1ec;border-radius:999px}
.wbw .wbw-zak-nav label{display:flex;align-items:center;min-height:44px;padding:10px 22px;border-radius:999px;cursor:pointer;font-family:Quicksand,sans-serif;font-weight:700;font-size:15px;line-height:1.2;color:#2c261f}
.wbw .wbw-zak-nav label:hover{background:#e9e2d6}
.wbw #wbw-z1:checked~.wbw-zak-nav label[for="wbw-z1"],.wbw #wbw-z2:checked~.wbw-zak-nav label[for="wbw-z2"],.wbw #wbw-z3:checked~.wbw-zak-nav label[for="wbw-z3"],.wbw #wbw-z4:checked~.wbw-zak-nav label[for="wbw-z4"]{background:#2c261f;color:#fff}
.wbw #wbw-z1:focus-visible~.wbw-zak-nav label[for="wbw-z1"],.wbw #wbw-z2:focus-visible~.wbw-zak-nav label[for="wbw-z2"],.wbw #wbw-z3:focus-visible~.wbw-zak-nav label[for="wbw-z3"],.wbw #wbw-z4:focus-visible~.wbw-zak-nav label[for="wbw-z4"]{outline:2px solid #775a3b;outline-offset:2px}
.wbw .wbw-zak-p{display:none;max-width:940px;margin:0 auto;background:#fff;border:1px solid #e6e0d6;border-radius:16px;padding:34px 40px;box-shadow:0 10px 30px rgba(60,45,29,.06)}
.wbw #wbw-z1:checked~.wbw-zak-p1,.wbw #wbw-z2:checked~.wbw-zak-p2,.wbw #wbw-z3:checked~.wbw-zak-p3,.wbw #wbw-z4:checked~.wbw-zak-p4{display:block}
.wbw .wbw-2k{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:32px;align-items:start}
.wbw .wbw-ramka{background:#f4f1ec;border-left:4px solid #c3a376;border-radius:0 12px 12px 0;padding:18px 22px;font-size:16px}
.wbw .wbw-ramka p:last-child{margin:0}
.wbw .wbw-ramka-t{font-family:Quicksand,sans-serif;font-weight:700;color:#2c261f;font-size:17px;margin:0 0 6px}
.wbw .wbw-zus{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;background:#f4f1ec;border-radius:16px;padding:40px 44px}
.wbw .wbw-zus p:last-child{margin:0}
.wbw .wbw-mapa{position:relative;height:340px;border-radius:12px;overflow:hidden;margin:0;background:#e6e0d6}
.wbw .wbw-mapa iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.wbw .wbw-kroki{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:wbwk}
.wbw .wbw-kroki li{counter-increment:wbwk;background:#fff;border:1px solid #e0d9cd;border-radius:14px;padding:26px 26px 22px;margin:0}
.wbw .wbw-kroki li::before{content:counter(wbwk);display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#2c261f;color:#c3a376;font-family:Quicksand,sans-serif;font-weight:700;font-size:21px;margin:0 0 16px}
.wbw .wbw-akcja{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:center;background:#2c261f;border-radius:16px;padding:32px 40px;margin:24px 0 0}
.wbw .wbw-akcja p{color:#f4f1ec;margin:0}
.wbw .wbw-cta{margin:0}
.wbw .wbw-cta a{display:inline-block;background:#c3a376;color:#2c261f !important;text-decoration:none;font-family:Quicksand,sans-serif;font-weight:700;font-size:18px;line-height:1.2;padding:17px 32px;border-radius:999px;text-align:center}
.wbw .wbw-cta a:hover,.wbw .wbw-cta a:focus{background:#fff}
.wbw .wbw-start .wbw-cta{margin:24px 0 0}
.wbw .wbw-start .wbw-cta a{background:#2c261f;color:#fff !important}
.wbw .wbw-start .wbw-cta a:hover,.wbw .wbw-start .wbw-cta a:focus{background:#775a3b}
.wbw .wbw-faqs{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:56px;align-items:start}
.wbw .wbw-faq details{border-bottom:1px solid #e0d9cd}
.wbw .wbw-faq details:first-child{border-top:1px solid #e0d9cd}
.wbw .wbw-faq summary{list-style:none;cursor:pointer;position:relative;padding:18px 48px 18px 0}
.wbw .wbw-faq summary::-webkit-details-marker{display:none}
.wbw .wbw-faq summary h3{margin:0;font-size:18px}
.wbw .wbw-faq summary::after{content:"+";position:absolute;right:8px;top:50%;margin-top:-16px;font:300 30px/30px Roboto,sans-serif;color:#775a3b;transition:transform .2s}
.wbw .wbw-faq details[open] summary::after{transform:rotate(45deg)}
.wbw .wbw-faq details p{margin:0 0 18px;color:#4a423a}
.wbw .wbw-linki{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wbw .wbw-linki li{margin:0}
.wbw .wbw-linki a{display:flex;align-items:center;min-height:52px;height:100%;padding:12px 18px;background:#fff;border:1px solid #e0d9cd;border-radius:10px;color:#2c261f;text-decoration:none;font-size:15px;line-height:1.35}
.wbw .wbw-linki a:hover{border-color:#c3a376;background:#faf8f4}
.wbw .wbw-zrodla{font-size:13px;line-height:1.55;color:#6b6259;margin:28px 0 0}
@media (max-width:980px){.wbw .wbw-linki{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
.wbw{font-size:16px}
.wbw h2{font-size:23px}
.wbw .wbw-sek{margin:44px 0}
.wbw .wbw-start,.wbw .wbw-lok,.wbw .wbw-2k,.wbw .wbw-zus,.wbw .wbw-kroki,.wbw .wbw-akcja,.wbw .wbw-faqs,.wbw .wbw-linki{grid-template-columns:minmax(0,1fr)}
.wbw .wbw-start{padding:26px 20px;gap:24px}
.wbw .wbw-lead{font-size:18px}
.wbw .wbw-pakiet{padding:22px 20px}
.wbw .wbw-glowa,.wbw .wbw-glowa h2{text-align:left}
.wbw .wbw-zak-nav{display:grid;grid-template-columns:1fr 1fr;width:100%;border-radius:14px}
.wbw .wbw-zak-nav label{border-radius:10px;justify-content:center;text-align:center;padding:10px 8px}
.wbw .wbw-zak-p{padding:22px 18px}
.wbw .wbw-2k{gap:18px}
.wbw .wbw-zus{padding:26px 20px;gap:20px}
.wbw .wbw-mapa{height:240px}
.wbw .wbw-akcja{padding:24px 20px;gap:20px}
.wbw .wbw-cta a{display:block}
.wbw .wbw-faqs{gap:8px}
}

/* --- dodatki do projektu Claude Design (generator.py) --- */
.wbw .wbw-tabw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 18px}
.wbw .wbw-tab{width:100%;border-collapse:collapse;font-size:16px;background:#fff;border-radius:12px;overflow:hidden}
.wbw .wbw-tab th,.wbw .wbw-tab td{border:1px solid #e0d9cd;padding:11px 14px;text-align:left;vertical-align:top}
.wbw .wbw-tab th{background:#2c261f;color:#fff;font-family:Quicksand,sans-serif;font-weight:700;border-color:#2c261f}
.wbw .wbw-lok-t{padding:18px 24px 8px}
.wbw .wbw-lok-t p:last-child{margin:0 0 12px}
.wbw .wbw-kroki.wbw-kroki-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.wbw .wbw-ilustr{margin:0 0 24px}
.wbw .wbw-ilustr img{display:block;width:100%;height:auto;border-radius:16px}
.wbw .wbw-2k .wbw-ilustr{margin:0}
.wbw .wbw-podpis{font-size:14px;line-height:1.5;color:#6b6259;margin:8px 0 0;text-align:center}
.wbw ul:not([class]),.wbw ol:not([class]){padding-left:22px;margin:0 0 14px}
.wbw ul:not([class]) li,.wbw ol:not([class]) li{margin:0 0 8px}
@media (min-width:761px){.wbw .wbw-akcja .wbw-cta a{white-space:nowrap}}
/* stare strony przeniesione 1:1 - typografia projektu, tresc bez zmian */
.wbw .wbw-stara img{max-width:100%;height:auto}
.wbw .wbw-stara table{max-width:100%}
.wbw .wbw-stara span[style]{font-size:inherit !important}
/* strona glowna */
.wbw .wbw-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:44px;align-items:center;background:#f4f1ec;border-radius:16px;padding:48px 48px;margin:8px 0 0}
.wbw .wbw-hero h1{font-family:Quicksand,sans-serif;font-weight:700;color:#2c261f;font-size:40px;line-height:1.15;margin:0 0 18px}
.wbw .wbw-hero .wbw-ilustr{margin:0}
.wbw .wbw-start-txt h1{font-family:Quicksand,sans-serif;font-weight:700;color:#2c261f;font-size:40px;line-height:1.15;margin:0 0 18px;padding:0;max-width:none}
@media (max-width:760px){.wbw .wbw-start-txt h1{font-size:28px}}
.wbw .wbw-kafle{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.wbw .wbw-kafle li{margin:0;background:#fff;border:1px solid #e0d9cd;border-radius:14px;padding:26px}
.wbw .wbw-kafle h3{margin:0 0 8px}
.wbw .wbw-kafle p{margin:0 0 12px;color:#4a423a}
.wbw .wbw-kafle a.wbw-wiecej{font-weight:700;color:#775a3b;text-decoration:none}
.wbw .wbw-kafle a.wbw-wiecej:hover{text-decoration:underline}
@media (max-width:980px){.wbw .wbw-kafle{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.wbw .wbw-hero,.wbw .wbw-kafle{grid-template-columns:minmax(0,1fr)}.wbw .wbw-hero{padding:26px 20px;gap:24px}.wbw .wbw-hero h1{font-size:28px}.wbw .wbw-tab{font-size:14px}.wbw .wbw-tab th,.wbw .wbw-tab td{padding:7px 9px}}