@charset "utf-8";

#home { float: left; width: 100%; position: relative; z-index: 5;}

#home .h_slides { float: left; width: 100%; position: relative; z-index: 5;}
#home .h_slides .obs.tradicional {  display: flex; align-items: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;}
#home .h_slides .obs.tradicional .meio { margin: 0 auto; width: 100%; max-width: 94%;}
#home .h_slides .obs.tradicional .tab { width: 500px; max-width: 100%; color: rgb(250 250 250);}
#home .h_slides .obs.tradicional .tab h2 { display: flex; margin: 0 0 10px; text-shadow: 0 1px 0 rgb(0 0 0 / 80%);}
#home .h_slides .obs.tradicional .tab h3 { display: flex; margin: 0 0 10px; text-shadow: 0 1px 0 rgb(0 0 0 / 80%);}
#home .h_slides .obs.tradicional .tab a { display: inline-flex; padding: 10px; margin: 5px 5px 0 0; outline-offset: -2px; color: rgb(250 250 250);}
#home .h_slides .obs.tradicional .tab a:hover { opacity: 0.8;}
#home .h_slides .obs.tradicional.left .tab { float: left;}
#home .h_slides .obs.tradicional.right .tab { float: right;}
#home .h_slides .obs.tradicional.center .meio { display: flex; justify-content: center;}
#home .h_slides .obs.tradicional.center .tab { width: 600px; padding: 0 45px; text-align: center;}
#home .h_slides .obs.tradicional.center .tab  h1 { justify-content: center;}
#home .h_slides .obs.tradicional.center .tab  h2 { justify-content: center;}
#home .h_slides.sem-margem .centro { width: 100% !important; max-width: 100%;}
#home .h_slides.com-margem { padding: 16px 0;}
#home .h_slides.com-margem .slides img { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
#home .h_slides.com-margem .obs.tradicional .meio { width: 100% !important; max-width: 100%;}
#home .h_slides.com-margem .obs.tradicional.left .tab { padding: 45px;}
#home .h_slides.com-margem .obs.tradicional.right .tab { padding: 45px;}


#home .h_enfase { float: left; width: 100%; position: relative;}
#home .h_enfase.tradicional .conteudo { display: flex; flex-wrap: wrap; justify-content: center; width: 100%;}
#home .h_enfase.tradicional .tab { float: left; width: 300px; max-width: 100%; margin: 8px 10px; text-align: center;}
#home .h_enfase.tradicional .tab .imagem { float: left; width: 100%; text-align: center; font-size: 0;}
#home .h_enfase.tradicional .tab .imagem img { max-width: 100%;}
#home .h_enfase.tradicional .tab .detalhes { float: left; width: 90%; margin: 10px 5%;}
#home .h_enfase.tradicional .tab .detalhes h2 { display: flex; justify-content: center;; margin: 10px 0;}
#home .h_enfase.tradicional .tab .detalhes h4 { display: flex; justify-content: center; margin: 10px 0;}
#home .h_enfase.tradicional .tab .detalhes a { display: inline-flex; margin: 10px 0;}
#home .h_enfase.tradicional .tab .detalhes a.pdd { padding: 7px 10px 6px;}
#home .h_enfase.tradicional .tab .detalhes a:hover { opacity: 0.8;}

#home .h_enfase.classico .conteudo { display: flex; flex-wrap: nowrap; justify-content: center; width: 100%;}
#home .h_enfase.classico .tab { float: left; width: 100%; padding: 10px; margin: 8px 10px; outline: 1px solid rgb(90 90 90 / 20%); outline-offset: -1px; overflow: hidden; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#home .h_enfase.classico .tab .imagem { float: left; width: 100%; margin: 10px 0; text-align: center; font-size: 0;}
#home .h_enfase.classico .tab .imagem img { max-width: 100%;}
#home .h_enfase.classico .tab .detalhes { float: left; width: 100%;}
#home .h_enfase.classico .tab .detalhes h2 { display: flex; justify-content: center; margin: 10px 0;}
#home .h_enfase.classico .tab .detalhes h4 { display: flex; justify-content: center; margin: 10px 0;}
#home .h_enfase.classico .tab .detalhes a { display: inline-flex; margin: 10px 0;}
#home .h_enfase.classico .tab .detalhes a.pdd { padding: 7px 10px 6px;}
#home .h_enfase.classico .tab .detalhes a:hover { opacity: 0.8;}

