.head{background-image:url("../../imgs/bg/bg-head.jpg")}
.herohome{background-image:url("../../imgs/bg/hero1.jpg")}
.marcas-home{padding: 2rem}
.marcas img{padding: 16px}
.img-round {border-radius: 20px}
.centra{padding: 10px; background-color: #282828; border-radius: 8px; margin: 5px}
.hero-artigo {position: relative; overflow: hidden; padding: 105px 5px; margin-bottom: 2.5rem; background-color: #000; border-top: solid 1px white}
.hero-artigo .fundo {position: absolute; left: 0; top: 0; width: 100%; height: auto; opacity: 0.55;}
.hero-artigo h1 {font-family: Poppins, sans-serif; font-size: 2.666rem; color: #fff; line-height: 3.2rem; font-weight: 300; max-width: 1000px; }
.hero-artigo h2 {font-size: 1.2rem; color: white; font-weight: 400; opacity: 1; max-width: 1000px;}
.blog-title{z-index: 2; position: relative;}
.arquivos li{margin-bottom: 20px;}
.arquivos a{color: indianred;}
.arquivos .data{font-size: 0.8rem}

.video-wrapper {max-width: 770px; position: relative; padding-bottom: 385px; margin-bottom: 1rem;}
.video-wrapper iframe {position: absolute; width: 100%; height: 460px; top: 0; left: 0;}

.infoblog {max-height: 100px; padding-top: 120px}
.avatar {border-radius: 40px;}
.tag{background-color:black ; color: white; padding: 4px 10px; border-radius: 10px; font-size: 0.75rem; margin: 2px; text-align: center}
.dados{margin-bottom: 10px;}
.captions{font-size: 0.9rem; color: grey;}

.conteudoblog {padding-bottom: 5rem}
.conteudoblog p{margin: 1.8rem 0; font-size: 0.93rem}
.conteudoblog img{margin-top: 2.6rem 0;}
.conteudoblog figcaption {margin-bottom: 3rem; font-size: 0.8rem; text-align: center; color: slategray;}
.conteudoblog h3{margin-top: 2rem; font-weight: 700; color: indianred}
.conteudoblog h4{margin: 3.2rem 0 2rem; font-weight: 700; text-align: center; color: #c08549}

.noticias-home a{text-decoration: none; color: black}
.separate-prg{border-bottom:1px solid grey; margin-bottom: 3rem; padding-bottom: 1.8rem}