.dotes-mapas-listagem a:hover{text-decoration: none;}
.dotes-mapas-listagem .btn-mais {
    display: table;transition:.2s;
    margin-top: 8px;
    padding: 6px 12px;
    background: #eee;
    color: #000;border:1px solid #707070;
    font-size: 13px;
    border-radius: 4px;
    margin:20px auto;white-space: nowrap
}

.dotes-mapas-listagem .btn-mais:hover{background:transparent;color:#000;}
.dotes-mapas-listagem h4{transition:.2s;font-size: 18px;color: #555;}
.dotes-mapas-listagem p{transition:.2s;font-size: 14px;color: #555;}
.mapboxgl-popup-content a{outline: none !important;box-shadow:none !important;font-family: Lato;}
.mapboxgl-popup-content p{font-family: Lato;}
/* GRID - Cards lado a lado */
.dotes-style-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
}

.dotes-style-grid .dotes-mapa-item {
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
    transition: 0.3s ease;
}

.dotes-style-grid .dotes-mapa-link {
    display: block;
    text-decoration: none;
    color: inherit;
    padding: 0rem;text-decoration: none;
}
.dotes-style-grid .dotes-mapa-link:hover{
    text-decoration: none;
}

.dotes-style-grid .dotes-mapa-item img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    border-bottom: 1px solid #eee;
}

.dotes-style-grid h4 {
    margin: 0.5rem 0;    
    padding:0 10px;
}

.dotes-style-grid p {   
     padding:0 10px;
}


/* CARDS - Imagem grande do lado esquerdo */
.dotes-style-cards .dotes-mapa-item a{display: flex;
    border: 1px solid #ddd;
    border-radius: 10px;gap:20px;
    padding:0 20px 0 0;justify-content: center;align-content: center;align-items: center;
    /*! background: #fff; */
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;}


.dotes-style-cards .dotes-mapa-link {
    flex: 1;
    text-decoration: none;
    color: inherit;
}
.dotes-style-cards .dotes-mapa-link:hover{text-decoration: none;}
.dotes-style-cards .dotes-mapa-link h4 {
    font-size: 22px;
    margin: 0 0 10px;
}
.dotes-style-cards  .btn-mais {margin:10px 0;}
.dotes-style-cards .dotes-mapa-link p {
    font-size: 15px;
    margin: 0 0 8px;margin-bottom:0;
}


/* TABLE - Estilo linha de dados */
.dotes-style-table .dotes-mapa-item {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    align-items: center;
}

.dotes-style-table h4 {
    font-size: 16px;
    margin: 0;
}



/* COMPACT - Somente nome + link */
.dotes-style-compact .dotes-mapa-item {
    padding: 0px 0;
    margin-bottom:20px;
}
.dotes-style-compact .dotes-mapa-item img{max-width: 20%;border-radius:20px;}
.dotes-style-compact .dotes-mapa-item a{display: flex;gap:20px;text-decoration: none;align-items:center;padding:0 10px 0 0;border-radius:10px;overflow:hidden;}
.dotes-style-compact .dotes-mapa-item a:hover *{color:#f80000;}
.dotes-style-compact h4 {
    display: inline-block;
    font-size: 18px;
    margin: 0;color:#000;
}
.dotes-style-compact .btn-mais{display: none;}

.dotes-style-compact p{text-decoration: none;color:#000;font-size:16px;margin-bottom:0;}

.dotes-style-table img{max-width: 12%;border-radius:10px;}
.dotes-style-table a{display: flex;gap:10px;align-items: center;text-decoration:none;color:#000;}
.dotes-style-table .txt{display: flex;gap:10px;align-items: center;}
.dotes-style-table h4{max-width: 50%;font-size:16px;}
.dotes-style-table p{max-width: 50%;font-size:13px;margin-bottom:0;padding-right:20px;}










@-webkit-keyframes yellow-fade {
  from {
    background: #FFFFED;
  }
  to {
    background: #fff;
  }
}
@-moz-keyframes yellow-fade {
  from {
    background: #FFFFED;
  }
  to {
    background: #fff;
  }
}
@keyframes yellow-fade {
  from {
    background: #FFFFED;
  }
  to {
    background: #fff;
  }
}
.blink {
  -webkit-animation: yellow-fade 1s ease-in-out 0s;
  -moz-animation: yellow-fade 1s ease-in-out 0s;
  -o-animation: yellow-fade 1s ease-in-out 0s;
  animation: yellow-fade 1s ease-in-out 0s;
}

.mapboxgl-popup-close-button{border-radius: 50%!important;;font-size:25px;position: absolute;top:-15px!important;;right:-15px!important;;background:#000!important;;color:#fff!important;;padding:0;width: 30px;height:30px;line-height:10px!important;;text-align: center;opacity:.5;transition:.2s;}
.mapboxgl-popup-close-button:hover{opacity: 1;background:#000;color:#fff;transform: scale(1.2)}
.mapboxgl-popup{max-width: 400px !important;min-width: 200px;}
.mapboxgl-popup h4{line-height: 16px;padding:0;margin:0 0 10px 0;text-align: left;font-family:"lato";}
.mapboxgl-popup h4 a{font-size:16px;line-height: 16px;color:#000;text-decoration: none;display:flex!important;;align-content: center;align-items: center;}
.mapboxgl-popup h4 a:hover{text-decoration: none;}
.mapboxgl-popup .text p{font-size:14px;line-height: 16px;overflow: hidden;
   display: -webkit-box;text-align: left;font-family:"lato";
   -webkit-line-clamp: 3; /* number of lines to show */
           line-clamp: 3; 
   -webkit-box-orient: vertical;}
.popup-card-content{display: flex;align-content:center;justify-content:center;}
.popup-card-content figure{max-width: 40%;min-width:40%;min-height:100%;margin: 5px 10px 0 0!important;;overflow: hidden;transition:.2s;}
.popup-card-content figure:hover img{border-color:#f80000}
.popup-card-content figure img{border-radius:5px;margin-right: 10px;min-height: 100%;object-fit: cover;border:1px solid #FFF;transition:.2s;}
.popup-card-content figure a{outline: none !important;}
.popup-card-content .btns{display: flex;gap:10px;justify-content: center;align-content: center;}
.popup-card-content .btns button:hover{text-decoration: none !important;background:#FFF!important;;}
.popup-button { display: block;padding: 7px 6px 7px 8px;transition: .2s;
  font-size: 12px;text-align: center;
  text-transform: uppercase;max-width: 50%;font-family: 'Lato',sans-serif;
  cursor: pointer;text-decoration: none!important;;
  transition: .2s;min-width: 45%;
  background: #eee;margin:auto;
  border: 1px solid #ddd ;font-weight:bold;
  border-radius: 3px;
  color: #000!important;text-decoration: none;}
.popup-button:hover{text-decoration: none !important;background:#FFF;}
.popup-card-content .btns button{ display: block;padding: 7px 6px 7px 8px;transition: .2s;
  font-size: 12px;text-align: center;margin:0 !important;
  text-transform: uppercase;min-width: 45%;
  cursor: pointer;text-decoration: none!important;;
  transition: .2s;
  background: #eee ;
  border: 1px solid #707070 ;font-weight:bold;
  border-radius: 3px;
  color: #000!important;text-decoration: none;}


.popup-posts-list{padding:10px 0;margin:0;list-style: none;max-height:300px;overflow:auto;position: relative;}

.popup-posts-list::after{content:"";position: fixed;bottom:70px;min-width: 100%;height:20px;background: #FFFFFF;left:0;
background: linear-gradient(180deg,rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 1) 100%);}

.popup-posts-list .popup-post-date{display: none;}
.popup-posts-list li{display: flex;gap:0px;/*! margin-bottom:10px; */padding-right:10px;padding-top:10px;padding-bottom:10px;}
.popup-post-list li:nth-child(even){border:1px dotted #888;border-left: none;border-right: none;}
.popup-post-list *{outline:none !important;box-shadow: none !important;}
.popup-post-list h4 a{text-align: left;font-family: 'Lato', sans-serif;outline:none !important;}
.popup-posts-list li figure{max-width: 40%;min-width: 40%;min-height:100%;margin: 0px 10px 0 0!important;;overflow: hidden;transition:.2s;}
.popup-posts-list li figure img{border-radius:5px;margin-right: 10px;min-height: 100%;object-fit: cover;border:1px solid #FFF;transition:.2s;}
.popup-posts-list h5{line-height: 16px;padding:0;margin:0 0 10px 0;text-align: left;font-family: 'Lato',sans-serif;}
.popup-posts-list h5 a{font-size:16px;line-height: 16px;color:#000;text-decoration: none;line-height: 16px;padding:0;margin:0 0 10px 0;}
.popup-posts-list  p{font-size:14px;line-height: 16px;overflow: hidden;text-align: left;font-family: 'Lato',sans-serif;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
           line-clamp: 3; 
   -webkit-box-orient: vertical;}



.popup-post-list .btns{display: flex;gap:10px;justify-content: center;align-content: center;padding-top:20px;}
.popup-post-list .btns a{font-family: 'Lato',sans-serif;}
.popup-post-list .btns button:hover{text-decoration: none !important;background:#FFF!important;;}
.popup-post-list h4{margin-bottom:0;}

.popup-post-list h4 a{text-transform: uppercase;border-bottom:1px solid #EEE;display: block;padding-bottom:10px;}
.popup-post-list .btns button{ display: block;padding: 7px 6px 7px 8px;transition: .2s;
  font-size: 12px;text-align: center;margin:0 !important;
  text-transform: uppercase;min-width: 50%;
  cursor: pointer;text-decoration: none!important;;
  transition: .2s;
  background: #eee ;
  border: 1px solid #707070 ;font-weight:bold;
  border-radius: 3px;
  color: #000!important;text-decoration: none;}

.scroll-to-item{ display: block;padding: 7px 6px 7px 8px;transition: .2s;
  font-size: 12px;text-align: center;
  text-transform: uppercase;min-width: 50%;
  cursor: pointer;text-decoration: none;
  transition: .2s;margin:0 auto;
  background: #eee ;
  border: 1px solid #ddd ;font-weight:bold;
  border-radius: 3px;
  color: #000;text-decoration: none;}
.scroll-to-item:focus{background:#FFF; color: #000;}
.scroll-to-item:hover{background:#FFF; color: #000;}

.popup-title-button{min-width: 200px;}
.popup-title-button .btns{display: flex;justify-content: center;align-content: center;gap:10px;}
.popup-title-button .btns *{margin: 0!important;}

.popup-post-desc-and-buttton{min-width: 220px;}
.popup-post-desc-and-buttton .btns{display: flex;justify-content: center;align-content: center;gap:10px;}
.popup-post-desc-and-buttton .btns *{margin: 0!important;}

.popup-post-desc-and-buttton  h4{transition:.2s;font-size: 18px;color: #555;border-bottom:1px solid #EEE;padding-bottom:10px;margin-bottom:10px;}
.popup-post-desc-and-buttton  p{transition:.2s;font-size: 14px;color: #555;overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 12; /* number of lines to show */
           line-clamp: 12; 
   -webkit-box-orient: vertical;}