#home .h_enfase.usual .conteudo { display: flex; flex-wrap: wrap; justify-content: center; width: 100%;}
#home .h_enfase.usual .tab { float: left; width: 300px; max-width: 100%; margin: 8px 10px; background-color: rgb(0 0 0 / 10%); text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#home .h_enfase.usual .tab .imagem { float: left; width: 100%; text-align: center; font-size: 0;}
#home .h_enfase.usual .tab .imagem img { max-width: 100%;}
#home .h_enfase.usual .tab .detalhes { float: left; width: 90%; margin: 10px 5%;}
#home .h_enfase.usual .tab .detalhes h2 { display: flex; justify-content: center; margin: 10px 0;}
#home .h_enfase.usual .tab .detalhes h4 { display: flex; justify-content: center; margin: 10px 0;}
#home .h_enfase.usual .tab .detalhes a { display: inline-flex; margin: 10px 0;}
#home .h_enfase.usual .tab .detalhes a.pdd { padding: 7px 10px 6px;}
#home .h_enfase.usual .tab .detalhes a:hover { opacity: 0.8;}

#home .h_enfase.habitual .conteudo { display: flex; flex-wrap: wrap; justify-content: center; width: 100%;}
#home .h_enfase.habitual .tab { display: flex; width: 29.3%; max-width: 100%; margin: 8px 2%;}
#home .h_enfase.habitual .tab .imagem { float: left; width: 40%; text-align: center; font-size: 0;}
#home .h_enfase.habitual .tab .imagem img { max-width: 100%;}
#home .h_enfase.habitual .tab .detalhes { float: left; width: 60%; margin: 0 0 0 20px;}
#home .h_enfase.habitual .tab .detalhes h2 { display: flex; margin: 10px 0;}
#home .h_enfase.habitual .tab .detalhes h4 { display: flex; margin: 10px 0;}
#home .h_enfase.habitual .tab .detalhes a { display: inline-flex; margin: 10px 0;}
#home .h_enfase.habitual .tab .detalhes a.pdd { padding: 7px 10px 6px;}
#home .h_enfase.habitual .tab .detalhes a:hover { opacity: 0.8;}


#home .h_apresentacao { float: left; width: 100%; position: relative;}
#home .h_apresentacao .tab.tradicional { float: left; width: 100%; position: relative;}
#home .h_apresentacao .tab.tradicional .centro.c02 { width: 100% !important; max-width: 100%;}
#home .h_apresentacao .tab.tradicional .conteudo { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 21px 0; position: relative;}
#home .h_apresentacao .tab.tradicional .imagem { float: left; width: 40%; font-size: 0;}
#home .h_apresentacao .tab.tradicional .imagem img { max-width: 100%;}
#home .h_apresentacao .tab.tradicional .detalhes { float: right; width: 57%;}
#home .h_apresentacao .tab.tradicional .detalhes .titulo { display: flex; flex-direction: column;}
#home .h_apresentacao .tab.tradicional .detalhes .titulo h2 { display: flex;}
#home .h_apresentacao .tab.tradicional .detalhes .titulo h3 { display: flex; margin: 10px 0 5px;}
#home .h_apresentacao .tab.tradicional .detalhes .texto { display: flex; flex-direction: column; margin: 15px 0 0;}
#home .h_apresentacao .tab.tradicional .detalhes .botoes { display: flex;}
#home .h_apresentacao .tab.tradicional .detalhes .botoes a { display: inline-flex; padding: 15px; margin: 0 10px 10px 0;}
#home .h_apresentacao .tab.tradicional .detalhes .botoes a:hover { opacity: 0.8;}
#home .h_apresentacao .tab.tradicional.left .conteudo { flex-direction: row-reverse;}

