/* ANDEN marketing pages — shared brand system for native WP pages/posts. Mirrors the
 * React design tokens used on the homepage (tokens.css) so every page feels like one site. */

.mkt-body { background: var(--surface-page); font-family: var(--font-body); color: var(--text-primary); }
.mkt-container { max-width: var(--container-max); margin: 0 auto; padding: 0 var(--container-pad); }
@media (max-width: 780px) { .mkt-container { padding: 0 24px; } }

/* ---------- Header ---------- */
.site-header { position: sticky; top: 0; z-index: 40; background: rgba(255,255,255,.96); backdrop-filter: blur(var(--blur-header)); -webkit-backdrop-filter: blur(var(--blur-header)); box-shadow: var(--shadow-header); }
.site-header__inner { max-width: var(--container-max); margin: 0 auto; padding: 20px var(--container-pad); display: flex; align-items: center; justify-content: space-between; }
.site-header__brand { font-family: var(--font-display); font-weight: var(--fw-extrabold); font-size: 22px; letter-spacing: var(--ls-heading); color: var(--text-primary); text-decoration: none; }
.site-header__nav { display: flex; align-items: center; gap: 36px; }
.site-header__nav a { font-family: var(--font-body); font-size: var(--text-body-sm); font-weight: var(--fw-medium); color: var(--text-primary); text-decoration: none; }
.site-header__nav a:hover { color: var(--accent-primary); }
.site-header__nav-item { position: relative; }
.site-header__nav-item > a { display: inline-flex; align-items: center; gap: 4px; }
.site-header__caret { font-size: 10px; }
.site-header__dropdown { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); padding-top: 12px; display: none; z-index: 60; }
.site-header__nav-item:hover .site-header__dropdown,
.site-header__nav-item:focus-within .site-header__dropdown { display: block; }
.site-header__dropdown-inner { background: #fff; border-radius: var(--radius-md); box-shadow: var(--shadow-lg); padding: 10px; min-width: 250px; display: flex; flex-direction: column; gap: 2px; }
.site-header__dropdown a { display: block; padding: 10px 14px; border-radius: var(--radius-sm); color: var(--text-primary); font-size: var(--text-body-sm); font-weight: var(--fw-medium); text-decoration: none; }
.site-header__dropdown a:hover { background: var(--gray-50); color: var(--text-primary); }
.site-header__mobile-group { display: flex; flex-direction: column; gap: var(--space-3); }
.site-header__mobile-submenu { display: flex; flex-direction: column; gap: var(--space-3); padding-left: 16px; border-left: 2px solid var(--border-subtle); }
.site-header__mobile-submenu a { font-size: var(--text-body-sm); color: var(--text-secondary); }
.site-header__toggle { display: none; background: none; border: none; cursor: pointer; padding: 4px; }
.site-header__mobile-panel { display: none; background: #fff; border-top: 1px solid var(--border-subtle); box-shadow: var(--shadow-header); padding: var(--space-5) var(--container-pad) var(--space-6); flex-direction: column; gap: var(--space-4); }
.site-header__mobile-panel.is-open { display: flex; }
.site-header__mobile-panel a { font-family: var(--font-body); font-size: var(--text-body); font-weight: var(--fw-medium); color: var(--text-primary); text-decoration: none; }
@media (max-width: 780px) {
  .site-header__nav, .site-header__cta { display: none; }
  .site-header__toggle { display: inline-flex; }
}

/* ---------- Buttons ---------- */
.mkt-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 24px; font-family: var(--font-body); font-weight: var(--fw-semibold); font-size: var(--text-body-sm); border-radius: var(--radius-sm); cursor: pointer; text-decoration: none; white-space: nowrap; border: none; transition: background var(--duration-base) var(--ease-out), transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-base) var(--ease-out); }
.mkt-btn:hover { transform: translateY(-1px); }
.mkt-btn--primary { background: var(--accent-primary); color: #fff; }
.mkt-btn--primary:hover { background: var(--accent-primary-hover); box-shadow: var(--shadow-sm); color: #fff; }
.mkt-btn--secondary { background: var(--surface-card); color: var(--text-primary); border: 1px solid var(--border-default); }
.mkt-btn--secondary:hover { border-color: var(--border-strong); color: var(--text-primary); }
.mkt-btn--inverse { background: #fff; color: var(--accent-primary); }
.mkt-btn--inverse:hover { box-shadow: var(--shadow-sm); color: var(--accent-primary); }
.mkt-btn--lg { padding: 16px 30px; font-size: var(--text-body); }
.mkt-btn--sm { padding: 10px 18px; font-size: var(--text-caption); }

/* ---------- Hero banner (service / contact / blog-index pages) ---------- */
.mkt-hero { position: relative; min-height: 480px; display: flex; align-items: center; background: #0d1420; overflow: hidden; }
.mkt-hero__bg { position: absolute; inset: 0; }
.mkt-hero__bg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mkt-hero__overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(13,20,32,.88) 0%, rgba(13,20,32,.55) 55%, rgba(13,20,32,.25) 100%); }
.mkt-hero__content { position: relative; z-index: 2; max-width: 640px; padding: 140px var(--container-pad) 72px; margin: 0 auto; width: 100%; box-sizing: border-box; }
.mkt-hero__eyebrow { font-size: var(--text-eyebrow); font-weight: var(--fw-semibold); letter-spacing: var(--ls-eyebrow); text-transform: uppercase; color: var(--blue-300); margin: 0 0 var(--space-4); }
.mkt-hero__title { font-family: var(--font-display); font-size: clamp(1.9rem, 3.4vw, 2.7rem); font-weight: var(--fw-extrabold); color: #fff; letter-spacing: var(--ls-display); line-height: 1.15; margin: 0 0 var(--space-4); }
.mkt-hero__desc { font-family: var(--font-body); font-size: var(--text-body-lg); line-height: var(--lh-body); color: rgba(255,255,255,.78); margin: 0 0 var(--space-5); max-width: 480px; }

/* ---------- Sections / content ---------- */
.mkt-section { padding: var(--space-9) 0; }
.mkt-section--sm { padding: var(--space-7) 0; }
.mkt-section--alt { background: var(--surface-card); }
.mkt-eyebrow { font-size: var(--text-eyebrow); font-weight: var(--fw-semibold); letter-spacing: var(--ls-eyebrow); text-transform: uppercase; color: var(--accent-primary); margin: 0 0 var(--space-3); }

.mkt-content, .entry-content { font-family: var(--font-body); font-size: var(--text-body-lg); line-height: var(--lh-body); color: var(--text-secondary); }
.mkt-content h1, .mkt-content h2, .mkt-content h3, .mkt-content h4,
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4 { font-family: var(--font-display); color: var(--text-primary); letter-spacing: var(--ls-heading); font-weight: var(--fw-bold); line-height: var(--lh-heading); }
.mkt-content h2, .entry-content h2 { font-size: var(--text-h1); margin: var(--space-8) 0 var(--space-5); }
.mkt-content h3, .entry-content h3 { font-size: var(--text-h3); margin: var(--space-6) 0 var(--space-3); }
.mkt-content p, .entry-content p { margin: 0 0 var(--space-5); }
.mkt-content ul, .mkt-content ol, .entry-content ul, .entry-content ol { padding-left: 1.3em; margin: 0 0 var(--space-5); }
.mkt-content li, .entry-content li { margin-bottom: var(--space-2); }
.mkt-content a, .entry-content a { color: var(--text-link); font-weight: var(--fw-medium); }
.mkt-content a:hover, .entry-content a:hover { color: var(--text-link-hover); }
.mkt-content strong, .entry-content strong { color: var(--text-primary); font-weight: var(--fw-semibold); }
.mkt-content blockquote, .entry-content blockquote, .wp-block-quote { border-left: 3px solid var(--accent-primary); margin: var(--space-6) 0; padding: var(--space-2) 0 var(--space-2) var(--space-5); font-family: var(--font-display); font-size: var(--text-h4); font-weight: var(--fw-medium); color: var(--text-primary); font-style: normal; }
.mkt-content figure, .entry-content figure { margin: var(--space-6) 0; }
.mkt-content img, .entry-content img { width: 100%; height: auto; border-radius: var(--radius-lg); box-shadow: var(--shadow-md); display: block; }
.mkt-content figcaption, .entry-content figcaption { font-size: var(--text-caption); color: var(--text-tertiary); margin-top: var(--space-2); text-align: center; }
.mkt-content .wp-block-button__link, .entry-content .wp-block-button__link { display: inline-flex; padding: 14px 24px; background: var(--accent-primary); color: #fff; border-radius: var(--radius-sm); font-weight: var(--fw-semibold); text-decoration: none; }
.mkt-content .wp-block-button__link:hover, .entry-content .wp-block-button__link:hover { background: var(--accent-primary-hover); color: #fff; }
.mkt-content hr, .entry-content hr { border: none; border-top: 1px solid var(--border-subtle); margin: var(--space-7) 0; }

/* ---------- Grids / cards ---------- */
.mkt-grid { display: grid; gap: var(--space-6); }
.mkt-grid--2 { grid-template-columns: repeat(2, 1fr); }
.mkt-grid--3 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 780px) { .mkt-grid--2, .mkt-grid--3 { grid-template-columns: 1fr; } }

.mkt-card { display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-6); background: var(--surface-card); border: 1px solid var(--border-subtle); border-radius: var(--radius-lg); transition: transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out); }
.mkt-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.mkt-card h3 { font-family: var(--font-display); font-size: var(--text-h4); font-weight: var(--fw-semibold); color: var(--text-primary); margin: 0; }
.mkt-card p { font-size: var(--text-body); color: var(--text-secondary); margin: 0; line-height: var(--lh-body); }
.mkt-card__icon { width: 44px; height: 44px; border-radius: var(--radius-md); background: var(--blue-50); display: flex; align-items: center; justify-content: center; color: var(--accent-primary); font-family: var(--font-display); font-weight: var(--fw-bold); }

.mkt-badge { display: inline-flex; align-items: center; padding: 5px 12px; border-radius: var(--radius-full); font-size: var(--text-caption); font-weight: var(--fw-semibold); background: var(--blue-50); color: var(--accent-primary); width: fit-content; }

/* ---------- Blog listing ---------- */
.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); }
@media (max-width: 980px) { .blog-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .blog-grid { grid-template-columns: 1fr; } }
.blog-card { display: flex; flex-direction: column; gap: 10px; text-decoration: none; color: inherit; }
.blog-card__img { width: 100%; height: 220px; border-radius: var(--radius-md); overflow: hidden; background: var(--gray-200); }
.blog-card__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform var(--duration-slow) var(--ease-out); }
.blog-card:hover .blog-card__img img { transform: scale(1.04); }
.blog-card__meta { display: flex; gap: 10px; align-items: center; }
.blog-card__date { font-size: var(--text-caption); color: var(--text-tertiary); }
.blog-card h3 { font-family: var(--font-display); font-size: var(--text-h4); font-weight: var(--fw-semibold); color: var(--text-primary); margin: 0; }
.blog-card p { font-size: var(--text-body-sm); color: var(--text-secondary); margin: 0; }

