/* El tema define tokens bajo html.ssk-scheme-dark y html.ssk-scheme-auto (oscuro). */
@media (prefers-color-scheme: dark) {
  html.ssk-scheme-auto {
    color-scheme: dark;
  }
}

:root {
  --ssk-site-gutter: 1.5rem;
}

body {
  font-family: var(--ssk-font-body, var(--font-sans, ui-sans-serif, system-ui, sans-serif));
  color: var(--ssk-color-muted, inherit);
}

h1,
h2,
h3,
h4,
h5,
h6,
.rpm-heading-1,
.rpm-heading-2,
.rpm-heading-3,
.rpm-display {
  color: var(--ssk-color-fg, inherit);
}

.rpm-nav a,
.rpm-site-header details nav a {
  color: var(--ssk-nav-link-color, var(--ssk-color-fg, inherit));
  text-decoration: none;
  transition: color 0.15s ease;
}

.rpm-nav a:hover,
.rpm-nav a:focus-visible,
.rpm-site-header details nav a:hover,
.rpm-site-header details nav a:focus-visible {
  color: var(--ssk-nav-link-color-hover, var(--ssk-color-accent, inherit));
}

.rpm-site-header .current-menu-item > a,
.rpm-site-header .current_page_item > a,
.rpm-site-header .current-menu-ancestor > a {
  color: var(--ssk-nav-link-color-hover, var(--ssk-color-accent, inherit));
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.35em;
}

.ssk-layout-full {
  --ssk-content-max-width: 100%;
}

.ssk-layout-boxed .ssk-layout-canvas {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--ssk-content-max-width, 72rem);
  margin-inline: auto;
  padding-inline: var(--ssk-site-gutter, 1.5rem);
}

h1,
h2,
h3,
h4,
h5,
h6,
.rpm-display,
.rpm-heading-1,
.rpm-heading-2,
.rpm-heading-3,
.rpm-hero-carousel__title {
  font-family: var(--ssk-font-heading, var(--font-display, Georgia, "Times New Roman", serif));
}

.ssk-hero-carousel__title {
  font-family: var(--ssk-hero-title-font, var(--ssk-font-heading, var(--font-display, Georgia, "Times New Roman", serif)));
}

.rpm-body,
.rpm-lead,
.rpm-prose p,
.rpm-commitment p,
.rpm-pilares p,
.rpm-values p,
.rpm-empresa__text,
.rpm-empresa__tag,
.rpm-empty p,
.rpm-content :where(p, li),
.rpm-band__label,
.rpm-prose li,
.rpm-footer,
.rpm-footer p,
.rpm-site-footer,
.rpm-site-footer p,
.rpm-site-footer a,
.rpm-brand,
.rpm-legal,
.rpm-legal__body,
.rpm-legal :where(p, li) {
  font-family: var(--ssk-font-body, var(--font-sans, ui-sans-serif, system-ui, sans-serif));
}

.rpm-legal__title {
  font-family: var(--ssk-font-heading, var(--font-display, Georgia, "Times New Roman", serif));
  color: var(--ssk-color-fg, inherit);
}

.ssk-hero-carousel__inner {
  font-family: var(--ssk-font-body, var(--font-sans, ui-sans-serif, system-ui, sans-serif));
}

.ssk-hero-carousel__text {
  font-family: var(--ssk-hero-text-font, var(--ssk-font-body, var(--font-sans, ui-sans-serif, system-ui, sans-serif)));
}

.rpm-nav,
.rpm-site-header details nav {
  font-family: var(--ssk-font-nav, var(--ssk-font-body, var(--font-sans, inherit)));
  font-size: var(--ssk-nav-font-size, 1rem);
}

@media (width >= 48rem) {
  .rpm-nav {
    font-size: var(--ssk-nav-font-size-md, 1.125rem);
  }
}