#home .h_apresentacao .tab.classico { float: left; width: 100%; position: relative;}
#home .h_apresentacao .tab.classico .conteudo { float: left; width: 100%; padding: 21px 0; position: relative;}
#home .h_apresentacao .tab.classico .centro.c01 { width: 100% !important; max-width: 100%;}
#home .h_apresentacao .tab.classico .imagem { position: absolute; width: 40%; height: 100%; top: 0; left: 0;}
#home .h_apresentacao .tab.classico .imagem img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}
#home .h_apresentacao .tab.classico .detalhes { float: right; width: 60%;}
#home .h_apresentacao .tab.classico .detalhes .titulo { display: flex; flex-direction: column;}
#home .h_apresentacao .tab.classico .detalhes .titulo h2 { display: flex;}
#home .h_apresentacao .tab.classico .detalhes .titulo h3 { display: flex; margin: 10px 0 5px;}
#home .h_apresentacao .tab.classico .detalhes .texto { display: flex; flex-direction: column; margin: 25px 0 10px;}
#home .h_apresentacao .tab.classico .detalhes .botoes { display: flex;}
#home .h_apresentacao .tab.classico .detalhes .botoes a { display: inline-flex; padding: 15px; margin: 0 10px 10px 0;}
#home .h_apresentacao .tab.classico .detalhes .botoes a:hover { opacity: 0.8;}
#home .h_apresentacao .tab.classico.left .imagem { right: 0; left: auto;}
#home .h_apresentacao .tab.classico.left .detalhes { float: left;}

#home .h_apresentacao .tab.usual { float: left; width: 100%; position: relative;}
#home .h_apresentacao .tab.usual .conteudo { float: left; width: 100%; padding: 21px 0; position: relative;}
#home .h_apresentacao .tab.usual .centro.c01 { width: 100% !important; max-width: 100%;}
#home .h_apresentacao .tab.usual .imagem { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#home .h_apresentacao .tab.usual .imagem img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}
#home .h_apresentacao .tab.usual .detalhes { float: left; width: 700px; max-width: 100%; position: relative; z-index: 1;}
#home .h_apresentacao .tab.usual .detalhes .titulo { display: flex; flex-direction: column;}
#home .h_apresentacao .tab.usual .detalhes .titulo h2 { display: flex;}
#home .h_apresentacao .tab.usual .detalhes .titulo h3 { display: flex; margin: 10px 0 5px;}
#home .h_apresentacao .tab.usual .detalhes .texto { display: flex; flex-direction: column; margin: 25px 0 10px;}
#home .h_apresentacao .tab.usual .detalhes .botoes { display: flex;}
#home .h_apresentacao .tab.usual .detalhes .botoes a { display: inline-flex; padding: 15px; margin: 0 10px 10px 0; color: rgb(250 250 250);}
#home .h_apresentacao .tab.usual .detalhes .botoes a:hover { opacity: 0.8;}
#home .h_apresentacao .tab.usual.center .centro.c02 { width: 600px !important;}
#home .h_apresentacao .tab.usual.center .detalhes { text-align: center; width: 100%;}
#home .h_apresentacao .tab.usual.center .detalhes .titulo h2 { justify-content: center;}
#home .h_apresentacao .tab.usual.center .detalhes .titulo h3 { justify-content: center;}
#home .h_apresentacao .tab.usual.center .detalhes .botoes { justify-content: center;}
#home .h_apresentacao .tab.usual.shadow .detalhes .titulo h2 { text-shadow: 0 1px 0 rgb(0 0 0 / 80%);}
#home .h_apresentacao .tab.usual.shadow .detalhes .titulo h3 { text-shadow: 0 1px 0 rgb(0 0 0 / 80%);}


