/* ==========================================================================
   viaja.html (enlace del anuncio) — identidad Golden Line
   Se carga DESPUÉS del <style> propio de la página: solo cambia la piel.
   Paleta del brand book: negro, dorado #B8912F, blanco.
   ========================================================================== */
:root {
  --tinta: #F4F4F4;          /* texto principal */
  --papel: #000000;          /* fondo */
  --card: #121212;
  --linea: rgba(184, 145, 47, .32);
  --gris: #A7A7A7;
  --gl-gold: #B8912F;
  --gl-gold-hi: #D9B65C;
  --gl-gold-grad: linear-gradient(135deg, #8F6D1E 0%, #B8912F 38%, #E4C477 55%, #B8912F 72%, #8F6D1E 100%);
  --sombra: 0 24px 60px rgba(0, 0, 0, .6);
}
body {
  background:
    radial-gradient(ellipse 70% 40% at 50% 0%, rgba(184, 145, 47, .16) 0%, rgba(0, 0, 0, 0) 70%),
    #000 !important;
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* Encabezado */
header img { filter: brightness(0) invert(1); display: block; margin: 6px auto 0; }
.gl-eyebrow {
  display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 18px;
  font: 600 11px/1 'Poppins', sans-serif; letter-spacing: .32em; text-transform: uppercase; color: var(--gl-gold-hi);
}
.gl-eyebrow::before, .gl-eyebrow::after { content: ""; width: 26px; height: 1px; background: var(--gl-gold); }
h1 { color: #fff; font-weight: 800; margin-top: 10px !important; }
h1 span {
  background: var(--gl-gold-grad); -webkit-background-clip: text; background-clip: text; color: transparent !important;
}
.lead { color: #CFCFCF !important; }

/* Buscador */
.buscador {
  background: linear-gradient(180deg, #181818, #121212) !important;
  border: 1px solid var(--linea) !important;
  box-shadow: var(--sombra), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}
label { color: var(--gl-gold-hi) !important; }
select, input[type=date] {
  background-color: #0b0b0b !important; color: #fff !important; border-color: #2e2e2e !important;
}
select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23B8912F' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important; background-position: right 14px center !important; background-size: 14px !important;
  padding-right: 40px !important;
}
select option { background: #111; color: #fff; }
select:focus, input:focus { border-color: var(--gl-gold) !important; box-shadow: 0 0 0 3px rgba(184, 145, 47, .22); }
select:disabled { background-color: #151515 !important; color: #6f6f6f !important; }
input[type=date]::-webkit-calendar-picker-indicator { filter: invert(72%) sepia(40%) saturate(600%) hue-rotate(5deg); cursor: pointer; }

button.buscar {
  background: var(--gl-gold-grad) !important; background-size: 180% 100% !important; color: #111 !important;
  border-radius: 999px !important; box-shadow: 0 10px 28px rgba(184, 145, 47, .28);
  transition: background-position .3s ease, transform .15s ease !important;
}
button.buscar:hover:not(:disabled) { background-position: 100% 0 !important; transform: translateY(-1px); }
button.buscar:disabled { background: #2a2a2a !important; color: #777 !important; box-shadow: none; }

.aviso.err { background: rgba(209, 19, 23, .14) !important; color: #ff9a9c !important; border: 1px solid rgba(209, 19, 23, .35); }
.aviso.info { background: rgba(184, 145, 47, .12) !important; color: var(--gl-gold-hi) !important; border: 1px solid var(--linea); }
.sello { color: var(--gris) !important; }

/* Tarjetas "Antes de viajar" */
h2 { color: var(--gl-gold-hi) !important; letter-spacing: .2em !important; }
.c { background: #111 !important; border-color: #242424 !important; color: #eee !important; }
.c:hover { border-color: var(--gl-gold) !important; box-shadow: 0 16px 40px rgba(0, 0, 0, .6) !important; }
.c b { color: #fff; }
.c p { color: var(--gris) !important; }

footer, footer a { color: #8a8a8a !important; }