.titulo-estado{
    font-weight: bold;
    font-size: 20px;
    color: #023a5b;
}

.titulo-regional{
    font-weight: bold;
    font-size: 16px;
    color: #924895;
}

.linha-regional {
  height: 1px;
  background-color: #bebebe;
  border: none;
  margin-top: 10px;
  width: 100%;
  display: block;
}


.texto-regional{
  font-weight: normal;
  font-size: 12px;
  padding-bottom: 10px;
}

.map-element{
  overflow: hidden;
  margin: 0 auto !important;
  width: 80%;
  
}

.botao-como-chegar {
  display: inline-block;
  align-items: center;
  background-color: #023a5b;
  color: white !important;
  padding: 6px 10px;
  border: none;
  border-radius: 6px;
  font-size: 10px;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
  font-weight: bold;
  border-bottom: 1px solid #d3d3d3; /* linha cinza claro */
  margin-bottom: 30px;
}

.container-texto-botao {
    
    flex-direction: column;
    align-items: flex-start; /* opcional, para alinhar à esquerda */
    text-align: left;
    padding-bottom: 50px;
}


.botao-como-chegar i {
  margin-right: 8px;
}

.botao-como-chegar:hover {
  background-color: #0056b3;
}

#map {
  display: none;
}

#map .state {
  cursor: pointer;
  text-decoration: none;
text-decoration-thickness: 0px !important;
text-underline-offset: 0px !important;
}

#map .state .label_icon_state {
  fill: #fff;
  font-family: Arial;
  font-size: 11px;
  line-height: 12px;
  font-weight: normal;
}
#map .state .label_state {
  display: none;
  font-family: Arial;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
}
#map .state:hover .label_state, #map .state.hover .label_state {
  display: none;
}
#map .model-green .state .shape {
  fill: #023a5b;
}
#map .model-green .state .icon_state {
  fill: #924895;
}
#map .model-green .state .label_icon_state {
  fill: #fff;
}
#map .model-green .state .label_state {
  fill: #666;
}
#map .model-green .state:hover .shape, #map .model-green .state.hover .shape {
  fill:rgb(179, 179, 179);
}
#map .model-green .state:hover .icon_state, #map .model-green .state.hover .icon_state {
  fill: #5a95ce;
}
#map .model-orange .state .icon_state {
  fill: #6cb361;
}
#map .model-orange .state .label_icon_state {
  fill: #fff;
}
#map .model-orange .state .label_state {
  fill: #666;
}
#map .model-orange .state:hover .icon_state, #map .model-orange .state.hover .icon_state {
  fill: #10592f;
}

#map .model-darkgreen .state .icon_state {
  fill: #2779c6;
}
#map .model-darkgreen .state .label_icon_state {
  fill: #fff;
}
#map .model-darkgreen .state .label_state {
  fill: #666;
}
#map .model-darkgreen .state:hover .icon_state, #map .model-darkgreen .state.hover .icon_state {
  fill:rgb(156, 156, 156);
}

#texto-distrito-federal{
  display: none;
}

a:where(:not(.wp-element-button)) {
color: transparent;
text-decoration: none;
}

.pagination {
  margin-top: 5px;
  text-align: center;
  font-size: 14px;
}

.pagination {
    display: flex;
    justify-content: left;
    margin: 20px auto;
}

.pagina-link {
  margin: 0 5px;
  text-decoration: none;
  color: #0073aa;
  cursor: pointer;
}

.pagina-link.active {
  font-weight: bold;
  color: #000;
}

.container {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}

.image-column {
  height: 600px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 30px;
}

.image-column img {
  max-width: 100%;
  height: auto;
  display: block;
}

.text-column {
  flex: 1;
}

/* Responsivo: empilha em telas menores que 768px */
@media (max-width: 1024px) {
.container {
flex-direction: column;
}

.text-column{
width: 100%;
}
}

@media (max-width: 1200px) {
.map-element{
width: 100%;
}
}

@media (max-width: 400px) {
.image-column {
height: 340px;
}
}

@media (min-width: 401px) and (max-width: 520px){
.image-column {
height: 450px;
}
}


.container {
  display: flex;
  flex-direction: overflow;
  gap: 10px;
  align-items: flex-start; /* Alinha os itens à esquerda */
}