@charset "UTF-8";
@font-face {
  font-family: "openRegular";
  src: url("../../fonts/open/OpenSans-Regular.ttf") format("truetype");
}
* {
  font-family: openRegular;
}

body {
  background-image: url("../../img/fundo.jpg");
  background-size: cover;
}

* {
  box-sizing: border-box;
}

p {
  padding: 0;
  margin: 0;
}

h1, h2, h3, h4, h5, h6, h7 {
  padding: 0;
  margin: 0;
}

ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
}

a {
  text-decoration: none;
}

body {
  margin: 0px !important;
  max-width: 99.8vw;
  overflow-x: clip;
}

@media screen and (max-width: 768px) {
  #menuMobile img {
    width: 7vw;
    height: auto;
    position: fixed;
    left: 2vw;
    top: 2vw;
    z-index: 10000;
  }
  #menu {
    z-index: 100000;
    position: fixed;
    background-color: #dedddd;
    padding: 1.66015625vw 5vw 1vw 1.9765625vw;
    left: 0;
    top: 0;
    padding-bottom: 8vw;
    padding-top: 4vw;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.431372549);
    background: url("../../img/fundo-topo.jpg");
    background-position: center;
    background-size: cover;
    height: 100vh;
  }
  #menu span {
    display: none;
  }
  #menu figure {
    position: absolute;
    display: inline-block;
    top: 2.78125vw;
    left: 50%;
    transform: translateX(-49%);
    width: auto;
    margin: 0;
  }
  #menu figure img {
    width: 8.1015625vw;
    height: 8.00390625vw;
  }
  #menu section {
    position: relative;
    transform: translateY(-50%);
    top: 50%;
  }
  #menu section ul li {
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 5vh;
  }
  #menu section ul li a {
    font-family: openRegular;
    color: #fff;
  }
  #menu section ul li .sub-menu {
    margin-left: 15vw;
  }
  #menu section ul li .sub-menu li {
    margin-bottom: 5.171875vw;
    text-transform: lowercase;
  }
  #menu #fundao {
    z-index: -2;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2784313725);
  }
}
@media screen and (min-width: 768px) {
  #menu {
    position: relative;
    z-index: 300;
    background: url("../../img/fundo-topo.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 5.56640625vw;
    flex-shrink: 0;
    padding-top: 1.3671875vw;
    padding-bottom: 1.66015625vw;
    /***********************************************************/
    /***********************************************************/
    /***********************************************************/
    /***********************************************************/
    /***********************************************************/
    /***********************************************************/
    /***********************************************************/
    /***********************************************************/
    /***********************************************************/
    /***********************************************************/
    /***********************************************************/
    /***********************************************************/
    /***********************************************************/
    /***********************************************************/
    /***********************************************************/
    /***********************************************************/
    /***********************************************************/
    /***********************************************************/
  }
  #menu span {
    position: absolute;
    left: 7vw;
    top: 1.4vw;
    font-size: 1.4vw;
    color: rgb(255, 255, 255);
    font-weight: bolder;
  }
  #menu span h1 {
    margin: 0;
    padding: 0;
    font-size: 1.4vw;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
  }
  #menu figure {
    position: absolute;
    display: inline-block;
    top: 0.78125vw;
    left: 2.05078125vw;
    width: auto;
    margin: 0;
  }
  #menu figure img {
    width: 4.1015625vw;
    height: 4.00390625vw;
  }
  #menu section ul {
    display: flex;
    width: 42.1875vw;
    padding: 0.48828125vw 1.66015625vw;
    justify-content: flex-end;
    align-items: center;
    gap: 1.953125vw;
    margin-left: 54.39453125vw;
  }
  #menu section ul li {
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: inline-block;
    text-transform: capitalize;
  }
  #menu section ul li:has(.sub-menu) {
    position: relative;
  }
  #menu section ul li:has(.sub-menu)::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: -0.78125vw;
    background-image: url(../../img/arrow2.svg);
    background-size: 99% 99%;
    z-index: 200;
    width: 0.68359375vw;
  }
  #menu section ul li:hover .sub-menu {
    display: block;
  }
  #menu section ul li a {
    color: #ffffff;
  }
}
@media screen and (min-width: 768px) and (min-width: 769px) {
  #menu section ul li {
    font-size: calc(0.9vw + 20%);
    line-height: calc(1.5vw + 20%);
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) {
  #menu section ul li {
    font-size: calc(0.9vw + 14%);
    line-height: calc(1.5vw + 14%);
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #menu section ul li {
    font-size: calc(0.9vw + 13%);
    line-height: calc(1.5vw + 13%);
  }
}
@media screen and (min-width: 768px) and (min-width: 1920px) {
  #menu section ul li {
    font-size: 0.9vw;
    line-height: 1.5vw;
  }
}
@media screen and (min-width: 768px) {
  #menu section .sub-menu {
    position: absolute;
    left: 50%;
    top: 1.3vw;
    width: auto !important;
    margin-left: 0;
    display: none;
    padding-bottom: 1vw;
    padding-top: 1.5vw;
    transform: translateX(-50%);
    background-color: #4f6f86;
    border-radius: 0.48828125vw;
  }
  #menu section .sub-menu li {
    white-space: nowrap;
    margin-bottom: 0.48828125vw;
    font-size: 0.9vw;
    text-align: center;
    text-transform: capitalize;
  }
}
@media screen and (max-width: 768px) {
  #redesSociais {
    background: linear-gradient(180deg, #D7D7D7 0%, #B8B8B8 100%);
  }
  #redesSociais ul {
    padding: 3vw;
    position: relative;
    display: flex;
    -moz-column-gap: 2vw;
         column-gap: 2vw;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
  }
  #redesSociais ul li img {
    width: 5.3203125vw;
    height: auto;
  }
}
@media screen and (min-width: 769px) {
  #redesSociais {
    position: relative;
    width: 8.0078125vw;
    height: 100.4%;
    top: -0.46vw;
    z-index: 20;
    background: linear-gradient(180deg, #D7D7D7 0%, #B8B8B8 100%);
  }
  #redesSociais ul {
    position: fixed;
    left: 2vw;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    row-gap: 1.7578125vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
  }
  #redesSociais ul li img {
    width: 2.7vw;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  #hero {
    position: relative;
    height: 70vh;
    overflow: hidden;
    /**************************************/
    /**************************************/
  }
  #hero .slick-slide {
    height: auto;
  }
  #hero .slick-track div picture {
    display: block;
    height: 70vh;
  }
  #hero .slick-track div picture img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #hero #textos {
    position: absolute;
    z-index: 30;
    width: 80%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.7803921569);
    color: #4f6f86;
    font-style: normal;
    padding-bottom: 2.5390625vw;
  }
  #hero #textos p {
    padding: 1.953125vw;
  }
  #hero #textos button {
    position: relative;
    padding: 1.5859375vw;
    background-color: #4f6f86;
    text-transform: capitalize;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    border: none;
    font-size: 2.5vw;
  }
  /*****************************************************************************/
  /*****************************************************************************/
  /*****************************************************************************/
  /*****************************************************************************/
  /*****************************************************************************/
  /**********Slick*************/
  .slick-nextx {
    right: 2px;
    top: 50%;
    z-index: 300;
    position: absolute;
  }
  .slick-nextx img {
    width: 2vw;
  }
  .slick-prevx {
    left: 2px;
    top: 50%;
    z-index: 300;
    position: absolute;
  }
  .slick-prevx img {
    width: 2vw;
  }
  /**********Slick*************/
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .slick-track {
    width: auto;
    height: 42.1875vw;
  }
  .slick-track div img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
  /*******************************************************/
  .slickLivre {
    border: 1px solid rgba(0, 128, 0, 0);
  }
  .slickLivre .slick-track {
    height: auto !important;
  }
  /*******************************************************/
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .slick-track {
    width: auto;
    height: 99%;
  }
  .slick-track div picture img {
    /* position: absolute; */
    /* left: 50%; */
    /* top: 50%; */
    /* transform: translate(-50%, -50%); */
    width: auto;
    height: 100%;
  }
  /*******************************************************/
  .slickLivre {
    border: 1px solid rgba(0, 128, 0, 0);
  }
  .slickLivre .slick-track {
    height: auto !important;
  }
  /*******************************************************/
}
@media screen and (min-width: 769px) {
  #hero {
    position: relative;
    height: 42.1875vw;
    max-height: 85vh;
    overflow: hidden;
  }
  #hero #textos {
    position: absolute;
    z-index: 30;
    width: 39.6484375vw;
    height: 18.1640625vw;
    top: 50%;
    right: 19.62890625vw;
    top: 15.0390625vw;
    background-color: rgba(255, 255, 255, 0.7803921569);
    color: #4f6f86;
    font-size: 1.4443359375vw;
    font-style: normal;
    font-weight: 700;
    line-height: 139.188%;
  }
  #hero #textos p {
    padding: 1.953125vw;
  }
  #hero #textos button {
    position: absolute;
    padding: 0.5859375vw;
    background-color: #4f6f86;
    text-transform: capitalize;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    border: none;
    font-size: 1.4443359375vw;
    font-family: openRegular;
  }
  /*****************************************************************************/
  /*****************************************************************************/
  /*****************************************************************************/
  /*****************************************************************************/
  /*****************************************************************************/
  /**********Slick*************/
  .slick-nextx {
    right: 2px;
    top: 50%;
    z-index: 300;
    position: absolute;
  }
  .slick-nextx img {
    width: 2vw;
  }
  .slick-prevx {
    left: 2px;
    top: 50%;
    z-index: 300;
    position: absolute;
  }
  .slick-prevx img {
    width: 2vw;
  }
  /**********Slick*************/
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  .slick-track {
    width: auto;
    height: 42.1875vw;
  }
  .slick-track div img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
  /*******************************************************/
  .slickLivre {
    border: 1px solid rgba(0, 128, 0, 0);
  }
  .slickLivre .slick-track {
    height: auto !important;
  }
  /*******************************************************/
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .slick-track {
    width: auto;
    height: 99%;
  }
  .slick-track div picture img {
    /* position: absolute; */
    /* left: 50%; */
    /* top: 50%; */
    /* transform: translate(-50%, -50%); */
    width: auto;
    height: 100%;
  }
  /*******************************************************/
  .slickLivre {
    border: 1px solid rgba(0, 128, 0, 0);
  }
  .slickLivre .slick-track {
    height: auto !important;
  }
  /*******************************************************/
}
@media screen and (min-width: 0px) and (max-width: 768px) {
  .wrapper {
    max-width: 99.9vw;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: minmax(0.05vw, auto);
    grid-template-areas: "topo  topo " "Redes Redes  " "slide slide  " " main main " "texto2 texto2 " "contato contato " "footer footer ";
  }
}
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .wrapper {
    max-width: 99.9vw;
    display: grid;
    grid-template-columns: auto repeat(2, 1fr);
    grid-auto-rows: minmax(0.005vw, auto);
    grid-template-areas: "topo  topo topo  " "Redes slide slide " "Redes main main " "Redes texto2 texto2 " "Redes contato contato " "Redes footer footer ";
  }
}
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
@media screen and (min-width: 1024px) and (max-width: 20000px) {
  .wrapper {
    max-width: 99.9vw;
    display: grid;
    grid-template-columns: auto repeat(4, 1fr);
    grid-auto-rows: minmax(0.005vw, auto);
    grid-template-areas: "topo  topo topo topo  topo " "Redes slide slide slide slide" "Redes main main main main" "Redes texto2 texto2 texto2 texto2 " "Redes contato contato contato contato " "Redes footer footer footer  footer ";
  }
}
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
header {
  grid-area: topo;
}

