.aircraft-marker {
    background-image: url('../img/map_plane_marker_blue_000.png');
    background-size: cover;
    width: 40px;
    height: 40px;
}
.leaflet-popup-content-wrapper {
    background: rgba(211, 211, 211, 0.8); /* Cinza com alguma transparência */
    border-radius: 12px;
    text-align: center;
    padding: 15px 30px; /* Aumenta o preenchimento para tornar a caixa maior */
}
.leaflet-popup-content {
    margin: 0 auto;
    width: auto; /* Permite que a caixa expanda com base no conteúdo */
    max-width: 300px; /* Define uma largura máxima para o conteúdo */
}
/* Oculta o botão de fechar (X) do popup */
.leaflet-popup-close-button {
    display: none;
}
#sidebar {
    position: absolute;
    top: 0;
    left: -300px;  /* inicialmente escondido */
    width: 300px;
    height: 100%;
    background-color: #f9f9f9;
    border-left: 1px solid #ccc;
    transition: left 0.3s;  /* mudança de 'right' para 'left' para a transição funcionar corretamente */
    z-index: 1000;  /* valor alto para garantir que apareça na frente de outros elementos */
}


#sidebar.open {
    left: 0;  /* visível quando a classe 'open' é aplicada */
}
#close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 10px;
    font-weight: 700;
    background: linear-gradient(to bottom right, #000000, #808080);  /* Gradiente de preto para cinza */
    color: #ffffff;
    border: none;
    padding: 2px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}







/* #map {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0; /* Isso garante que o mapa fique atrás do header
}
header.fixed-top {
    background-color: rgba(0, 0, 0, 0.75); /* Isso adiciona um fundo preto semi-transparente
    z-index: 1000;
} */
  /* body, html {
    margin: 0;
    padding: 0;
  } */