.modal-polos { height: 100%; width: 100%; position: absolute; z-index: 1020; display: none; justify-content: flex-start; align-items: center; top: 0rem; left: 0rem; }
@media (min-width: 1441px) { .modal-polos { top: 0rem; left: 0rem; } }
@media (max-width: 592px) and (min-width: 360px) { .modal-polos { top: 8rem; } }

.modal-polos.ativo { display: flex; }

.modal { background: #D0CDD6; top: -10rem; left: 18rem; padding: 0px; box-shadow: 0px 0px 5px 7px rgba(45, 45, 45, 0.4); position: relative; }
@media (max-width: 1440px) { .modal { left: 10rem; } }
@media (max-width: 1219px) and (min-width: 993px) { .modal { top: -20rem; left: 22.5rem; } }
@media (max-width: 992px) and (min-width: 600px) { .modal { top: -1rem; left: 20rem; }
  .modal div { width: 320px !important; }
  .modal button { display: none !important; } }
@media (max-width: 592px) and (min-width: 360px) { .modal { left: 2rem; top: -10rem; margin-bottom: 0px; }
  .modal div { width: 320px !important; }
  .modal button { display: block !important; } }

@keyframes modal { from { opacity: 0; transform: translate3d(0, -30px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); } }
.ativo .modal { animation: modal .3s forwards; display: block !important; overflow: initial; }

.fechar { width: 40px; height: 40px; top: -19px; right: -18px; border-radius: 50%; -webkit-border-radius: 50%; position: absolute; cursor: pointer; background: black; color: white; border: 2px solid white; font-size: 2rem; }

.endereco { color: black; font-size: 0.8em; margin-bottom: 0rem; }

.animacao-icone { font-size: 1.6rem !important; color: #17062F !important; font-weight: bold; font-style: italic; }
@media (max-width: 592px) and (min-width: 360px) { .animacao-icone { font-size: 1.4rem !important; } }
.animacao-icone span { background-size: 25px 35px !important; background: url("../images/icone_local_small.png"); background-color: transparent !important; border-radius: 0 !important; width: 25px !important; height: 35px !important; }
.animacao-icone.btn-cidade-1 span, .animacao-icone.btn-cidade-7 span, .animacao-icone.btn-cidade-8 span { margin-top: -35px !important; margin-left: -7px !important; }
.animacao-icone.btn-cidade-2 span { margin-top: -25px !important; margin-left: 19px !important; }
.animacao-icone.btn-cidade-3 span { margin-top: -25px !important; margin-left: -1px !important; }
.animacao-icone.btn-cidade-4 span { margin-top: -25px !important; margin-left: 20px !important; }
@media (max-width: 592px) and (min-width: 360px) { .animacao-icone.btn-cidade-4 span { margin-top: -25px !important; margin-left: -8px !important; } }
.animacao-icone.btn-cidade-5 span { margin-top: -25px !important; margin-left: 13px !important; }
@media (max-width: 592px) and (min-width: 360px) { .animacao-icone.btn-cidade-5 span { margin-top: -25px !important; margin-left: -8px !important; } }
.animacao-icone.btn-cidade-6 span { margin-top: -28px !important; margin-left: -8px !important; display: block !important; }
.animacao-icone.btn-cidade-9 span { margin-top: -25px !important; display: block !important; }

.dados-local { margin: 0px 10px; }
.dados-local .icone_local { margin-top: -22px; margin-left: 20px; position: relative; }
@media (max-width: 592px) and (min-width: 360px) { .dados-local { margin: 0px 0px; } }
@media (max-width: 992px) and (min-width: 600px) { .dados-local { margin: 0px 0px; } }
.dados-local .texto-titulo { font-size: 26px; color: #083ca5; }
@media (max-width: 929px) { .dados-local .texto-titulo { font-size: 2.3vw; } }
@media (max-width: 592px) and (min-width: 360px) { .dados-local .texto-titulo { font-size: 4.3vw; } }
.dados-local .texto-titulo h3 { margin-top: 1rem !important; margin-bottom: 2rem; }

.transparencia { position: relative; margin: 20px; margin-left: 0px; box-shadow: 3px 3px 7px 3px rgba(45, 45, 45, 0.4); }
@media (max-width: 592px) { .transparencia { margin-top: 20px; margin-bottom: 0px; } }
@media (max-width: 992px) and (min-width: 600px) { .transparencia { margin-top: 20px; margin-bottom: 0px; } }