.single-hero { position: relative; padding: 160px 0 var(--space-8); background: #0d1420; }
.single-hero__overlay { position: absolute; inset: 0; }
.single-hero__overlay img { width: 100%; height: 100%; object-fit: cover; opacity: .38; }
.single-hero__overlay::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(13,20,32,.4) 0%, rgba(13,20,32,.92) 100%); }
.single-hero__content { position: relative; z-index: 2; max-width: 760px; margin: 0 auto; padding: 0 var(--container-pad); }
.single-hero__meta { display: flex; gap: 10px; align-items: center; margin-bottom: var(--space-4); }
.single-hero h1 { font-family: var(--font-display); font-size: clamp(1.8rem, 3.6vw, 2.75rem); font-weight: var(--fw-extrabold); color: #fff; letter-spacing: var(--ls-display); line-height: 1.18; margin: 0; }
.single-article { max-width: 760px; margin: 0 auto; padding: var(--space-8) var(--container-pad) var(--space-9); }

/* ---------- Contact form ---------- */
.mkt-form-card { background: var(--surface-card); border: 1px solid var(--border-subtle); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); padding: var(--space-6); display: flex; flex-direction: column; gap: var(--space-4); }
.mkt-field { display: flex; flex-direction: column; gap: 8px; font-family: var(--font-body); }
.mkt-field span { font-size: var(--text-body-sm); font-weight: var(--fw-medium); color: var(--text-primary); }
.mkt-field input, .mkt-field select, .mkt-field textarea { padding: 14px 16px; font-size: var(--text-body); font-family: var(--font-body); color: var(--text-primary); background: var(--surface-card); border: 1px solid var(--border-default); border-radius: var(--radius-sm); outline: none; transition: border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out); }
.mkt-field input:focus, .mkt-field select:focus, .mkt-field textarea:focus { border-color: var(--border-focus); box-shadow: 0 0 0 3px var(--blue-50); }
.mkt-field textarea { resize: vertical; min-height: 110px; }
.mkt-form-feedback { font-size: var(--text-body-sm); }
.mkt-form-feedback--success { color: var(--success-500); }
.mkt-form-feedback--error { color: var(--danger-500); }
.mkt-info-row { display: flex; align-items: center; gap: 10px; font-size: var(--text-body-sm); color: var(--text-secondary); }
.mkt-info-row a { color: var(--text-link); text-decoration: none; }

