/*
 * ViaComodoro - Brand CSS Global v1.0.0
 * Se carga antes que todos los plugins para unificar colores y estilos
 */

:root {
  /* ─── Colores primarios ─── */
  --vc-azul:          #1a3fa8;
  --vc-azul-hover:    #2258d8;
  --vc-azul-oscuro:   #0f2468;
  --vc-azul-claro:    #eef2ff;
  --vc-azul-borde:    #c7d7ff;

  /* ─── Acento dorado ─── */
  --vc-dorado:        #f0c040;
  --vc-dorado-hover:  #e6b400;
  --vc-dorado-texto:  #1a1a2e;

  /* ─── Verde ─── */
  --vc-verde:         #16a34a;
  --vc-verde-hover:   #15803d;

  /* ─── Neutros ─── */
  --vc-fondo:         #f4f6f9;
  --vc-blanco:        #ffffff;
  --vc-texto:         #1a1a2e;
  --vc-texto-suave:   #888888;
  --vc-borde:         #e8ecf4;

  /* ─── Tipografía ─── */
  --vc-font: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;

  /* ─── Formas ─── */
  --vc-radio:     14px;
  --vc-radio-lg:  20px;
  --vc-radio-sm:  8px;
  --vc-radio-pill: 50px;

  /* ─── Sombras ─── */
  --vc-sombra:        0 4px 20px rgba(0,0,0,.10);
  --vc-sombra-hover:  0 8px 32px rgba(0,0,0,.18);
  --vc-sombra-azul:   0 4px 16px rgba(26,63,168,.30);
  --vc-sombra-dorado: 0 4px 16px rgba(240,192,64,.35);
}

/* ─── Botones globales ─── */
.vc-btn {
  display: inline-flex; align-items: center; justify-content: center;
  gap: 8px; border: none; border-radius: var(--vc-radio);
  padding: 12px 24px; font-family: var(--vc-font);
  font-size: .9rem; font-weight: 700; cursor: pointer;
  text-decoration: none; transition: transform .15s, box-shadow .2s;
}
.vc-btn:hover { transform: translateY(-2px); }
.vc-btn-primary {
  background: linear-gradient(135deg, var(--vc-azul), var(--vc-azul-hover));
  color: #fff; box-shadow: var(--vc-sombra-azul);
}
.vc-btn-primary:hover { box-shadow: 0 8px 24px rgba(26,63,168,.45); }
.vc-btn-secondary {
  background: var(--vc-dorado); color: var(--vc-dorado-texto);
  box-shadow: var(--vc-sombra-dorado);
}
.vc-btn-secondary:hover { box-shadow: 0 8px 24px rgba(240,192,64,.5); }

/* ─── Tarjeta base ─── */
.vc-card {
  background: var(--vc-blanco); border-radius: var(--vc-radio);
  box-shadow: var(--vc-sombra); border: 1.5px solid var(--vc-borde);
  overflow: hidden; transition: transform .2s, box-shadow .2s, border-color .2s;
}
.vc-card:hover {
  transform: translateY(-3px); box-shadow: var(--vc-sombra-hover);
  border-color: var(--vc-azul);
}

/* ─── Tipografía unificada en páginas de plugins ─── */
.vcp-promociones,
.vccc-ciudad-page,
.vclt-terminal-page,
.vclt-aeropuerto-page,
.vct-empresa-page {
  font-family: var(--vc-font) !important;
}

/* ─── Neutralizar colores morados residuales en atlas-flixbus ─── */
.vcatlas-destacadas  { background: linear-gradient(135deg, var(--vc-azul) 0%, var(--vc-azul-oscuro) 100%) !important; }
.stat-box            { background: linear-gradient(135deg, var(--vc-azul) 0%, var(--vc-azul-oscuro) 100%) !important; }
.ranking-badge       { background: linear-gradient(135deg, var(--vc-azul) 0%, var(--vc-azul-oscuro) 100%) !important; }
.ruta-btn            { background: linear-gradient(135deg, var(--vc-azul) 0%, var(--vc-azul-oscuro) 100%) !important; }
.destino-btn         { background: linear-gradient(135deg, var(--vc-azul) 0%, var(--vc-azul-oscuro) 100%) !important; }
.explorar-btn        { background: linear-gradient(135deg, var(--vc-azul) 0%, var(--vc-azul-oscuro) 100%) !important; }
.dot-bus             { background: var(--vc-azul) !important; }
.destino-precio strong { color: var(--vc-azul) !important; }
.stat-numero         { color: var(--vc-azul) !important; }
.stat-num            { color: var(--vc-azul) !important; }