/* ============================================================
   TRADUCTOR FLOTANTE (landing + app)
   ============================================================ */

.traductor {
  position: fixed; top: 86px; right: 22px; z-index: 99998;
  font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
}

/* En login/dashboard va dentro del header sticky */
.app .traductor { position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: 90; }
.app .traductor-btn { height: 38px; padding: 0 10px; gap: 6px; box-shadow: none; }
.app .traductor-bandera { width: 20px; height: 14px; }
.app .traductor-code { font-size: 11px; }
.app .traductor-menu { top: 46px; right: 0; }

.traductor-btn {
  display: flex; align-items: center; gap: 8px; height: 46px; padding: 0 14px;
  border-radius: 999px; background: #0b1411; border: 1px solid rgba(255, 255, 255, .14);
  color: #f1f7f4; cursor: pointer;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .45);
  transition: border-color .2s, transform .2s, box-shadow .2s;
}
.traductor-btn:hover {
  border-color: rgba(22, 199, 132, .55);
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .55);
}
.traductor-globe { font-size: 16px; color: #29e39a; }
.traductor-bandera { width: 22px; height: 15px; object-fit: cover; border-radius: 3px; display: block; }
.traductor-code { font-weight: 800; font-size: 12px; letter-spacing: .5px; }

.traductor-menu {
  position: absolute; top: 56px; right: 0; left: auto; bottom: auto;
  width: 232px; max-height: 330px;
  overflow-y: auto; background: #0b1411; border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 14px; box-shadow: 0 20px 50px rgba(0, 0, 0, .6); padding: 6px;
}
.traductor-menu[hidden] { display: none; }

.traductor-item {
  display: flex; align-items: center; gap: 10px; width: 100%;
  padding: 9px 10px; border: 0; background: none; color: #e6edf3;
  font: inherit; font-size: 14px; border-radius: 9px; cursor: pointer; text-align: left;
}
.traductor-item:hover { background: rgba(22, 199, 132, .1); color: #29e39a; }
.traductor-item.activo { background: rgba(22, 199, 132, .14); color: #29e39a; }
.traductor-item img { width: 22px; height: 15px; object-fit: cover; border-radius: 3px; }

/* Ocultar barra y tooltips de Google Translate */
.goog-te-banner-frame, .goog-te-banner-frame.skiptranslate,
iframe.goog-te-banner-frame, iframe.skiptranslate {
  display: none !important; visibility: hidden !important; height: 0 !important;
}
html { margin-top: 0 !important; }
body { top: 0 !important; margin-top: 0 !important; }
.goog-tooltip, .goog-te-balloon-frame, #goog-gt-tt { display: none !important; }
#google_translate_element { display: none !important; }
.goog-logo-link, .goog-te-gadget { display: none !important; }

@media (max-width: 640px) {
  .traductor { top: 76px; right: 14px; }
  .traductor-menu { width: 210px; max-height: 300px; }
  .traductor-btn { height: 44px; padding: 0 12px; }
  .nav .traductor { order: 2; top: auto; right: auto; }
  .nav-toggle { order: 3; }
  .nav-links { order: 4; }
}