@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

* { scrollbar-color: rgb(10 10 10);}
*::-webkit-scrollbar { width: 7px; height: 5px; background-color: transparent;}
*::-webkit-scrollbar-thumb { background-color: rgb(10 10 10);}

body { margin: 0 auto; font-family: "Montserrat", serif; font-size: 18px; line-height: 1.3;}
body a { text-decoration: none;}
body h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
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 span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body form { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

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

body .auto { margin: 0 auto; width: 90%;}
body .auto310 { margin: 0 auto; width: 310px; max-width: 94%;}
body .auto400 { margin: 0 auto; width: 400px; max-width: 94%;}
body .auto800 { margin: 0 auto; width: 800px; max-width: 94%;}

body .object { width: 100%; height: 100%; top: 0; left: 0;}
body .object.cover { object-fit: cover;}
body .object.normal { object-fit: none;}
body .object.scaledown { object-fit: scale-down;}
body .object.contain { object-fit: contain;}
body .fixed { position: fixed;}
body .absolute { position: absolute;}
body .relative { position: relative;}
body .sticky { position: sticky;}
body .top10 { top: 10px;}
body .right10 { right: 10px;}

body .flex { display: flex;}
body .flex.column { flex-direction: column;}
body .flex.wrap { flex-wrap: wrap;}
body .flex.c-center { justify-content: center;}
body .flex.i-center { align-items: center;}
body .flex.center { justify-content: center; align-items: center;}
body .flex.ai-end { align-items: flex-end;}
body .flex.jc-end { justify-content: flex-end;}
body .flex.between { justify-content: space-between;}
body .flex.reverse { flex-direction: row-reverse;}

body .flex1 { flex: 1;}
body .flex1-20 { flex: 1 1 20%;}
body .flex1-25 { flex: 1 1 25%;}
body .flex1-30 { flex: 1 1 30%;}
body .gap5 { gap: 5px;}
body .gap10 { gap: 10px;}

body .zindex1 { z-index: 1;}
body .zindex2 { z-index: 2;}
body .zindex3 { z-index: 3;}

body .float-left { float: left;}
body .float-right { float: right;}

body .wp15 { float: left; width: 15%;}
body .wp20 { float: left; width: 20%;}
body .wp25 { float: left; width: 25%;}
body .wp30 { float: left; width: 30%;}
body .wp33 { float: left; width: 33.33%;}
body .wp40 { float: left; width: 40%;}
body .wp50 { float: left; width: 50%;}
body .wp60 { float: left; width: 60%;}
body .wp70 { float: left; width: 70%;}
body .wp80 { float: left; width: 80%;}
body .wp100 { float: left; width: 100%;}

body .wx30 { float: left; width: 30px;}
body .wx40 { float: left; width: 40px;}
body .wx50 { float: left; width: 50px;}
body .wx100 { float: left; width: 100px;}
body .wh20 { float: left; width: 20px; height: 20px;}
body .wh25 { float: left; width: 25px; height: 25px;}
body .wh30 { float: left; width: 30px; height: 30px;}
body .wh35 { float: left; width: 35px; height: 35px;}
body .wh40 { float: left; width: 40px; height: 40px;}
body .wh50 { float: left; width: 50px; height: 50px;}
body .mx100 { max-width: 100%;}

body .h1 { height: 1px;}
body .h2 { height: 2px;}
body .h5 { height: 5px;}
body .h20 { height: 20px;}
body .h25 { height: 25px;}
body .h30 { height: 30px;}
body .h40 { height: 40px;}
body .h50 { height: 50px;}

body .borda4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
body .borda7 { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
body .borda10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
body .borda20 { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
body .circular { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px;}
body .sombra { -webkit-box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%); -moz-box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%); box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);}
body .sombrinha { -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 8%); -moz-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 8%); box-shadow: 0 2px 5px 0 rgb(0 0 0 / 8%);}
body .tempo { -webkit-transition: 0.2s ease-in; -moz-transition: 0.2s ease-in; -o-transition: 0.4s ease-in; transition: 0.2s ease-in;}
body .overflow-hidden { overflow: hidden;}
body .overflow-auto { overflow: auto;}

