/* Modo alto contraste */
body.high-contrast {
  background-color: #000 !important;
  color: #e9e9e9 !important;
  font-family: 'Roboto Flex', sans-serif;
}

body.high-contrast .card,
body.high-contrast .navbar,
body.high-contrast .btn,
body.high-contrast .form-control,
body.high-contrast footer {
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}

body.high-contrast a,
body.high-contrast .btn-outline-primary,
body.high-contrast .text-primary {
  color: #ffff00 !important;
  border-color: #ffff00 !important;
}

body.high-contrast .bg-light {
  background-color: #000 !important;
}

body.high-contrast .form-control::placeholder {
  color: #ccc !important;
}

body.high-contrast .bg-map {
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}

/* Mapa de serviços do site */
/* Estilização geral do mapa */
#map {
  height: 400px;
  width: 100%;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  min-height: 300px;
}

/* Ajuste para dispositivos pequenos */
@media (max-width: 576px) {
  #map {
    height: 300px;
  }
}

/* Estilos para o site */
.card-hover {
  transition: transform 0.3s, box-shadow 0.3s;
}

.card-hover:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.bg-map {
  background: linear-gradient(135deg, #0066cc, #3399ff);
  color: white;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#map {
  height: 400px;
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 576px) {
  #map {
    height: 300px;
  }
}

.high-contrast {
  filter: invert(1) hue-rotate(180deg);
}

.buttonsEdit{
    background-color: #0066cc;
    color:white;
    padding:7px;
    border-radius:5px;
    margin-left:5px;
}
.buttonsEdit a{
    text-decoration: none;
    list-style: none;
}