/* ---------- Service detail page (PHP-driven, homepage-style sections) ---------- */
.svc-intro { display: flex; align-items: center; gap: var(--space-9); }
.svc-intro__media { width: 38%; flex: 0 0 auto; }
.svc-intro__media img { width: 100%; height: 440px; object-fit: cover; border-radius: var(--radius-lg); box-shadow: var(--shadow-md); display: block; }
.svc-intro__body { width: 58%; }
@media (max-width: 900px) { .svc-intro { flex-direction: column; } .svc-intro__media, .svc-intro__body { width: 100%; } .svc-intro__media img { height: 280px; } }
.svc-lead { font-family: var(--font-display); font-size: var(--text-h2); font-weight: var(--fw-bold); color: var(--text-primary); margin: 0 0 var(--space-4); letter-spacing: var(--ls-heading); }

.svc-feature-grid { display: flex; flex-wrap: wrap; gap: var(--space-4) var(--space-6); margin-top: var(--space-6); }
.svc-feature-item { display: flex; align-items: flex-start; gap: 10px; width: calc(50% - var(--space-3)); }
.svc-feature-item svg { flex: 0 0 auto; margin-top: 3px; color: var(--accent-primary); }
.svc-feature-item span { font-family: var(--font-body); font-size: var(--text-body-sm); color: var(--text-primary); }
@media (max-width: 640px) { .svc-feature-item { width: 100%; } }

