/* Estilos comunes Aeris GPV sobre Bootstrap 5 */

:root {
  --aeris-azul-oscuro: #1E3A8A;
  --aeris-azul: #0074d8;
  --aeris-rojo: #d62828;

  --bs-primary: #0074d8;
  --bs-primary-rgb: 0, 116, 216;
}

/* Modo claro / oscuro (data-bs-theme en <html>, lo pone plantilla.php) */
[data-bs-theme=light] {
  --bs-link-color: #0074d8;
  --bs-link-color-rgb: 0, 116, 216;
  --bs-body-bg: #f2f4f8;
}

[data-bs-theme=dark] {
  --bs-link-color: #6cb4ff;
  --bs-link-color-rgb: 108, 180, 255;
  --bs-link-hover-color: #9ccbff;
  --bs-link-hover-color-rgb: 156, 203, 255;
  --bs-body-bg: #121826;
  --bs-tertiary-bg: #1b2333;
}

[data-bs-theme=dark] .aeris-navbar {
  background-color: #111a3a;
}

[data-bs-theme=dark] .card {
  --bs-card-bg: #1a2130;
}

/* Cabecera de tabla que funciona en los dos modos (en vez de .table-light) */
.aeris-thead th {
  background-color: var(--bs-tertiary-bg);
  color: var(--bs-secondary-color);
  font-weight: 600;
}

.aeris-tema-btn {
  color: rgba(255, 255, 255, .85);
  font-size: 1.15rem;
  line-height: 1;
  padding: .4rem .55rem;
  border: 0;
  border-radius: .375rem;
  background: transparent;
}

.aeris-tema-btn:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, .12);
}

.btn-primary {
  --bs-btn-bg: var(--aeris-azul);
  --bs-btn-border-color: var(--aeris-azul);
  --bs-btn-hover-bg: #0062b8;
  --bs-btn-hover-border-color: #0062b8;
  --bs-btn-active-bg: #00539c;
  --bs-btn-active-border-color: #00539c;
}

/* ---------- Menú superior ---------- */
.aeris-navbar {
  background-color: var(--aeris-azul-oscuro);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
}

.aeris-navbar .navbar-brand {
  font-weight: 600;
}

.aeris-navbar .nav-link {
  border-radius: .375rem;
  padding-left: .75rem !important;
  padding-right: .75rem !important;
}

.aeris-navbar .nav-link:hover {
  background-color: rgba(255, 255, 255, .12);
}

.aeris-navbar .nav-link.active {
  background-color: var(--aeris-azul);
  color: #fff;
}

.aeris-dropdown {
  --bs-dropdown-bg: var(--aeris-azul-oscuro);
  --bs-dropdown-border-color: rgba(255, 255, 255, .15);
  --bs-dropdown-link-color: #f2f2f2;
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, .12);
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-link-active-bg: var(--aeris-azul);
  box-shadow: 0 6px 16px rgba(0, 0, 0, .35);
}

/* ---------- Fotos recortadas de los aviones (info_aviones.php) ---------- */
.aeris-avion-foto {
  height: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .5rem 1rem 0;
  background: linear-gradient(180deg, #dbe8f7 0%, #f5f8fc 100%);
}

[data-bs-theme=dark] .aeris-avion-foto {
  background: linear-gradient(180deg, #24324d 0%, #1a2130 100%);
}

.aeris-avion-foto img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 6px 8px rgba(0, 0, 0, .25));
}

/* ---------- Pantallas de acceso (login, contraseña, alta) ---------- */
.aeris-login {
  min-height: 100vh;
  background: url('../images/ECLZQ_noche.jpg') center / cover no-repeat fixed;
}

.aeris-login-wrap {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
}

.aeris-login-card {
  width: 100%;
  max-width: 420px;
  border-radius: 1rem;
  overflow: hidden;
  backdrop-filter: blur(4px);
}

.aeris-login-head {
  background: linear-gradient(135deg, var(--aeris-azul) 0%, var(--aeris-azul-oscuro) 100%);
  color: #fff;
  padding: 1.5rem 1rem 1.25rem;
}

.aeris-login-head-danger {
  background: linear-gradient(135deg, #e35d6a 0%, #b02a37 100%);
  color: #fff;
  padding: 1.5rem 1rem 1.25rem;
}

.aeris-login-card .btn-primary {
  --bs-btn-padding-y: .6rem;
}

/* La tarjeta en modo oscuro se ve algo más clara que el fondo */
[data-bs-theme=dark] .aeris-login-card {
  background-color: #1a2130;
}

/* ---------- Página de inicio (menu.php) ---------- */
.aeris-fondo {
  min-height: 100vh;
  background: url('../images/ECLZQ_noche.jpg') center / cover no-repeat fixed;
}

.aeris-panel {
  background: rgba(15, 23, 42, .55);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 1rem;
  color: #edeef1;
}

.aeris-accion {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-radius: .75rem;
  color: #fff;
  text-decoration: none;
  background: var(--aeris-rojo);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

.aeris-accion:hover,
.aeris-accion:focus-visible {
  color: #fff;
  filter: brightness(1.1);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, .35);
}

.aeris-accion.secundaria {
  background: var(--aeris-azul);
}

.aeris-accion i {
  font-size: 1.75rem;
}

.aeris-accion span {
  font-size: 1.05rem;
  font-weight: 500;
}