/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* === SIAMEI btn login === */
.siamei-btn-login {
	fill: #2EC5CE;
	color: #2EC5CE !important;
	background-color: #FFFFFF;
	border: 1px solid #2EC5CE;
	padding: 13px 30px;
	border-radius: 8px;
	font-size: 14px !important;
	transition: all 0.3s ease;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}

.siamei-btn-login:hover,
.siamei-btn-login:focus {
	background: #DBE2F2;
	border: 1px solid #DBE2F2;
	color: #000 !important;
	transition: all 0.3s ease;
}

/* === SIAMEI Modal de erro === */
.siamei_modal_erro {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  animation: fadeIn 0.3s ease-in-out;
}

/* Container interno da modal */
.siamei_modal_conteudo {
	position: relative;
  background: #fff;
  border-radius: 12px;
  padding: 30px 25px;
  max-width: 400px;
  width: 90%;
  text-align: center;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
  animation: slideUp 0.3s ease-out;
}

/* Spinner (estilo simples inspirado no Bootstrap) */
/* .siamei_modal_spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}

.spinner-border {
  width: 2.5rem;
  height: 2.5rem;
  border: 4px solid #eee;
  border-top-color: #e53935;
  border-radius: 50%;
  animation: spin 0.9s linear infinite;
} */

/* Texto */
/* .siamei_modal_conteudo b {
  display: block;
  font-size: 1rem;
  color: #333;
  margin-top: 5px;
  margin-bottom: 20px;
  line-height: 1.4;
} */

/* Botão de fechar */
.siamei_modal_btn {
	font-size: 30px !important	;
  /* background: #e53935;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s ease-in-out; */
	/* background: transparent; */
	/* color: #8C30F5 !important; */
	color: #FFF !important;
	/* border: none; */
	padding:0;
	/* border-radius: 6px; */
	/* font-size: 0.95rem; */
	/* cursor: pointer; */
	/* transition: background 0.2s ease-in-out; */
	position: absolute;
	top: -35px;
	right: 0;
}

.siamei_modal_btn:hover {
  background: transparent;
}

.shortcode-siamei-btn-login {
  text-align: center;
}

/* === Animações === */
/* @keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes slideUp {
  from { transform: translateY(40px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

@keyframes spin {
  to { transform: rotate(360deg); }
} */

/* === SIAMEI Modal de formluario === */
.siamei_modal_formulario {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  animation: fadeIn 0.3s ease-in-out;
}

/* Container interno da modal */
.siamei_modal_formulario .siamei_modal_conteudo {
	position: relative;
  background: #fff;
  border-radius: 12px;
  padding: 30px 25px;
  max-width: 500px;
  width: 90%;
  text-align: center;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
  animation: slideUp 0.3s ease-out;
  text-align: left;
}

.siamei_modal_formulario .acff-form-title {
  /* border:1px solid red */
}

.siamei_modal_formulario .acf-label {
/* border:1px solid red */
}

.siamei_modal_formulario .acf-label label{
      font-size: 20px;
    text-align: left;
}

.siamei_modal_formulario #acff-user-field_6169f5eb01272 {

}

.siamei_modal_formulario .acf-input {}

/* .siamei_modal_formulario  .acf-label {
  border:1px solid red
} */