/* =========================================================
   LEGACY TRADERS GROUP — Variables, reset, tipografía y botones (colores en :root)
   ========================================================= */
:root {
  /* Negro */
  --tinta: #0B0B0B;      /* fondo principal */
  --tinta-2: #141414;    /* tarjetas */
  --tinta-3: #060606;    /* fondo profundo */
  --linea: #2B2923;      /* bordes con tinte dorado */
  /* Dorado (tomado del logo) */
  --oro: #D4A94C;
  --oro-claro: #F1D38A;
  --oro-oscuro: #9C7A2F;
  --degradado-oro: linear-gradient(135deg, #F6DD97 0%, #D4A94C 45%, #9C7A2F 100%);
  /* Velas: dorado sube, plata baja (como en el logo) */
  --alza: #D4A94C;
  --baja: #BFC3C8;
  /* Blanco */
  --texto: #F4F4F2;
  --texto-suave: #A9A7A0;
  --papel: #F6F5F1;      /* secciones claras */
  --papel-texto: #141414;

  --serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --sans: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --marca: "Montserrat", "Manrope", system-ui, sans-serif;

  --ancho: 1180px;
  --radio-s: 6px;
  --radio-m: 14px;
  --header-h: 76px;
}

*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 12px); }
body {
  margin: 0;
  font-family: var(--sans);
  font-size: 1.0625rem;
  line-height: 1.65;
  color: var(--texto);
  background: var(--tinta);
  -webkit-font-smoothing: antialiased;
}
img, svg, canvas { display: block; max-width: 100%; }
a { color: var(--oro-claro); }
a:hover { color: #fff; }
h1, h2, h3 { font-family: var(--serif); font-weight: 600; line-height: 1.15; margin: 0 0 .6em; color: #fff; }
h2 { font-size: clamp(2rem, 3.6vw, 2.9rem); letter-spacing: -.01em; }
h3 { font-size: 1.3rem; }
p { margin: 0 0 1em; }
ul, ol { margin: 0; padding: 0; list-style: none; }

:focus-visible { outline: 2px solid var(--oro); outline-offset: 3px; border-radius: 3px; }

.skip { position: absolute; left: -999px; top: 8px; background: var(--oro); color: #0B0B0B; padding: .5rem 1rem; z-index: 100; }
.skip:focus { left: 8px; }

.wrap { width: min(100% - 2.5rem, var(--ancho)); margin-inline: auto; }
.wrap--narrow { max-width: 780px; }

/* ---------- Botones ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center;
  gap: .5rem; padding: .85rem 1.5rem;
  font: 600 .98rem/1 var(--sans);
  border-radius: var(--radio-s);
  border: 1px solid transparent;
  text-decoration: none; cursor: pointer; white-space: nowrap;
  transition: background .2s, color .2s, border-color .2s;
}
.btn--gold { background: var(--degradado-oro); color: #0B0B0B; box-shadow: 0 4px 18px rgba(212,169,76,.18); }
.btn--gold:hover { background: var(--oro-claro); color: #0B0B0B; }
.btn--ghost { border-color: var(--linea); color: var(--texto); background: transparent; }
.btn--ghost:hover { border-color: var(--oro); color: #fff; }
.btn--sm { padding: .6rem 1.1rem; font-size: .9rem; }

.visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }