/* 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;
  height: 100%;
  min-height: 100%;
  box-sizing: border-box;
}

.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;
}