/* Contenedor principal del switcher */
#mltlngg_google_switcher .goog-te-gadget {
  /* Colores via JS (variables en runtime); aquí dejamos fallback alto contraste */
  color: #FFFFFF !important;
  background-color: #0B6024 !important; /* tu verde de ejemplo */
  padding: .5rem .625rem !important;
  border-radius: .5rem !important;
  line-height: 1.4 !important;
}

/* Enlaces dentro del gadget (incluye "Con la tecnología de" y el link a translate.google.com) */
#mltlngg_google_switcher .goog-te-gadget a {
  color: #FFFFFF !important;
  text-decoration: underline !important;
}
#mltlngg_google_switcher .goog-te-gadget a:hover,
#mltlngg_google_switcher .goog-te-gadget a:focus {
  text-decoration: none !important;
  outline: 2px solid #FFD54F !important; /* foco visible */
  outline-offset: 2px !important;
}

/* Texto junto al logo "Traductor de Google" */
#mltlngg_google_switcher .goog-te-gadget span,
#mltlngg_google_switcher .goog-te-gadget div {
  color: #FFFFFF !important;
}

/* <select> de idioma: fondo claro / texto oscuro para legibilidad máxima */
#mltlngg_google_switcher .goog-te-combo {
  background: #FFFFFF !important;
  color: #111111 !important;
  border: 1px solid rgba(255,255,255,.75) !important; /* borde suficientemente visible sobre bg oscuro */
  border-radius: .375rem !important;
  padding: .25rem .5rem !important;
  min-height: 2rem !important;
  font-size: 14px !important;
}

/* Foco visible en el <select> */
#mltlngg_google_switcher .goog-te-combo:focus {
  outline: 3px solid #FFD54F !important;
  outline-offset: 2px !important;
}

/* Ajuste del logo (que suele tener poco contraste por tamaño) */
#mltlngg_google_switcher img {
  vertical-align: middle !important;
}

/* Asegurar contraste también en modo oscuro del sistema: mantenemos el mismo esquema */
@media (prefers-color-scheme: dark) {
  #mltlngg_google_switcher .goog-te-gadget {
    background-color: #0B6024 !important;
    color: #FFFFFF !important;
  }
  #mltlngg_google_switcher .goog-te-gadget a {
    color: #FFFFFF !important;
  }
}