.svc-process { display: flex; flex-direction: column; margin-top: var(--space-5); }
.svc-process-row { display: flex; gap: var(--space-6); padding: var(--space-5) 0; border-top: 1px solid var(--border-subtle); align-items: baseline; }
.svc-process-row:first-child { border-top: none; }
.svc-process-num { font-family: var(--font-display); font-size: 15px; font-weight: var(--fw-semibold); color: var(--blue-500); width: 32px; flex: 0 0 auto; }
.svc-process-row h3 { font-family: var(--font-display); font-size: var(--text-h4); font-weight: var(--fw-semibold); color: var(--text-primary); margin: 0 0 6px; }
.svc-process-row p { font-family: var(--font-body); font-size: var(--text-body); color: var(--text-secondary); margin: 0; }

.svc-highlight { position: relative; min-height: 420px; display: flex; align-items: center; background: #0d1420; }
.svc-highlight__bg { position: absolute; inset: 0; }
.svc-highlight__bg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.svc-highlight__overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(13,20,32,.88) 0%, rgba(13,20,32,.55) 55%, rgba(13,20,32,.25) 100%); }
.svc-highlight__content { position: relative; z-index: 2; max-width: var(--container-max); margin: 0 auto; padding: 0 var(--container-pad); width: 100%; }
.svc-highlight__inner { max-width: 520px; }
.svc-highlight__stat { font-family: var(--font-display); font-size: clamp(2.4rem, 5vw, 3.75rem); font-weight: var(--fw-extrabold); color: #fff; line-height: 1; margin: 0 0 var(--space-3); letter-spacing: var(--ls-display); }
.svc-highlight__label { font-family: var(--font-body); font-size: var(--text-body-lg); color: rgba(255,255,255,.85); margin: 0; line-height: var(--lh-body); }

.svc-related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-5); margin-top: var(--space-5); }
@media (max-width: 900px) { .svc-related-grid { grid-template-columns: 1fr; } }

