/* ============================================================ UniBuilder — «Капитал» (capital-theme) Премиальная деловая тема для бухгалтерских/юридических/консалтинговых услуг. Палитра взята НАПРЯМУЮ из фирменного логотипа клиента «Бизнес налоги право»: глубокий тёмно-синий (--p, #14304F — квадраты знака и текст) + зелёный (--a, #34694E — левый нижний квадрат). Осознанно ДВУХЦВЕТНЫЙ бренд-градиент (var(--p),var(--a)), не моно. Серифные заголовки (Source Serif 4, self-hosted, кириллица) + Inter body. Сдержанные скругления (rounded, не pill — деловой, не игривый тон), мягкие премиальные тени (elevation, не flat-минимал). Level-A: ОДИН override :root токен-контракта (_base) — красит все base-блоки. Своих блоков нет (falls back на base-вёрстку). Грузится ПОСЛЕ templates/_base/global.css. Цвета --p/--a доставляются через manifest defaults{} (ColorPaletteService → --ub-primary/--ub-accent) — здесь var(--ub-*, fallback) зеркалом, owner-override «оставить свои цвета» сохранён. Контраст проверен (WCAG): белый текст на --p 13.41:1, на --a 6.41:1. ============================================================ */ :root{ /* — Бренд: тёмно-синий логотипа (действия/якорь) + зелёный логотипа (акцент). — */ --p:var(--ub-primary,#14304F);--ph:var(--ub-primary-hover,#0D2138);--pl:var(--ub-primary-light,#E3E9F0);--p50:#F3F6F9; --a:var(--ub-accent,#34694E);--ah:var(--ub-accent-hover,#27523C);--al:var(--ub-accent-light,#E2EFE8); /* — Бренд-градиент: ОСОЗНАННО двухцветный (синий знака → зелёный знака) — */ --gp:linear-gradient(135deg,var(--p),var(--a)); --gs:linear-gradient(135deg,var(--surface-3),var(--pl)); /* — Тёмные секции: глубокий сине-чёрный, в тон бренд-синему логотипа. — */ --dk:#081726;--dc:#0E2438;--ds:#14304F; --gd:linear-gradient(135deg,var(--dk),var(--dc),var(--ds)); --gh:linear-gradient(160deg,var(--dk) 0%,var(--dc) 45%,var(--ds) 75%,#20456E 100%); /* — Поверхности: чистые, слегка холодные. — */ --surface:#FFFEFC;--surface-2:#F6F8FA;--surface-3:#EDF1F5; /* — Нейтрали: холодная шкала с синим подтоном бренда. — */ --n50:#F7F9FB;--n100:#F0F3F7;--n200:#E1E7EE;--n300:#C7D0DC; --n400:#94A1B3;--n500:#647287;--n600:#4A566A;--n700:#33404F; --n800:#1F2A38;--n900:#121B26; /* — Радиусы: сдержанные rounded (деловой тон, НЕ pill). — */ --rs:6px;--rm:10px;--rl:14px;--rxl:20px;--rf:9999px; --r-btn:10px;--r-card:16px;--r-input:8px;--bw:1px; /* — Тени: мягкая премиальная elevation (не flat-минимал, не тяжёлая). — */ --sh-sm:0 10px 30px color-mix(in srgb,var(--dk) 10%,transparent); --sh-brand:0 0 32px color-mix(in srgb,var(--p) 18%,transparent); --sh-modal:0 25px 55px -12px color-mix(in srgb,var(--dk) 30%,transparent); --sh-btn:0 8px 20px color-mix(in srgb,var(--p) 28%,transparent); --sh-btn-hover:0 10px 26px color-mix(in srgb,var(--p) 38%,transparent); /* — Шрифты: сериф-заголовки Source Serif 4 (в тон серифу логотипа) + Inter body. — */ --fh:'Source Serif 4','PT Serif',Georgia,'Times New Roman',ui-serif,serif; --fb:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; /* — Заголовки: сдержанный вес, плотный трекинг, сплошной тёмный (без градиент-текста). — */ --h1:clamp(2.25rem,4.5vw,3.5rem);--h2:clamp(1.875rem,3.5vw,2.75rem); --h3:clamp(1.375rem,2.5vw,1.875rem);--h4:clamp(1.125rem,1.75vw,1.375rem); --heading-weight:600;--heading-tracking:-.01em;--lh-heading:1.25;--lh-body:1.65; --heading-gradient:var(--n900); /* — Featured-карта: тонкий зелёный бордер + двухцветная акцент-планка. — */ --card-featured-border:1px solid var(--a);--card-featured-accent:var(--gp); /* — Эмфатика: числа/цены — сдержанный вес 600. — */ --title-weight:600;--stat-value-size:clamp(2rem,4vw,3rem);--stat-value-size-sm:clamp(1.75rem,3.5vw,2.25rem); --price-size:clamp(1.75rem,3.25vw,2.25rem); /* — Вертикальный ритм: просторный, деловой (не тесный). — */ --section-py:clamp(56px,7vw,96px);--section-py-lg:clamp(72px,9vw,128px); --section-py-md:clamp(48px,6vw,72px);--section-py-sm:56px; /* — [футер-хром] Глубокий синий премиальный подвал, зелёный hover ссылок. — */ --footer-bg:#081726;--footer-text:#ffffff;--footer-muted:#9AA9BC;--footer-heading:#ffffff; --footer-link:#C7D2E0;--footer-link-hover:var(--a);--footer-border:#1B3049; /* Тёмный футер → светлые полупрозрачные соц-круги (дефолт base подходит, задаём явно). */ --footer-social-bg:rgba(255,255,255,0.08);--footer-social-hover:rgba(255,255,255,0.16); } /* — [твик] Убрана демо-заглушка «Соцсети» в карточке контактов (страница «Контакты», блок #35): реальных соцсетей у клиента нет. — */ .bm-con-card-35 .bm-g{grid-template-columns:repeat(3,1fr)} .bm-con-card-35 .bm-g .bm-c:nth-child(4){display:none} @media(max-width:768px){.bm-con-card-35 .bm-g{grid-template-columns:1fr}} /* — [твик] Меню в шапке по центру (запрос клиента). — */ .ub-header-nav{justify-content:center} /* — [твик] Вместо карты на главной (блок #25) — фото офиса; санитайзер вырезает inline style у img, добираем через CSS. — */ .bm-con-map-right-25 .bm-map{align-items:stretch!important} .bm-con-map-right-25 .bm-map img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block} @media(max-width:768px){.bm-con-map-right-25 .bm-map img{min-height:280px}} /* — [твик] CTA-блоки на страницах услуг: белая кнопка на фирменном фоне, текст в цвет бренда. — */ .bm-cta-centered-40 .btn-p,.bm-cta-centered-43 .btn-p,.bm-cta-centered-47 .btn-p,.bm-cta-centered-50 .btn-p{background:#fff;color:#14304F;box-shadow:none} .bm-cta-centered-40 .btn-p:hover,.bm-cta-centered-43 .btn-p:hover,.bm-cta-centered-47 .btn-p:hover,.bm-cta-centered-50 .btn-p:hover{background:#EDF1F5} .bm-cta-centered-43 .ct{position:relative;z-index:1} .bm-cta-centered-43 p{color:rgba(255,255,255,.85)!important} /* — [твик] Карточки услуг: меньше зазор фото→заголовок, больше зазор текст→кнопка. section[...] в селекторе — чтобы перебить инлайновый .bm-bd .btn{margin-top:14px} из