@media screen and (orientation: portrait) {
  .barra-dados-auxiliares,
  .anuncio-escala,
  #scale-line2,
  #mouse-position,
  .custom-mouse-position,
  .anuncio-divisao,
  .anuncio-coordenadas,
  #escala-numerica {
    display: none !important;
  }
}

#context-menu {
  z-index: 10000;
  color: white;
  font-size: 12px;
  border: 1px solid #2f2f2f;
  border-radius: 5px;
}

#copy-notification {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #2f2f2f;
  color: white;
  font-size: 12px;
  padding: 10px 20px;
  border-radius: 5px;
  opacity: 0;
  transition: opacity 0.5s, bottom 0.5s;
  z-index: 1000;
}

#copy-notification.show {
  opacity: 1;
  bottom: 50px;
}


.anuncio-divisao {
  position: absolute;
  width: 10px; 
  bottom: 0;
  right: 230px;
/*   background: rgba(47, 47, 47, 1.0); */
  /* border-radius: 5px; */
  font-size: 20px;
  color: white;

  /* Using Flexbox for centering */
  display: flex; /* Enable Flexbox */
  justify-content: center; /* Center content horizontally */
  z-index: 4;
}

.anuncio-coordenadas {
  position: absolute;
  width: 70px; 
  bottom: 0;
  right: 150px;
/*   background: rgba(47, 47, 47, 1.0); */
  padding: 5px;
  /* border-radius: 5px; */
  font-size: 12px;
  color: white;

  /* Using Flexbox for centering */
  display: flex; /* Enable Flexbox */
  justify-content: center; /* Center content horizontally */
  z-index: 4;
}

#mouse-position {
  position: absolute;
  width: 150px; 
  bottom: 0;
  right: 0;
/*   background: rgba(47, 47, 47, 1.0); */
  padding: 5px;
  border-radius: 5px;
  font-size: 12px;
  color: white;

  /* Using Flexbox for centering */
  display: flex; /* Enable Flexbox */
  justify-content: center; /* Center content horizontally */
  z-index: 3;
}


/* ESCALA 2 DO MAPA */
#scale-line2 {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

/* Ensure the scale text is fully visible */
.ol-scale-text {
  opacity: 1; /* Keep text visible */
  display: block; /* Ensure it's displayed as a block element */
  background-color: rgba(255, 255, 255, 0.8); /* Optional background for readability */
}


.anuncio-escala {
  position: absolute;
  width: 100px; 
  bottom: 0;
  right: 310px;
/*   background: rgba(47, 47, 47, 1.0); */
  padding: 5px;
  /* border-radius: 5px; */
  font-size: 12px;
  color: white;

  /* Using Flexbox for centering */
  display: flex; /* Enable Flexbox */
  justify-content: center; /* Center content horizontally */
  z-index: 4;
}


#escala-numerica {
  position: absolute;
  width: 100px; 
  bottom: 0;
  right: 235px;
/*   background: rgba(47, 47, 47, 1.0); */
  padding: 5px;
  /* border-radius: 5px; */
  font-size: 12px;
  color: white;

  /* Using Flexbox for centering */
  display: flex; /* Enable Flexbox */
  justify-content: center; /* Center content horizontally */
  z-index: 3;
}


.barra-dados-auxiliares {
  position: absolute; /* Use absolute positioning */
  background: rgba(47, 47, 47, 1.0); /* Background color */
  bottom: 0; /* Position from the bottom */
  right: 0;
  width: 435px; /* Width of the box */
  height: 30px; /* Set a height to make it visible */
  border-radius: 10px;
  z-index: 2;
}