main {
  grid-area: main;
}

#slide {
  grid-area: slide;
}

#redesSociais {
  grid-area: Redes;
}

#texto2 {
  grid-area: texto2;
}

#contato {
  grid-area: contato;
}

footer {
  grid-area: footer;
}

@media screen and (max-width: 768px) {
  main {
    overflow: hidden;
    padding: 3vw;
    /*******************************************************************/
    /*******************************************************************/
    /*******************************************************************/
    /*******************************************************************/
    /*******************************************************************/
    /*******************************************************************/
  }
  main #apresentacao {
    background: #a0865f;
    box-shadow: 0.68359375vw 0.68359375vw 0px 0px rgba(0, 0, 0, 0.5);
    color: #ffffff;
    padding: 3vw;
    gap: 3vw;
    display: flex;
    flex-direction: column;
  }
  main #apresentacao #mpatapo {
    max-width: 50%;
    display: inline-block;
    float: left;
    padding: 2vw;
  }
  main #apresentacao #mpatapo img {
    max-width: 100%;
  }
  main #slide1 {
    /************************************/
    position: relative;
    margin-top: 5vw;
    height: 60vh;
  }
  main #slide1 #textoDeApresentacaoNoSlide {
    position: relative;
    color: #4f6f86;
    background-color: white;
  }
  main #slide1 #textoDeApresentacaoNoSlide p {
    position: absolute;
    bottom: 0;
    z-index: 300;
    width: 100%;
    padding: 1vw;
    background-color: white;
    border: 1px solid #4f6f86;
  }
  main #slide1 .slick-slide {
    height: 60vh;
  }
  main #slide1 .slick-slide picture img {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-height: 100%;
    min-width: 101%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  main #slide1 ul li h3 {
    position: absolute;
    z-index: 40;
    bottom: 0;
    background-color: rgba(217, 217, 217, 0.7411764706);
    color: #4f6f86;
    width: 100%;
    padding-top: 1.205078125vw;
    padding-left: 1.4833984375vw;
    padding-bottom: 1.169921875vw;
    /*********************************/
    color: #4f6f86;
    font-style: normal;
    font-weight: 700;
  }
  main #slide1 #proximaTexto {
    background-color: #4f6f86;
    position: absolute;
    right: 0vw;
    padding: 0.5vw;
    border-radius: 0.1vw;
    transform: translateY(-35vw);
  }
  main #slide1 #anteriorTexto {
    background-color: #4f6f86;
    position: absolute;
    left: 0vw;
    padding: 0.5vw;
    border-radius: 0.1vw;
    transform: translateY(-35vw);
  }
  main #blog {
    border: 1px solid #4f6f86;
    margin-top: 5vw;
  }
  main #blog h2 {
    color: #4f6f86 !important;
    text-align: center;
    padding: 3vw;
  }
  main #blog .slick-slide {
    height: 60vh;
  }
  main #blog ul li {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 0.0002vw;
    position: relative;
    z-index: 200;
  }
  main #blog ul li h2 {
    background-color: rgba(255, 255, 255, 0.711);
    width: 100%;
    padding: 1vw;
    color: #4f6f86;
    display: block;
    position: relative;
    z-index: 300;
  }
  main #blog ul li a:has(h3, p) {
    width: 100%;
  }
  main #blog ul li h3 {
    background-color: rgba(255, 255, 255, 0.711);
    width: 100%;
    padding: 1vw;
    color: #4f6f86;
    width: 100%;
  }
  main #blog ul li p {
    background-color: rgba(255, 255, 255, 0.711);
    width: 100%;
    padding: 1vw;
    color: #4f6f86;
  }
  main #blog ul li picture {
    position: absolute;
    width: 100%;
    display: block;
    min-height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
  }
  main #blog ul li picture img {
    position: absolute;
    min-height: 100%;
    min-width: 101%;
    -o-object-fit: cover;
       object-fit: cover;
    /*min-height: 100% !important;
    width: auto;*/
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  main #blog #proximaBlog {
    background-color: #4f6f86;
    position: absolute;
    right: 0vw;
    padding: 0.5vw;
    border-radius: 0.1vw;
    transform: translateY(-35vw);
    right: 3vw;
  }
  main #blog #anteriorBlog {
    background-color: #4f6f86;
    position: absolute;
    left: 0vw;
    padding: 0.5vw;
    border-radius: 0.1vw;
    transform: translateY(-35vw);
    left: 3vw;
  }
}
@media screen and (min-width: 769px) {
  main {
    position: relative;
    padding-left: 2.63671875vw;
    z-index: 20;
    /**************************************************************************/
    /**************************************************************************/
    /**************************************************************************/
    /**************************************************************************/
    /**************************************************************************/
    /**************************************************************************/
    /**************************************************************************/
    /**************************************************************************/
    /**************************************************************************/
    /**************************************************************************/
    /**************************************************************************/
    /**************************************************************************/
    /*****************************************************************************/
    /*****************************************************************************/
    /*****************************************************************************/
    /*****************************************************************************/
    /*****************************************************************************/
    /**********Slick*************/
    /**********Slick*************/
  }
  main #apresentacao {
    top: -3.3203125vw;
    position: relative;
    display: flex;
    padding-left: 1.63671875vw;
    padding-top: 2.83203125vw;
    width: 28.90625vw;
    gap: 2.24609375vw;
    background: #a0865f;
    box-shadow: 0.68359375vw 0.68359375vw 0px 0px rgba(0, 0, 0, 0.5);
    flex-direction: column;
    height: 49.667969vw;
    padding-bottom: 2.83203125vw;
  }
  main #apresentacao .slick-track {
    height: auto;
  }
  main #apresentacao p,
  main #apresentacao h2 {
    font-family: openRegular;
    color: #fff;
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    font-style: normal;
    font-weight: 400;
    width: 25.48828125vw;
    text-align: justify;
  }
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  main #apresentacao p,
  main #apresentacao h2 {
    font-size: calc(1vw + 20%);
    line-height: calc(147.1% + 20%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1024px) {
  main #apresentacao p,
  main #apresentacao h2 {
    font-size: calc(1vw + 14%);
    line-height: calc(147.1% + 14%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1366px) {
  main #apresentacao p,
  main #apresentacao h2 {
    font-size: calc(1vw + 13%);
    line-height: calc(147.1% + 13%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1920px) {
  main #apresentacao p,
  main #apresentacao h2 {
    font-size: 1vw;
    line-height: 147.1%;
  }
}
@media screen and (min-width: 769px) {
  main #apresentacao p picture {
    display: block;
    height: 5vw;
    width: 5vw;
    float: left;
    margin-right: 0.5vw;
    position: relative;
  }
  main #apresentacao p picture img {
    width: 100%;
    height: 100%;
    position: absolute;
  }
  main #apresentacao div:nth-of-type(2) p {
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
  }
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  main #apresentacao div:nth-of-type(2) p {
    font-size: calc(0.75vw + 20%);
    line-height: calc(1.5vw + 20%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1024px) {
  main #apresentacao div:nth-of-type(2) p {
    font-size: calc(0.75vw + 14%);
    line-height: calc(1.5vw + 14%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1366px) {
  main #apresentacao div:nth-of-type(2) p {
    font-size: calc(0.75vw + 13%);
    line-height: calc(1.5vw + 13%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1920px) {
  main #apresentacao div:nth-of-type(2) p {
    font-size: 0.75vw;
    line-height: 1.5vw;
  }
}
@media screen and (min-width: 769px) {
  main #apresentacao h2 {
    font-family: Georgia;
    font-size: 2.34375vw;
    font-weight: 700;
    line-height: 2.63671875vw;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 0.5vw;
  }
  main #slide1 {
    border: 0.09765625vw solid #4f6f86;
    width: 53.22265625vw;
    height: 25.0220703125vw;
    position: absolute;
    top: 22vw;
    right: 3.41796875vw;
    overflow: hidden;
    /******************************************/
    /******************************************/
    /********é esse cara que acertou o tamanho**************/
    /*******************************************************/
  }
  main #slide1 #textoDeApresentacaoNoSlide {
    position: relative;
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    color: #4f6f86;
    background-color: white;
  }
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  main #slide1 #textoDeApresentacaoNoSlide {
    font-size: calc(0.75vw + 20%);
    line-height: calc(1.5vw + 20%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1024px) {
  main #slide1 #textoDeApresentacaoNoSlide {
    font-size: calc(0.75vw + 14%);
    line-height: calc(1.5vw + 14%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1366px) {
  main #slide1 #textoDeApresentacaoNoSlide {
    font-size: calc(0.75vw + 13%);
    line-height: calc(1.5vw + 13%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1920px) {
  main #slide1 #textoDeApresentacaoNoSlide {
    font-size: 0.75vw;
    line-height: 1.5vw;
  }
}
@media screen and (min-width: 769px) {
  main #slide1 #textoDeApresentacaoNoSlide p {
    position: absolute;
    top: 0vw;
    z-index: 300;
    width: 100%;
    padding: 1vw;
    background-color: white;
    border-bottom: 1px solid #4f6f86;
  }
  main #slide1 #proximaTexto {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-color: #4f6f86;
    padding: 0.5vw;
  }
  main #slide1 #anteriorTexto {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-color: #4f6f86;
    padding: 0.5vw;
  }
  main #slide1 .slick-slide {
    height: 29.0220703125vw;
  }
  main #slide1 .slick-list {
    height: 29.0220703125vw;
  }
  main #slide1 .slick-track div picture img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
  main #slide1 ul li h3 {
    position: absolute;
    z-index: 40;
    bottom: 0;
    background-color: #d9d9d9;
    color: #4f6f86;
    width: 100%;
    padding-top: 1.205078125vw;
    padding-left: 1.4833984375vw;
    padding-bottom: 1.169921875vw;
    /*********************************/
    color: #4f6f86;
    font-size: 2.2252929688vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  main #slide1 ul li h3 a {
    color: #4f6f86;
  }
  main #slide1 picture {
    z-index: 3;
  }
  main #slide1 picture img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  main #slide1 #proxima {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  main #slide1 #anterior {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  main #blog {
    position: absolute;
    width: 53.22265625vw;
    height: 17.7698242188vw;
    right: 3.41796875vw;
    top: 2.826171875vw;
    /*********************************************/
    /********é esse cara que acertou o tamanho**************/
    /*********************************************/
    padding-left: 2.2255859375vw;
    padding-top: 1.576171875vw;
    padding-right: 1.8544921875vw;
    padding-bottom: 14.24px;
    /*********************************************/
    border: 1px solid #4f6f86;
    background: rgba(255, 255, 255, 0.5);
    color: #4f6f86;
    /*********************************************/
    /*********************************************/
  }
  main #blog .slick-slide {
    height: 20.7698242188vw;
  }
  main #blog .slick-list {
    height: 21vw;
  }
  main #blog h2 {
    border: 1px solid #4f6f86;
    display: inline-block;
    padding: 0.4vw;
    background-color: white;
    position: absolute;
    top: -1.4vw;
    border-radius: 0.1vw;
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    box-shadow: #4f6f86 0.190625vw 0.190625vw 0.37890625vw;
  }
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  main #blog h2 {
    font-size: calc(1.2vw + 20%);
    line-height: calc(1.5vw + 20%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1024px) {
  main #blog h2 {
    font-size: calc(1.2vw + 14%);
    line-height: calc(1.5vw + 14%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1366px) {
  main #blog h2 {
    font-size: calc(1.2vw + 13%);
    line-height: calc(1.5vw + 13%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1920px) {
  main #blog h2 {
    font-size: 1.2vw;
    line-height: 1.5vw;
  }
}
@media screen and (min-width: 769px) {
  main #blog #anteriorBlog {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background-color: #4f6f86;
    padding: 0.5vw;
    border-radius: 0.1vw;
  }
  main #blog #proximaBlog {
    background-color: #4f6f86;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    padding: 0.5vw;
    border-radius: 0.1vw;
  }
  main #blog ul li a {
    color: #4f6f86;
  }
  main #blog ul li h2 {
    position: relative;
    font-size: 2.83203125vw;
  }
  main #blog ul li h3 {
    position: relative;
    font-size: 2.2255859375vw;
    max-width: 31vw;
    margin-bottom: 0.6vw;
  }
  main #blog ul li p {
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    width: 29.115234375vw;
    line-height: 1.89453125vw;
    max-height: 12.2vw;
    overflow: hidden;
  }
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  main #blog ul li p {
    font-size: calc(0.75vw + 20%);
    line-height: calc(1.5vw + 20%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1024px) {
  main #blog ul li p {
    font-size: calc(0.75vw + 14%);
    line-height: calc(1.5vw + 14%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1366px) {
  main #blog ul li p {
    font-size: calc(0.75vw + 13%);
    line-height: calc(1.5vw + 13%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1920px) {
  main #blog ul li p {
    font-size: 0.75vw;
    line-height: 1.5vw;
  }
}
@media screen and (min-width: 769px) {
  main #blog ul li .CategLink {
    padding: 0.5vw;
    font-size: 1.171875vw;
    background-color: #4f6f86;
    color: white;
    border-radius: 0.29296875vw;
  }
  main #blog ul li video {
    border: 1px solid #4f6f86;
    width: 20.0283203125vw;
    height: 13.802734375vw;
    display: block;
    position: absolute;
    right: 2.1484375vw;
    bottom: 6.5vw;
  }
  main #blog ul li picture {
    position: absolute;
    display: block;
    width: 20.0283203125vw;
    height: 13.802734375vw;
    overflow: hidden;
    top: 0;
    right: 0;
  }
  main #blog ul li picture img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
  }
  main .slick-nextx {
    right: 2px;
    top: 50%;
    z-index: 300;
    position: absolute;
  }
  main .slick-nextx img {
    width: 2vw;
  }
  main .slick-prevx {
    left: 2px;
    top: 50%;
    z-index: 300;
    position: absolute;
  }
  main .slick-prevx img {
    width: 2vw;
  }
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  main {
    /*******************************************************/
    /*******************************************************/
  }
  main .slick-track {
    width: auto;
    height: 42.1875vw;
  }
  main .slick-track div img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
  main .slickLivre {
    border: 1px solid rgba(0, 128, 0, 0);
  }
  main .slickLivre .slick-track {
    height: auto !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  main {
    /*******************************************************/
    /*******************************************************/
  }
  main .slick-track {
    width: auto;
    height: 99%;
  }
  main .slick-track div picture img {
    /* position: absolute; */
    /* left: 50%; */
    /* top: 50%; */
    /* transform: translate(-50%, -50%); */
    width: auto;
    height: 100%;
  }
  main .slickLivre {
    border: 1px solid rgba(0, 128, 0, 0);
  }
  main .slickLivre .slick-track {
    height: auto !important;
  }
}
@media screen and (max-width: 768px) {
  #texto2 {
    border: 1px solid #4f6f86;
    color: #4f6f86;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 94vw;
    padding: 2vw;
    display: flex;
    flex-direction: column;
    gap: 6vw;
  }
  #texto2 picture {
    border: 0px solid #4f6f86;
    overflow: hidden;
    height: 30vh;
    position: relative;
  }
  #texto2 picture img {
    height: 110%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #texto2 button {
    background-color: #4f6f86;
    color: white;
    border: none;
    padding: 5vw;
    font-size: 5vw;
    margin-top: 5vh;
    margin-bottom: 5vh;
  }
  #texto2 #whatsapp img {
    position: relative;
    transform: translateX(-50%);
    left: 50%;
    width: 12vh;
    height: auto;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 769px) {
  #texto2 {
    width: 85.9375vw;
    height: 34.86328125vw;
    flex-shrink: 0;
    border: 1px solid #4f6f86;
    background: rgba(255, 255, 255, 0.5);
    position: relative;
    right: -1.56vw;
  }
  #texto2 #texto {
    position: absolute;
    left: 6.4453125vw;
    top: 6.640625vw;
    width: 45.80078125vw;
    height: 12.79296875vw;
    flex-shrink: 0;
    color: #4f6f86;
    font-size: 1.9326171875vw;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
  }
  #texto2 button {
    display: flex;
    width: 10.546875vw;
    padding: 1.171875vw;
    justify-content: space-between;
    align-items: center;
    background: #4f6f86;
    box-shadow: 0.390625vw 0.390625vw 0px 0px rgba(0, 0, 0, 0.25);
    color: #fff;
    font-size: 1.7373046875vw;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    position: absolute;
    bottom: 6.0546875vw;
    left: 19.921875vw;
    text-wrap: nowrap;
  }
  #texto2 picture {
    position: absolute;
    width: 26.26953125vw;
    height: 26.26953125vw;
    flex-shrink: 0;
    border-radius: 1.46484375vw;
    box-shadow: 1.171875vw 1.171875vw 0px 0px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    right: 3.7109375vw;
    top: 4.00390625vw;
  }
  #texto2 picture img {
    width: 100%;
    height: auto;
  }
  #texto2 #whatsapp {
    position: absolute;
    top: 24.12109375vw;
    right: 47.65625vw;
    width: 4.296875vw;
    height: 4.2967773438vw;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  #contato {
    margin: 3vw;
    padding-bottom: 7vw;
    /************contact form*****************************************/
    /************contact form*****************************************/
    background-color: #4f6f86;
    display: flex;
    flex-direction: column;
    gap: 3vw;
    padding: 3vw;
    position: relative;
    color: white;
  }
  #contato .wpcf7-form-control-wrap {
    position: relative;
  }
  #contato .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    position: absolute;
    left: 0;
    top: 7vw;
    color: orange;
    font-weight: bolder;
  }
  #contato .screen-reader-response,
  #contato .wpcf7-response-output {
    display: none;
  }
  #contato h2, #contato h3, #contato #cta, #contato #mensagem { /*border:1px solid red;*/ }
  #contato .wpcf7 {
    width: 99.9%;
  }
  #contato .wpcf7 form {
    margin-top: 3vw;
  }
  #contato .wpcf7 form p {
    margin: 0;
    margin-bottom: 8vw;
  }
  #contato .wpcf7 form p label input,
  #contato .wpcf7 form p label textarea {
    max-width: 99.5%;
    padding: 1vw;
    color: #4f6f86;
    border-radius: 1vw;
    border: none;
  }
  #contato .wpcf7 form p:has(.wpcf7-submit) {
    position: relative;
    min-height: 8vw;
  }
  #contato .wpcf7 form p:has(.wpcf7-submit) input {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: orange;
    border: none;
    color: white;
    padding: 3vw;
  }
}
@media screen and (min-width: 769px) {
  #contato {
    padding: 1vw;
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    color: white;
    background-color: #4f6f86;
    position: relative;
  }
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  #contato {
    font-size: calc(0.75vw + 20%);
    line-height: calc(1.5vw + 20%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1024px) {
  #contato {
    font-size: calc(0.75vw + 14%);
    line-height: calc(1.5vw + 14%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1366px) {
  #contato {
    font-size: calc(0.75vw + 13%);
    line-height: calc(1.5vw + 13%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1920px) {
  #contato {
    font-size: 0.75vw;
    line-height: 1.5vw;
  }
}
@media screen and (min-width: 769px) {
  #contato #principal {
    margin-top: 2.5vw;
    display: inline-block;
    height: auto;
    overflow: auto;
    width: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  #contato *:has(form) form {
    position: relative;
  }
  #contato *:has(form) form .lat {
    display: block;
    max-width: 49.95%;
    float: left;
  }
  #contato *:has(form) form .lat2 {
    padding-left: 0.09765625vw;
  }
  #contato *:has(form) form input, #contato *:has(form) form textarea {
    border: 1px solid #a0865f;
    outline: none;
    padding: 0.4vw;
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    width: 100%;
    color: #4f6f86;
    margin-bottom: 0.2vw;
  }
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  #contato *:has(form) form input, #contato *:has(form) form textarea {
    font-size: calc(0.75vw + 20%);
    line-height: calc(1.5vw + 20%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1024px) {
  #contato *:has(form) form input, #contato *:has(form) form textarea {
    font-size: calc(0.75vw + 14%);
    line-height: calc(1.5vw + 14%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1366px) {
  #contato *:has(form) form input, #contato *:has(form) form textarea {
    font-size: calc(0.75vw + 13%);
    line-height: calc(1.5vw + 13%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1920px) {
  #contato *:has(form) form input, #contato *:has(form) form textarea {
    font-size: 0.75vw;
    line-height: 1.5vw;
  }
}
@media screen and (min-width: 769px) {
  #contato *:has(form) form textarea {
    max-height: 5vw;
  }
  #contato *:has(form) form .wpcf7-submit {
    background-color: #a0865f;
    color: white;
  }
  #contato *:has(form) form .wpcf7-not-valid-tip {
    display: none;
  }
  #contato h2 {
    margin-bottom: 1vw;
    color: #b39e7f;
    white-space: nowrap; /*text-align: center;*/
  }
  #contato h3 {
    color: #b39e7f;
  }
  #contato .lateral {
    float: left;
    margin-right: 0.5vw;
  }
}
@media screen and (max-width: 768px) {
  * {
    font-size: 4vw;
    line-height: 6vw;
  }
}
@media screen and (max-width: 600px) {
  * {
    font-size: 3vw;
    line-height: 5vw;
    color: rgb(255, 149, 0);
  }
}
@media screen and (max-width: 600px) {
  * {
    font-size: 4vw;
    line-height: 6vw;
    color: rgb(0, 205, 20);
  }
}
@media screen and (max-width: 600px) {
  * {
    font-size: 5vw !important;
    line-height: 7vw;
    color: rgb(255, 255, 255);
  }
}/*# sourceMappingURL=index.css.map */