@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

body .anton { font-family: "Anton", serif;}
body .bg.exclusivo1 { background-color: rgb(220 227 219);}
body .botao.exclusivo1 { background-color: rgb(9 15 20); color: rgb(220 227 219) !important;}
body .botao.exclusivo1:hover { background-color: rgb(9 15 20 / 90%);}

#site .titulo { margin: 41px 0 0;}
#site .titulo h1 { font-size: 1.5em;}
#site .titulo h2 { font-size: 1.2em;}

#site .carousel { display: none;}
#site .carousel .owl { float: left; width: 100%; position: relative;}
#site .carousel .owl-carousel { float: left; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; display: none; }
#site .carousel .owl-carousel.owl-loaded { display: block;}
#site .carousel .owl-carousel.owl-loading { opacity: 0; display: block;}
#site .carousel .owl-stage-outer { display: flex; position: relative; overflow: hidden;}
#site .carousel .owl-stage { display: flex;}
#site .carousel .owl-item { display: flex; float: left; position: relative; -webkit-tap-highlight-color: transparent;}
#site .carousel .owl-nav { display: none; position: absolute;}
#site .carousel .owl-nav.disabled button { opacity: 0.7; cursor: default;}
#site .carousel .owl-nav.disabled button:hover { opacity: 0.7; cursor: default;}
#site .carousel .owl-dots { display: none;}
#site .carousel .no-js .owl-carousel { display: block;}

#site .compartilhar { font-size: 0.9em;}
#site .compartilhar .nome { padding: 15px 0; line-height: 0;}
#site .compartilhar .sociais { background: rgb(9 15 20) 50% no-repeat;}
#site .compartilhar .sociais.whatsapp { background-image: url('../../imagens/site/compartilhar-whatsapp.png?v1'); background-size: 60%;}
#site .compartilhar .sociais.facebook { background-image: url('../../imagens/site/compartilhar-facebook.png?v1'); background-size: 30%;}
#site .compartilhar .sociais.twitter { background-image: url('../../imagens/site/compartilhar-twitter.png?v1'); background-size: 50%;}
#site .compartilhar .sociais:hover { background-color: rgb(5 5 5);}

#site .erro404 { padding: 41px 0 61px;}
#site .erro404 .nome { font-size: 5em;}
#site .erro404 .numero { margin: 20px 0; font-size: 12em;}
#site .erro404 .numero b { padding: 0 20px; outline: 2px solid rgb(150 150 150);}
#site .erro404 .infor { font-size: 2em;}

#site .editou { font-size: 18px; line-height: 1.4;}
#site .editou h1 { text-transform: uppercase; font-weight: bold;}
#site .editou h2 { text-transform: uppercase; font-weight: bold;}
#site .editou h3 { text-transform: uppercase; font-weight: bold;}
#site .editou iframe { max-width: 100%;}
#site .editou img { max-width: 100%;}
#site .editou a { color: rgb(87 111 117);}
#site .editou a:hover { text-decoration: underline;}

@media only screen and (max-width: 1000px){
  #site .titulo { margin: 16px 0 0;}
}
@media only screen and (max-width: 500px){
  #site .erro404 .nome { font-size: 4em;}
  #site .erro404 .numero { font-size: 6em;}
  #site .erro404 .infor { font-size: 1em;}
}