<!--

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

.popup {
  position:absolute;
  width: 500px;
  height: 200px;
  left: 50%;
  margin-left: -250px;
  margin-top: 180px;
  border: 1px solid #7b8f81;
  background: #a7c3af;   /*url("../images/bg_popup.png") no-repeat center 207px fixed;*/
  display: none; /* Começa escondido */
  justify-content: center;
  align-items: center;
 -webkit-box-shadow: 0px 45px 25px -35px rgba(0,0,0,0.8);
 -moz-box-shadow: 0px 45px 25px -35px rgba(0,0,0,0.8);
 box-shadow: 0px 45px 25px -35px rgba(0,0,0,0.8);
 border-radius: 15px;
 z-index: 9999;
}

/* Conteúdo do pop-up */
.popup-content {
font-family: "Roboto Condensed", sans-serif;
font-size:17px;
font-weight: 400;
color: #000000;
background-color: none;
  padding: 20px;
  
  
  animation-duration: 0.5s;
}

/* Animação de entrada (fade-in) */
.popup.show {
  display: flex;
  animation-name: fadeIn;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Animação de saída (fade-out) */
.popup.hide {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  from { opacity: 1; }
  to { opacity: 0; }
}

/* Estilo para o botão de fechar */
.close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: none;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
}

-->