/* Cambiar el color del botón principal (usando la variable --vp-c-brand) */
:root {
  --vp-c-brand: #eabe53; /* Azul personalizado */
}

/* Cambiar el color de otros elementos si lo deseas */
:root {
  --vp-c-brand-light: #eabe53; /* Color más claro para hover */
  --vp-c-brand-dark: #eabe53; /* Color más oscuro */
}

.logo {
  height: 50px !important;
}

/* Cambiar color del botón principal del hero */
.VPHero .VPButton.brand {
  color: #000000;
  font-weight: 500;
}

.VPHero .VPButton.brand:hover {
  background-color: #d1ab4e; /* Hover más oscuro */
  border-color: #d1ab4e;
}