/* ==========================================================
   TEMA · SPA — editorial, sereno, botánico
   Solo tokens y acentos. La estructura vive en ficha.css.
   ========================================================== */
:root {
  --font-display: "Fraunces", "Times New Roman", serif;
  --font-body: "Manrope", "Helvetica Neue", sans-serif;
  --display-weight: 340;
  --display-italic: italic;          /* palabras en cursiva del titular */
  --display-tracking: -0.035em;

  --bg: #F4EEE6;          /* hueso */
  --bg-alt: #EAE1D4;      /* arena */
  --surface: #FBF8F3;
  --ink: #2B2621;
  --ink-soft: #6E645A;
  --line: rgba(43, 38, 33, .14);

  --brand: #3F4D3A;       /* salvia profundo */
  --brand-ink: #F4EEE6;
  --brand-soft: #A9B69B;  /* salvia claro */
  --accent: #B5623B;      /* terracota */
  --accent-ink: #FFF7F0;

  --radius: 26px;
  --radius-sm: 14px;
  --arco: 999px 999px 28px 28px;    /* marco de arco, firma del tema */
  --sombra: 0 30px 60px -30px rgba(63, 77, 58, .35);

  --ease: cubic-bezier(.22, .8, .24, 1);
  --lento: 1.1s;
}

/* Acentos propios del spa */
.hero__titulo em { color: var(--brand); }
.cinta { background: var(--brand); color: var(--brand-soft); }
.paquetes { background: var(--brand); color: var(--brand-ink); }
.hero::before {
  /* halo botánico difuso detrás del arco */
  content: ""; position: absolute; inset: auto -10% 5% auto; width: 60vw; height: 60vw; max-width: 760px; max-height: 760px;
  background: radial-gradient(closest-side, rgba(169, 182, 155, .45), transparent 70%);
  pointer-events: none; z-index: 0;
}