/* ═══════════════════════════════════════════════════════════════
   GOQRONA DESIGN TOKENS v1.0 · Julio 2026
   Fuente única de verdad. Importar en TODO proyecto web/HTML:
   <link rel="stylesheet" href="/assets/css/goqrona-tokens.css">
   Referencia completa: GOQRONA_Manual_de_Marca_v1.html
   ═══════════════════════════════════════════════════════════════ */
:root{
  /* ── CAPA MARCA (marketing, heros, phygital) ── */
  --embalse-950:#02182E;
  --embalse-900:#041F3E;
  --embalse-800:#012B50;
  --monte-700:#0B5B57;
  --monte-600:#0B7C6C;
  --esmeralda-500:#02D075;
  --esmeralda-600:#01B875;
  --verde-marca:#00A876;
  --aurora:linear-gradient(135deg,#041F3E 0%,#0B5B57 42%,#0B7C6C 62%,#02D075 100%);
  --aurora-suave:linear-gradient(160deg,#041F3E 0%,#0B7C6C 70%,#01B875 100%);
  --aurora-glow:radial-gradient(720px 340px at 82% 110%,rgba(2,208,117,.35),transparent 65%);

  /* ── CAPA PRODUCTO (app, checkout, docs) ── */
  --hueso:#FAF8F3;
  --hueso-2:#F3F0E8;
  --papel:#FFFFFF;
  --bosque-900:#143428;   /* precios, cifras */
  --bosque-700:#223E32;   /* titulares */
  --piedra:#5B655F;       /* texto secundario */
  --linea:#E7E3D8;        /* bordes */

  /* ── CAPA ACCIÓN (solo transaccional) ── */
  --reserva-600:#015A9C;  /* botón reservar, chips seleccionados */
  --reserva-700:#014579;  /* hover/active */
  --navy-accion:#013E7D;  /* "Ver experiencia" en listados */

  /* ── FEEDBACK ── */
  --oro:#F0B40F;                                    /* SOLO ratings */
  --ambar-bg:#FBF5E9; --ambar-borde:#EAD9AE; --ambar-texto:#7A5F1E;
  --exito-bg:#E9F7EF; --exito-texto:#0E6B3D;
  --error-bg:#FBEDEC; --error-texto:#A02C22;

  /* ── TIPOGRAFÍA ── */
  --display:'Space Grotesk',sans-serif;  /* titulares, precios */
  --texto:'Inter',sans-serif;            /* cuerpo, UI */
  --mono:'JetBrains Mono',monospace;     /* códigos, datos */

  /* ── GEOMETRÍA ── */
  --radio-s:8px; --radio-m:14px; --radio-l:22px; --pill:999px;
  --sombra-1:0 2px 10px rgba(20,52,40,.07);
  --sombra-2:0 10px 30px rgba(4,31,62,.14);
  --t-rapida:.18s ease-out;
  --t-media:.3s cubic-bezier(.4,0,.2,1);

  /* ── ESPACIADO (base 8) ── */
  --esp-1:8px; --esp-2:16px; --esp-3:24px; --esp-4:32px;
  --esp-6:48px; --esp-8:64px; --esp-10:80px;
}

/* ── COMPONENTES BASE ─────────────────────────────────────── */
.gq-btn{font-family:var(--texto);font-weight:600;font-size:14px;border:none;
  border-radius:var(--radio-s);padding:13px 26px;cursor:pointer;
  transition:all var(--t-media);text-decoration:none;display:inline-block}
.gq-btn-reserva{background:var(--reserva-600);color:#fff}
.gq-btn-reserva:hover{background:var(--reserva-700);transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(1,90,156,.3)}
.gq-btn-navy{background:var(--navy-accion);color:#fff;border-radius:var(--pill)}
.gq-btn-esmeralda{background:var(--esmeralda-500);color:var(--bosque-900)} /* NUNCA texto blanco */
.gq-btn-fantasma{background:transparent;color:var(--bosque-700);border:1.5px solid var(--bosque-700)}
.gq-btn-fantasma:hover{background:var(--hueso-2)}

.gq-badge-verificado{display:inline-flex;align-items:center;gap:7px;
  background:#F0F4FE;color:#27466C;font-size:12.5px;font-weight:600;
  border-radius:var(--pill);padding:7px 14px}
.gq-rating{color:var(--oro);letter-spacing:2px}
.gq-alerta-cupos{background:var(--ambar-bg);border:1px solid var(--ambar-borde);
  color:var(--ambar-texto);font-size:13.5px;border-radius:var(--radio-s);padding:14px 18px}
.gq-chip{width:46px;height:46px;border-radius:50%;display:inline-flex;
  align-items:center;justify-content:center;font-weight:600;
  border:1.5px solid var(--linea);background:var(--papel);color:var(--bosque-700)}
.gq-chip.sel{background:var(--reserva-600);border-color:var(--reserva-600);color:#fff}