body .pad5 { padding: 5px;}
body .pad10 { padding: 10px;}
body .pad15 { padding: 15px;}
body .pad20 { padding: 20px;}
body .pad20i { padding: 2px 0;}
body .pad50i { padding: 5px 0;}
body .pad100i { padding: 10px 0;}
body .pad510 { padding: 5px 10px;}
body .pad810 { padding: 8px 10px;}
body .pad105 { padding: 10px 5px;}
body .pad1210 { padding: 12px 10px;}
body .pad05 { padding: 0 5px;}
body .pad010 { padding: 0 10px;}

body .mar0 { margin: 0 !important;}
body .mar2 { margin: 2px !important;}
body .mar5 { margin: 5px !important;}
body .mar1y { margin-top: 1px !important; margin-bottom: 1px !important;}
body .mar2y { margin-top: 2px !important; margin-bottom: 2px !important;}
body .mar4y { margin-top: 4px !important; margin-bottom: 4px !important;}
body .mar5y { margin-top: 5px !important; margin-bottom: 5px !important;}
body .mar11y { margin-top: 11px !important; margin-bottom: 11px !important;}
body .mar21y { margin-top: 21px !important; margin-bottom: 21px !important;}
body .mar2yy { margin-top: 2px !important;}
body .mar5yy { margin-top: 5px !important;}
body .mar11yy { margin-top: 11px !important;}
body .mar21yy { margin-top: 21px !important;}
body .mar31yy { margin-top: 31px !important;}
body .maryy2 { margin-bottom: 2px !important;}
body .maryy5 { margin-bottom: 5px !important;}
body .maryy11 { margin-bottom: 11px !important;}
body .maryy21 { margin-bottom: 21px !important;}

body .contorno1_20 { outline: 1px solid rgb(90 90 90 / 20%); outline-offset: -1px;}
body .contorno1_40 { outline: 1px solid rgb(90 90 90 / 40%); outline-offset: -1px;}

body .text-uppercase { text-transform: uppercase;}
body .text-capitalize { text-transform: capitalize;}
body .text-through { text-decoration: line-through;}
body .text-center { text-align: center;}
body .text-left { text-align: left;}
body .text-right { text-align: right;}
body .font-bold { font-weight: bold;}
body .font-normal { font-weight: normal;}

body .font-0 { font-size: 0;}
body .font-08em { font-size: 0.8em;}
body .line-height0 { line-height: 0;}
body .line-height1 { line-height: 1;}

body .backpadrao {  background-position: 50%; background-repeat: no-repeat;}

body .pointer { cursor: pointer;}
body .default { cursor: default;}
body .opcy0 { opacity: 0;}
body .opcy7 { opacity: 0.7;}
body .none { display: none;}

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 .campim: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 .botao.verde { background-color: rgb(0 170 100); color: rgb(255 255 255) !important;}
body .botao.verde:hover { background-color: rgb(0 150 130);}
body .botao.vermelho { background-color: rgba(244 66 66); color: rgb(255 255 255) !important;}
body .botao.vermelho:hover { background-color: rgb(213 50 50);}
body .botao.ativo { background-color: rgb(155 97 126); color: rgb(250 250 250) !important;}

body .bg.fundao { background-color: rgb(5 5 5 / 90%);}

@media only screen and (max-width: 1000px){
  * { scrollbar-width: none;}
  *::-webkit-scrollbar { display: none;}

  body .auto { width: 94%;}
}
@media only screen and (max-width: 700px){
  body .wp15 { width: 100%;}
  body .wp20 { width: 100%;}
  body .wp25 { width: 100%;}
  body .wp30 { width: 100%;}
  body .wp33 { width: 100%;}
  body .wp40 { width: 100%;}
  body .wp50 { width: 100%;}
  body .wp60 { width: 100%;}
  body .wp70 { width: 100%;}
  body .wp80 { width: 100%;}
}