/* ==========================================================
   Dr. Beatriz Rodriguez · BRAND TOKENS (every landing loads this)
   Change a value here and every page changes, including the
   pages kept 1:1 from Claude Design (Planner, Two-Week Wait).
   ========================================================== */
:root {
  /* colors */
  --ink: #1F4145;        /* dark teal: titles, dark sections, buttons */
  --teal: #295258;       /* labels, links, hover */
  --sage: #6D9A95;       /* accents, italic highlights */
  --sage-2: #9FBEB7;
  --mint: #B9D3CE;       /* dots, timeline */
  --mist: #EDF3F2;       /* soft background */
  --line: #E4EDEB;       /* borders */
  --text: #3A4A49;       /* body text */
  --on-dark: #F2F9F8;    /* body text on dark sections */
  --white: #FFFFFF;

  /* fonts */
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'Mulish', system-ui, sans-serif;
  --ui: 'Poppins', system-ui, sans-serif;
  --hand: 'Caveat', 'Segoe Print', cursive;

  /* buttons (change here = every button on every page) */
  --btn-case: none;
  --btn-size: 14px;
  --btn-track: 0.01em;
  --btn-height: 56px;
  --btn-radius: 999px;
}

/* Shared CTA button look. Pages built from templates use .btn (site.css);
   pages kept 1:1 from Claude Design tag their CTAs with .cta */
/* :is(#id,.cta) lifts specificity above page rules like #precio a[target] */
.cta:is(#brand-cta, .cta).cta {
  font-family: var(--ui) !important; font-weight: 600 !important;
  font-size: var(--btn-size) !important; letter-spacing: var(--btn-track) !important;
  text-transform: var(--btn-case) !important; border-radius: var(--btn-radius) !important;
  min-height: var(--btn-height) !important; height: auto !important; line-height: 1.25 !important;
}

/* inside the Wix embed: no second scrollbar; spare height under the footer blends in */
html.framed { overflow: hidden !important; }
html.framed:has(footer.ft) { background: var(--ink) !important; }