#home .h_banners { float: left; width: 100%; position: relative;}
#home .h_banners .conteudo { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; position: relative;}
#home .h_banners .tab { display: inline-flex; margin: 5px;}
#home .h_banners .tab img { max-width: 100%;}


#home .h_blog { float: left; width: 100%; position: relative;}
#home .h_blog.tradicional .conteudo { float: left; width: 100%;}
#home .h_blog.tradicional .tab { display: flex; align-items: flex-start; float: left; width: 50%; padding: 0 10px; margin: 11px 0; position: relative;}
#home .h_blog.tradicional .tab .imagem { display: flex; width: 220px;}
#home .h_blog.tradicional .tab .imagem img { float: left; width: 100%;}
#home .h_blog.tradicional .tab .detalhes { display: flex; flex: 1; margin: 0 0 0 15px;}
#home .h_blog.tradicional .tab .detalhes .titulo { float: left; width: 100%;}
#home .h_blog.tradicional .tab .detalhes .titulo h2 { float: left; width: 100%;}
#home .h_blog.tradicional .tab .detalhes .titulo h3 { float: left; width: 100%; margin: 10px 0 0;}
#home .h_blog.tradicional .tab .detalhes .titulo h4 { float: left; width: 100%;}
#home .h_blog.tradicional .tab:hover .detalhes { opacity: 0.8;}


@media only screen and (max-width: 1000px){
  #home .h_slides .obs .meio { width: 100% !important;}
  #home .h_slides.d01 .obs .meio { max-width: 90%;}
  #home .h_slides.d02 .obs .meio { max-width: 90%;}
  #home .h_slides.d03 .obs .meio { max-width: 90%;}

  #home .h_enfase.classico .conteudo { flex-wrap: wrap;}
}
@media only screen and (max-width: 800px){
  #home .h_slides.d01 .obs .meio { max-width: 85%;}
  #home .h_slides.d02 .obs .meio { max-width: 85%;}
  #home .h_slides.d03 .obs .meio { max-width: 85%;}

  #home .h_slides.com-margem .obs.tradicional.left .tab { padding: 10px;}
  #home .h_slides.com-margem .obs.tradicional.right .tab { padding: 10px;}

  #home .h_enfase.tradicional .tab { width: 100%; margin: 8px 0;}
  #home .h_enfase.classico .tab { width: 100%; margin: 8px 0;}
  #home .h_enfase.usual .tab { width: 100%; margin: 8px 0;}
  #home .h_enfase.habitual .tab { width: 100%; margin: 8px 0;}  

  #home .h_apresentacao.tradicional .tab .conteudo { padding: 11px 0 !important;}
  #home .h_apresentacao.tradicional .tab .detalhes .texto { margin: 16px 0 10px;}
  #home .h_apresentacao.classico .tab .conteudo { padding: 11px 0 !important;}
  #home .h_apresentacao.classico .tab .detalhes .texto { margin: 16px 0 10px;}
  #home .h_apresentacao.usual .tab .conteudo { padding: 11px 0 !important;}
  #home .h_apresentacao.usual .tab .detalhes .texto { margin: 16px 0 10px;}
}
@media only screen and (max-width: 600px){
  #home .h_slides.d01 .obs .meio { max-width: 80%;}
  #home .h_slides.d02 .obs .meio { max-width: 80%;}
  #home .h_slides.d03 .obs .meio { max-width: 80%;}

  #home .h_apresentacao .tab.tradicional .imagem { width: 100%; margin: 0 0 8px;}
  #home .h_apresentacao .tab.tradicional .detalhes { width: 100%; margin: 8px 0 0;}
  #home .h_apresentacao .tab.classico .imagem { float: left; position: relative; width: 100%; height: 300px;}
  #home .h_apresentacao .tab.classico .detalhes { width: 90%;}
}
@media only screen and (max-width: 400px){
  #home .h_slides.d01 .obs .meio { max-width: 76%;}
  #home .h_slides.d02 .obs .meio { max-width: 76%;}
  #home .h_slides.d03 .obs .meio { max-width: 76%;}
}