/* ---------- Landing pages (Ciudad + Servicio, PPC/local-SEO) ---------- */
.lp-hero__microtrust { font-family: var(--font-body); font-size: var(--text-caption); color: rgba(255,255,255,.68); margin: var(--space-3) 0 0; }

.lp-trust { padding: var(--space-6) 0; border-top: 1px solid var(--border-subtle); border-bottom: 1px solid var(--border-subtle); background: var(--surface-card); }
.lp-trust__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-5); text-align: center; }
.lp-trust__item { display: flex; flex-direction: column; gap: 4px; }
.lp-trust__num { font-family: var(--font-display); font-size: clamp(1.5rem, 2.6vw, 2.1rem); font-weight: var(--fw-extrabold); color: var(--accent-primary); letter-spacing: var(--ls-display); }
.lp-trust__label { font-family: var(--font-body); font-size: var(--text-caption); color: var(--text-secondary); }
@media (max-width: 780px) { .lp-trust__grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-4); } }

.lp-local { background: var(--surface-card); border: 1px solid var(--border-subtle); border-radius: var(--radius-lg); padding: var(--space-6); }

.lp-testimonial { max-width: 720px; margin: 0 auto; text-align: center; }
.lp-testimonial__quote { font-family: var(--font-display); font-size: var(--text-h3); font-weight: var(--fw-medium); color: var(--text-primary); line-height: var(--lh-heading); margin: 0 0 var(--space-5); }
.lp-testimonial__quote::before { content: '\201C'; }
.lp-testimonial__quote::after { content: '\201D'; }
.lp-testimonial__author { font-family: var(--font-body); font-size: var(--text-body-sm); font-weight: var(--fw-semibold); color: var(--text-primary); }
.lp-testimonial__company { font-family: var(--font-body); font-size: var(--text-caption); color: var(--text-tertiary); }

.lp-faq { display: flex; flex-direction: column; gap: var(--space-3); margin-top: var(--space-5); }
.lp-faq__item { background: var(--surface-card); border: 1px solid var(--border-subtle); border-radius: var(--radius-md); padding: var(--space-4) var(--space-5); }
.lp-faq__item summary { font-family: var(--font-display); font-size: var(--text-body-lg); font-weight: var(--fw-semibold); color: var(--text-primary); cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); }
.lp-faq__item summary::-webkit-details-marker { display: none; }
.lp-faq__item summary::after { content: '+'; font-size: 22px; font-weight: var(--fw-regular); color: var(--accent-primary); flex: 0 0 auto; transition: transform var(--duration-base) var(--ease-out); }
.lp-faq__item[open] summary::after { transform: rotate(45deg); }
.lp-faq__item p { font-family: var(--font-body); font-size: var(--text-body); color: var(--text-secondary); line-height: var(--lh-body); margin: var(--space-3) 0 0; }

