/* iOS/WKWebView: o Safari reajusta o tamanho do texto (ex.: após trocar de página ou focar
   campos) e o zoom automático em inputs com fonte < 16px “estoura” o layout. */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body,
#app,
#navegacao,
.view,
.view-main,
.page {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
.ios .item-input-wrap input,
.ios .item-input-wrap textarea,
.ios .item-input-wrap select,
.ios input[type="text"],
.ios input[type="search"],
.ios input[type="tel"],
.ios input[type="email"],
.ios input[type="number"],
.ios input[type="password"] {
  font-size: 16px;
  line-height: 1.25;
}
@supports (-webkit-touch-callout: none) {
  .item-input-wrap input,
  .item-input-wrap textarea,
  .item-input-wrap select {
    font-size: 16px;
    line-height: 1.25;
  }
}

/* TEMAS DO NAVBAR */
.navbar.tema-primario {
  background: #ff6eee;
  margin-bottom: 0px;
}

.navbar.tema-secundario {
  background: #cc530c;
  margin-bottom: 0px;
}

.block.topo-painel {
  margin: 0px;
  padding-top: 20px;
  padding-bottom: 10px;
  background: #ff6eee;
}

/* FONTE DO TITULO */
.title {
  text-align: center !important;
  width: 100% !important;
}

/* ALINHAR IMAGEM DA ENTRADA */
.Aligner {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	min-height: 100dvh;
}

/* Splash: zoom pequeno → maior */
@keyframes nexSplashZoomIn {
	0% {
		opacity: 0;
		transform: scale(0.35);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

/* Splash: zoom aumenta e some */
@keyframes nexSplashZoomOut {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	100% {
		opacity: 0;
		transform: scale(1.55);
	}
}

.Aligner.nex-splash-zoom-in {
	animation: nexSplashZoomIn 2.4s cubic-bezier(0.22, 1, 0.36, 1) both;
	transform-origin: center center;
	will-change: transform, opacity;
}

.Aligner.nex-splash-zoom-out {
	animation: nexSplashZoomOut 1.2s cubic-bezier(0.4, 0, 0.2, 1) both;
	transform-origin: center center;
	will-change: transform, opacity;
	pointer-events: none;
}

.circular-image {
  max-width: 100%;
  max-height: 400px;
  border-radius: 25%;
  object-fit: cover;
}
  

.Aligner-item {
  max-width: 50%;
}

.Aligner-item--top {
  align-self: flex-start;
}

.Aligner-item--bottom {
  align-self: flex-end;
}

/* Importando Fonte */
@font-face {
  font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
  font-style: normal;
  font-weight: 400;
  src: url('fonts/arial-black-bold.ttf') format('truetype');
}


.AlertCampo {
  font-size: 11px !important;
  ;
  color: #F00101;
}