/* ===============================================================
   MÓDULO MOD_ESCALA — Normalizado con base_ui_variables.css
   =============================================================== */

.gc-escala {
  position: absolute !important;
  bottom: var(--mod-escala-bottom, 24px);
  right: var(--mod-escala-left, 2px);
  z-index: 2000 !important;

  background: var(--panel-bg, var(--color-panell)) !important;
  border: 1px solid var(--panel-border, var(--color-borde)) !important;
  border-radius: var(--panel-radius, var(--radius-suau)) !important;
  box-shadow: var(--panel-shadow, var(--ombra-suau)) !important;

  padding: 2px 8px !important;
  min-width: 80px;
  text-align: center;

  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  color: var(--panel-text, var(--color-text-principal)) !important;
  font-size: 0.85rem !important;
  line-height: 1.2 !important;
}

/* Texto interno */
.gc-escala .ol-scale-line-inner {
  color: var(--panel-text, var(--color-text-principal)) !important;
border-radius: 2px !important;  /* Ajusta a tu gusto: 2px, 4px, 8px, 9999px */
  background: transparent !important;
}