@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');

* { scrollbar-width: thin; scrollbar-color: rgb(0 0 0);}
*::-webkit-scrollbar { width: 5px; height: 5px; background-color: rgb(90 90 90);}
*::-webkit-scrollbar-thumb { background-color: rgb(0 0 0);}

body { margin: 0 auto; font-family: 'Roboto Condensed', sans-serif; font-size: 17px; line-height: 1.2;}
body a { text-decoration: none;}
body h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal;}
body img { border: 0;}

body input { outline-offset: -1px; background-color: transparent; font-family: 'Roboto Condensed', sans-serif; font-size: 1em; padding: 0; border: 0; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1;}
body select { outline-offset: -1px; background-color: transparent; font-family: 'Roboto Condensed', sans-serif; font-size: 1em; padding: 0; border: 0; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1;}
body textarea { outline-offset: -1px; background-color: transparent; font-family: 'Roboto Condensed', sans-serif; font-size: 1em; padding: 0; border: 0; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body button { outline-offset: -1px; background-color: transparent; font-family: 'Roboto Condensed', sans-serif; font-size: 1em; padding: 0; border: 0; outline: 0; line-height: 0; cursor: pointer;}

body header { float: left; width: 100%; position: relative; z-index: 200;}
body main { float: left; width: 100%; position: relative; z-index: 100; overflow: hidden;}
body footer { float: left; width: 100%; position: relative; z-index: 50;}

body .centro { margin: 0 auto; width: 90%; max-width: 90%;}

body .bordinha { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
body .borda { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
body .circular { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px;}

body .sombrinha { -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%); -moz-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%); box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);}
body .sombra { -webkit-box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%); -moz-box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%); box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%);}
body .sombrona { -webkit-box-shadow: 0 15px 10px -10px rgb(0 0 0 / 20%); -moz-box-shadow: 0 15px 10px -10px rgb(0 0 0 / 20%); box-shadow: 0 15px 10px -10px rgb(0 0 0 / 20%);}

body .rapidao { -webkit-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; -o-transition: 0.4s ease-in; transition: 0.4s ease-in;}
body .rapidinho { -webkit-transition: 1s ease-in; -moz-transition: 1s ease-in; -o-transition: 1s ease-in; transition: 1s ease-in;}
body .lento { -webkit-transition: 2s ease-in; -moz-transition: 2s ease-in; -o-transition: 2s ease-in; transition: 2s ease-in;}

body .shadow { text-shadow: 0 1px 3px rgba(0 0 0 / 50%);}

body .uppercase { text-transform: uppercase;}
body .capitalize { text-transform: capitalize;}
body .through { text-decoration: line-through;}
body .bold { font-weight: bold;}
body .pointer { cursor: pointer;}
body .cover { object-fit: cover;}
body .scale-down { object-fit: scale-down;}
body .none { display: none;}

body .border-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body .auto310 { margin: 0 auto; width: 310px; max-width: 96%;}
body .auto500 { margin: 0 auto; width: 500px; max-width: 96%;}
body .auto700 { margin: 0 auto; width: 700px; max-width: 96%;}
body .auto1000 { margin: 0 auto; width: 1000px; max-width: 96%;}
body .mar210 { margin-top: 21px !important; margin-bottom: 21px !important;}
body .mar110 { margin-top: 11px !important; margin-bottom: 11px !important;}
body .mar500 { margin-top: 5px !important;}
body .mar200 { margin-top: 2px !important;}
body .opcy7 { opacity: 0.7;}

body .campo:focus { outline: 1px solid rgb(55 171 200 / 50%) !important; -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%); -moz-box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%); box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);}
body .textarea:focus { outline: 1px solid rgb(55 171 200 / 50%) !important; -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%); -moz-box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%); box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);}

body .readonly { background-color: rgb(90 90 90 / 15%);}
body .readonly:focus { outline: 1px solid rgb(90 90 90 / 90%) !important; -webkit-box-shadow: 0 0 0 0 rgb(0 0 0 / 0); -moz-box-shadow: 0 0 0 0 rgb(0 0 0 / 0); box-shadow: 0 0 0 0 rgb(0 0 0 / 0);}

body .bgvermelho { background-color: rgb(200 0 0 / 15%);}

body .ajax { float: left; width: 100%; position: relative;}

body .nenhum { float: left; width: 100%;}
body .nenhum h2 { float: left; width: 100%; text-align: center; font-size: 1em;}
body .nenhum h3 { float: left; width: 100%; font-size: 1em;}

