/* Paleta de colores BMW - Rines Euro Querétaro */
:root {
  --bmw-negro: #1C1C1C;
  --bmw-negro-mate: #2D2D2D;
  --bmw-azul: #0066B1;
  --bmw-azul-oscuro: #004C8C;
  --bmw-blanco: #FFFFFF;
  --bmw-blanco-hueso: #F5F5F5;
  --bmw-rojo: #E30613;
  --bmw-rojo-oscuro: #B8050F;
}

/* Clases utilitarias de colores */
.bg-bmw-negro { background-color: var(--bmw-negro); }
.bg-bmw-negro-mate { background-color: var(--bmw-negro-mate); }
.bg-bmw-azul { background-color: var(--bmw-azul); }
.bg-bmw-blanco { background-color: var(--bmw-blanco); }
.bg-bmw-rojo { background-color: var(--bmw-rojo); }

.text-bmw-negro { color: var(--bmw-negro); }
.text-bmw-azul { color: var(--bmw-azul); }
.text-bmw-blanco { color: var(--bmw-blanco); }
.text-bmw-rojo { color: var(--bmw-rojo); }

.border-bmw-negro { border-color: var(--bmw-negro); }
.border-bmw-azul { border-color: var(--bmw-azul); }
.border-bmw-blanco { border-color: var(--bmw-blanco); }
.border-bmw-rojo { border-color: var(--bmw-rojo); }

/* Hover states */
.hover\:bg-bmw-azul-oscuro:hover { background-color: var(--bmw-azul-oscuro); }
.hover\:bg-bmw-rojo-oscuro:hover { background-color: var(--bmw-rojo-oscuro); }
.hover\:bg-bmw-negro:hover { background-color: var(--bmw-negro); }

/* Hover para menú de navegación */
.menu a:hover {
  color: var(--bmw-rojo) !important;
  background-color: transparent;
}

.logo-img {
  height: 100px;
}