/*
 * Red Descanso visual system 1.0.0
 * One local variable font, no JavaScript, no overlays and no remote requests.
 */

@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-display: swap;
  font-weight: 200 700;
  src: url("./fonts/oswald-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
    U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html.rdiv-relax,
body.rdiv-relax {
  --ink: #3e342c;
  --forest: #5d5145;
  --sage: #858878;
  --sage-soft: #ece7dd;
  --clay: #8a5943;
  --oat: #e6dac7;
  --linen: #f3ebdd;
  --paper: #fcf9f3;
  --line: #d7c8b6;
  --muted: #6b6258;
  --white: #ffffff;
  --shadow: 0 14px 36px rgba(65, 52, 40, .08);
}

html.rdiv-confort,
body.rdiv-confort {
  --ink: #214e66;
  --ink-soft: #5e7480;
  --paper: #f3f7f9;
  --white: #fffefb;
  --sage: #dceaf0;
  --sage-dark: #6d91a4;
  --clay: #985c3b;
  --clay-soft: #f1e3d7;
  --line: #c8d8df;
  --shadow: 0 14px 38px rgba(33, 78, 102, .09);
}

html.rdiv-visco,
body.rdiv-visco {
  --vb-ink: #3b3343;
  --vb-ink-soft: #6f6574;
  --vb-paper: #f7f3f5;
  --vb-white: #fffcfa;
  --vb-sage: #ddd9e2;
  --vb-sage-dark: #7d7184;
  --vb-clay: #a86552;
  --vb-clay-dark: #7e4a44;
  --vb-gold: #c8a061;
  --vb-line: #d8cfd7;
  --vb-shadow: 0 18px 46px rgba(59, 51, 67, .09);
}

/* Oswald is the display/UI face. Long-form copy stays in the system stack. */
body.rdiv-relax :is(h1, h2, h3, h4),
body.rdiv-relax .site-branding strong,
body.rdiv-relax .rs-need-grid strong,
body.rdiv-relax .rs-link-list strong,
body.rdiv-relax .rs-article-journey-grid strong,
body.rdiv-relax .author-note-mark,
body.rdiv-confort :is(h1, h2, h3),
body.rdiv-confort .cg-brand b,
body.rdiv-confort .cg-home-hero aside > span,
body.rdiv-confort .cg-next a,
body.rdiv-visco :is(h1, h2, h3),
body.rdiv-visco .vb-brand-copy b,
body.rdiv-visco .vb-configurator legend,
body.rdiv-visco .vb-compare tbody th,
body.rdiv-visco .vb-network-decision a strong {
  font-family: "Oswald", "Arial Narrow", ui-sans-serif, system-ui, sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  letter-spacing: -.012em;
  line-height: 1.08;
}

body.rdiv-relax :is(.primary-nav a, .language-switcher a, .rs-kicker, .rs-button),
body.rdiv-confort :is(.cg-mainnav a, .cg-langs a, .cg-kicker, .cg-primary, .cg-amazon),
body.rdiv-visco :is(.vb-mainnav a, .vb-mainnav span, .vb-kicker, .vb-button, .vb-amazon) {
  font-family: "Oswald", "Arial Narrow", ui-sans-serif, system-ui, sans-serif;
  font-weight: 500;
  letter-spacing: .018em;
}

/* RelaxSalud — linen, oat and warm wood. */
html.rdiv-relax,
body.rdiv-relax {
  background: var(--paper);
}

body.rdiv-relax .site-header {
  background: var(--paper);
  border-bottom-color: var(--line);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

body.rdiv-relax .article-header,
body.rdiv-relax .page-header {
  background: var(--linen);
}

body.rdiv-relax .article-deck,
body.rdiv-relax .entry-content .rs-intro {
  color: var(--muted);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
}

body.rdiv-relax :is(.primary-nav .nav-configurator a, .language-switcher a[aria-current="page"]) {
  background: var(--forest);
}

body.rdiv-relax :is(.rs-home-section--products, blockquote) {
  background: var(--linen);
}

/* Confort Geriátrico — clinical blue balanced by a warm home accent. */
html.rdiv-confort,
body.rdiv-confort {
  background: var(--paper);
}

body.rdiv-confort .cg-header {
  background: var(--paper);
  border-bottom-color: rgba(33, 78, 102, .16);
}

body.rdiv-confort .cg-home-hero aside,
body.rdiv-confort .cg-guide-grid a,
body.rdiv-confort .cg-product-grid > article,
body.rdiv-confort .cg-answer,
body.rdiv-confort .cg-checkgrid div,
body.rdiv-confort .cg-alternatives a {
  background: var(--white);
}

body.rdiv-confort .cg-primary,
body.rdiv-confort .cg-amazon {
  box-shadow: 0 8px 20px rgba(152, 92, 59, .17);
}

body.rdiv-confort .cg-branches {
  background: var(--ink);
}

body.rdiv-confort .cg-branch-grid a {
  background: var(--ink);
}

body.rdiv-confort .cg-branch-grid a:hover {
  background: #2b5f78;
}

body.rdiv-confort .cg-branches .cg-section-head > span,
body.rdiv-confort .cg-branch-grid span {
  color: #edc5ad;
}

/* Viscobueno — quiet plum, ivory and terracotta for an editorial mattress shop. */
html.rdiv-visco,
body.rdiv-visco {
  background: var(--vb-paper);
}

body.rdiv-visco .vb-header {
  background: var(--vb-paper);
  border-bottom-color: rgba(59, 51, 67, .14);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

body.rdiv-visco .vb-hero-media::before,
body.rdiv-visco .vb-hero-media::after {
  display: none;
}

body.rdiv-visco .vb-section--soft,
body.rdiv-visco .vb-network-decision {
  background: #e9e3e8;
}

body.rdiv-visco .vb-choice-grid span {
  background: #fbf8f7;
}

body.rdiv-visco .vb-media::after {
  background: var(--vb-sage);
}

@media (max-width: 680px) {
  body.rdiv-relax h1,
  body.rdiv-confort .cg-home-hero h1,
  body.rdiv-visco .vb-hero h1 {
    line-height: 1.02;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.rdiv-relax,
  html.rdiv-confort,
  html.rdiv-visco {
    scroll-behavior: auto;
  }
}