.lp-cta-band { background: var(--surface-inverse); border-radius: var(--radius-xl); padding: var(--space-8) var(--space-6); text-align: center; display: flex; flex-direction: column; align-items: center; gap: var(--space-4); }
.lp-cta-band h2 { font-family: var(--font-display); font-size: var(--text-h1); font-weight: var(--fw-bold); color: #fff; margin: 0; }
.lp-cta-band p { font-family: var(--font-body); font-size: var(--text-body-lg); color: rgba(255,255,255,.82); margin: 0; }

.lp-sticky-cta { display: none; }
@media (max-width: 780px) {
  .lp-sticky-cta { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; background: #fff; box-shadow: 0 -6px 24px rgba(16,32,64,.14); padding: 12px 16px; padding-bottom: max(12px, env(safe-area-inset-bottom)); }
  .lp-sticky-cta .mkt-btn { width: 100%; }
  body.has-lp-sticky-cta main { padding-bottom: 64px; }
}

/* ---------- Silo: breadcrumb, child-city directory, cross-links ---------- */
.lp-breadcrumb { padding: 14px 0; font-family: var(--font-body); font-size: var(--text-caption); color: var(--text-tertiary); border-bottom: 1px solid var(--border-subtle); background: var(--surface-card); }
.lp-breadcrumb a { color: var(--text-tertiary); text-decoration: none; }
.lp-breadcrumb a:hover { color: var(--accent-primary); }

.lp-city-grid { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-5); }
.lp-city-chip { display: inline-flex; align-items: center; padding: 10px 18px; background: var(--surface-card); border: 1px solid var(--border-subtle); border-radius: var(--radius-full); font-family: var(--font-body); font-size: var(--text-body-sm); font-weight: var(--fw-medium); color: var(--text-primary); text-decoration: none; transition: border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out); }
.lp-city-chip:hover { border-color: var(--accent-primary); color: var(--accent-primary); background: var(--blue-50); }

.lp-crosslink h3 { font-family: var(--font-display); font-size: var(--text-h4); font-weight: var(--fw-semibold); color: var(--text-primary); margin: 0 0 var(--space-4); }
.lp-crosslink__list { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.lp-crosslink__list a { display: inline-flex; align-items: center; gap: 6px; padding: 10px 16px; background: var(--surface-card); border: 1px solid var(--border-subtle); border-radius: var(--radius-full); font-family: var(--font-body); font-size: var(--text-body-sm); font-weight: var(--fw-medium); color: var(--text-primary); text-decoration: none; transition: border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out); }
.lp-crosslink__list a:hover { border-color: var(--accent-primary); color: var(--accent-primary); }

/* ---------- Footer ---------- */
.site-footer { background: var(--gray-900); color: rgba(255,255,255,.7); padding: var(--space-8) 0 var(--space-6); }
.site-footer__grid { display: grid; grid-template-columns: 1.2fr repeat(3, 1fr); gap: var(--space-6); padding-bottom: var(--space-7); border-bottom: 1px solid rgba(255,255,255,.12); }
@media (max-width: 780px) { .site-footer__grid { grid-template-columns: 1fr 1fr; } }
.site-footer__brand { font-family: var(--font-display); font-weight: var(--fw-extrabold); font-size: 22px; color: #fff; }
.site-footer__tag { font-size: var(--text-body-sm); line-height: var(--lh-body); margin-top: 12px; max-width: 260px; }
.site-footer__col-title { color: #fff; font-weight: var(--fw-semibold); font-size: var(--text-body-sm); margin-bottom: 14px; }
.site-footer__links { display: flex; flex-direction: column; gap: 10px; }
.site-footer__links a { color: rgba(255,255,255,.65); font-size: var(--text-body-sm); text-decoration: none; }
.site-footer__links a:hover { color: #fff; }
.site-footer__bottom { display: flex; justify-content: space-between; padding-top: var(--space-5); font-size: var(--text-caption); flex-wrap: wrap; gap: 8px; }