/* Cambiar el fondo general de la página a un gris muy suave */
body {
  background-color: #f8f8f8; /* Gris muy claro, casi blanco */
  /* Si prefieres blanco puro, usa: background-color: #ffffff; */
}

/* Mantener el color naranja en los botones */
/* Suponiendo que los botones usan una clase o etiqueta específica */
/* Aquí un ejemplo para botones <button> o con clase .btn */
button, 
.btn {
  background-color: #e74b05; /* Tono naranja original */
  color: white; /* Texto blanco para buen contraste */
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* Opcional: efecto hover para los botones */
button:hover, 
.btn:hover {
  background-color: #e67e22; /* Naranja un poco más oscuro al pasar el mouse */
}
/* Cambiar el botón English para que tenga el mismo azul que About y Archives */
#english-button, /* o la clase/id que tenga el botón English */
.language-selector, /* ejemplo si tiene clase */
a[href*="lang=en"] /* selector por href si es enlace */
{
  background-color: #0056b3 !important; /* azul usado en About y Archives */
  color: white !important; /* texto blanco para buen contraste */
  border: none !important;
  padding: 10px 20px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.3s ease;
}

/* Hover para el botón English en azul más oscuro */
#english-button:hover,
.language-selector:hover,
a[href*="lang=en"]:hover {
  background-color: #004494 !important; /* azul más oscuro */
}