/* screen - pop-up */

.pop-up {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100px;
  overflow: hidden;
  padding: 20px;
}

#overlay-pop-up {
  align-items: center;
  background-color: #ffffff00;
  justify-content: flex-start;
}

.pop-up .pop-up-1 {
  background-color: var(--meia-maratonaazul);
  border-radius: 0px 0px 26px 26px;
  display: flex;
  height: 100px;
  overflow: hidden;
  padding: 20px;
  width: 393px;
}

.pop-up .pop-up-2 {
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.pop-up .buttons {
  align-self: stretch;
  border-radius: 6px;
  display: flex;
  flex: 0 0 auto;
  gap: 35px;
  justify-content: center;
  width: 100%;
}

.pop-up .faq {
  background-color: var(--meia-maratonaazul-marinho);
  border-radius: 6px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  padding: 8px 20px;
  transition: all 0.2s ease;
}

.pop-up .faq:hover {
  transform: scale(0.9); 
}

.pop-up .faq-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.pop-up .regulamento {
  background-color: var(--meia-maratonaazul-marinho);
  border-radius: 6px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  padding: 8px 20px;
  transition: all 0.2s ease;
}

.pop-up .regulamento:hover {
  transform: scale(0.9); 
}

.pop-up .regulamento-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.pop-up .hide-button {
  background-color: var(--meia-maratonavermelho);
  border-radius: 4px;
  cursor: pointer;
  height: 5px;
  margin-bottom: -6.00px;
  position: relative;
  width: 105px;
}

.pop {
  align-items: center;
  position: relative;
}

.pop-up .pop-up-3 {
  align-items: center;
  flex-direction: column;
  gap: 10px;
}