/* Paleta compartida de las páginas de venta (landing + subir-fotos) — blanco, minimalista,
   basada en los colores reales del logo de DYNAMIA (turquesa a azul marino + acento dorado),
   no en un morado genérico. Un solo lugar para los tokens evita que las dos páginas se desalineen. */

:root {
  --dy-bg: #ffffff;
  --dy-bg-soft: #f6f7f8;
  --dy-surface: #ffffff;
  --dy-line: #e6e5ea;
  --dy-ink: #15131f;
  --dy-muted: #6b6f76;

  --dy-teal: #3c8f89;
  --dy-navy: #1c3b63;
  --dy-gold: #d9a63e;
  --dy-gradient: linear-gradient(135deg, var(--dy-teal), var(--dy-navy));

  --dy-ink-on-gradient: #ffffff;
}

/* Selector de país (ver injectRegionSelector en region.js) — chiquito a propósito. */
.region-select-wrap {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px 3px 8px;
  background: var(--dy-bg-soft);
  border: 1px solid var(--dy-line);
  border-radius: 999px;
  font-size: 11px;
  line-height: 1;
}
.region-select {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  font-size: 11.5px;
  color: var(--dy-navy);
  background: transparent;
  border: none;
  padding: 3px 0;
  cursor: pointer;
}
.region-select:focus { outline: none; }