body .editou { min-height: 15px; font-size: 1em; line-height: 1.6;}
body .editou h1 { font-weight: bold; font-size: 1.5em;}
body .editou h2 { font-weight: bold; font-size: 1.4em;}
body .editou h3 { font-weight: bold; font-size: 1.3em;}
body .editou h4 { font-weight: bold; font-size: 1.2em;}
body .editou h5 { padding: 8px 0; border-bottom: 1px solid rgb(90 90 90 / 30%); font-size: 1em;}
body .editou p { margin-block-start: 11px; margin-block-end: 11px;}
body .editou ol { margin-block-start: 0; margin-block-end: 0;}
body .editou a { color: rgb(0 122 153);}
body .editou a:hover { text-decoration: underline;}
body .editou img { max-width: 100%;}
body .editou iframe { max-width: 100%;}

body .alerta {
  position: fixed;
  width: min(390px, calc(100% - 32px));
  top: 22px;
  right: 22px;
  bottom: auto;
  left: auto;
  z-index: 1000;
  overflow: visible;
  color: #111827;
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}
body .alerta .msg {
  float: none;
  width: 100%;
}
body .alerta .msg h2,
body .alerta .msg h3 {
  position: relative;
  float: none;
  width: 100%;
  min-height: 76px;
  margin: 0;
  padding: 18px 46px 18px 58px;
  border: 1px solid rgba(17, 24, 39, .08);
  border-radius: 8px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 20px 48px rgba(15, 23, 42, .16);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  font-size: 1em;
}
body .alerta .msg h2 {
  border-left: 5px solid #16a34a;
}
body .alerta .msg h3 {
  border-left: 5px solid #e50914;
}
body .alerta .msg h2::before,
body .alerta .msg h3::before {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 18px;
  left: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
}
body .alerta .msg h2::before {
  content: "✓";
  background: #16a34a;
}
body .alerta .msg h3::before {
  content: "!";
  background: #e50914;
}
body .alerta .msg b {
  float: none;
  display: block;
  width: auto;
  color: #111827;
  font-weight: 850;
  font-size: 14px;
  line-height: 1.1;
  letter-spacing: 0;
}
body .alerta .msg em {
  float: none;
  display: block;
  width: auto;
  margin: 6px 0 0;
  color: #4b5563;
  font-style: normal;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 500;
  letter-spacing: 0;
}
body .alerta .fechar {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 14px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #6b7280;
  background: transparent;
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
  line-height: 1;
  cursor: pointer;
}
body .alerta .fechar:hover {
  background: #f3f4f6;
  color: #111827;
}

body .loader { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 300; background: #fff;}
body .loader .ico,
body .carregando .ico { position: absolute; width: 60px; height: 50px; top: 50%; left: 50%; margin: -25px 0 0 -30px; border: 0; border-radius: 0; box-shadow: none; --m: no-repeat linear-gradient(90deg,#000 70%,#0000 0); -webkit-mask: var(--m) calc(0*100%/4) 100%/calc(100%/5) calc(1*100%/5), var(--m) calc(1*100%/4) 100%/calc(100%/5) calc(2*100%/5), var(--m) calc(2*100%/4) 100%/calc(100%/5) calc(3*100%/5), var(--m) calc(3*100%/4) 100%/calc(100%/5) calc(4*100%/5), var(--m) calc(4*100%/4) 100%/calc(100%/5) calc(5*100%/5); mask: var(--m) calc(0*100%/4) 100%/calc(100%/5) calc(1*100%/5), var(--m) calc(1*100%/4) 100%/calc(100%/5) calc(2*100%/5), var(--m) calc(2*100%/4) 100%/calc(100%/5) calc(3*100%/5), var(--m) calc(3*100%/4) 100%/calc(100%/5) calc(4*100%/5), var(--m) calc(4*100%/4) 100%/calc(100%/5) calc(5*100%/5); background: linear-gradient(#514b82 0 0) left/0% 100% no-repeat #ddd; -webkit-animation: l14 2s infinite steps(6); animation: l14 2s infinite steps(6);}
body .loader .ico::before,
body .carregando .ico::before { content: none;}

body .carregando { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 200; background: rgba(255, 255, 255, .94);}
body .carregando .ico { transform: scale(.56);}

@media only screen and (max-width: 1200px){
  body .centro { width: 96%; max-width: 96%;}
}
@media only screen and (max-width: 500px){
  body .alerta { width: calc(100% - 24px); top: 12px; right: 12px; left: 12px; bottom: auto;}
  body .alerta .msg h2,
  body .alerta .msg h3 { border-radius: 8px;}
}
@keyframes rotacao{
  to{
    transform: rotate(1turn);
  }
}
@keyframes l14{
  100%{
    background-size: 120% 100%;
  }
}