@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;
}

body:has(.entry-content, #contentNoticias) {
  background-image: none;
}

* {
  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  " " 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.05vw, auto);
    grid-template-areas: "topo  topo topo  " "Redes main main " "Redes texto2 texto2 " "Redes contato contato " "Redes footer footer ";
  }
  #TopoSingle {
    margin-bottom: 2.9296875vw;
    width: 100%;
    display: grid;
    grid-template-columns: auto repeat(5, 1fr);
    grid-auto-rows: minmax(1.5vw, auto);
    /*****/
    grid-template-areas: "PageTitulo PageTitulo PageTitulo PageTitulo PageTitulo PageTitulo  " "PageSubtitulo PageSubtitulo  PageSubtitulo  figura   figura  figura ";
  }
}
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
@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.05vw, auto);
    grid-template-areas: "topo  topo topo topo  topo " "Redes main main main main" "Redes texto2 texto2 texto2 texto2 " "Redes contato contato contato contato " "Redes footer footer footer  footer ";
  }
  #TopoSingle {
    margin-bottom: 2.9296875vw;
    width: 100%;
    display: grid;
    grid-template-columns: auto repeat(5, 1fr);
    grid-auto-rows: minmax(1.5vw, auto);
    /*****/
    grid-template-areas: "PageTitulo PageTitulo PageTitulo PageTitulo PageTitulo PageTitulo  " "PageSubtitulo figura  figura  figura   figura  figura ";
  }
}
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/******************************************************/
#titulo {
  grid-area: PageTitulo;
}

#subtitulo {
  grid-area: PageSubtitulo;
}

#thumb {
  grid-area: figura;
}

/******************************************************/
header {
  grid-area: topo;
}

main {
  grid-area: main;
}

#redesSociais {
  grid-area: Redes;
}

#texto2 {
  grid-area: texto2;
}

#contato {
  grid-area: contato;
}

footer {
  grid-area: footer;
}

/******************************************************/
@media screen and (max-width: 399px) {
  #blogLista ul {
    display: grid;
    gap: 2vw;
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: minmax(33vh, auto);
  }
}
@media screen and (min-width: 400px) and (max-width: 768px) {
  #blogLista ul {
    display: grid;
    gap: 2vw;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: minmax(33vh, auto);
  }
}
@media screen and (min-width: 769px) and (max-width: 20000px) {
  #blogLista {
    /* #linha_blog_0 {
         grid-row: 1/4;
         grid-column: 1/3;
     }

     #linha_blog_1 {
         grid-column: 3/5;
         grid-row: 1/3;
     }

     #linha_blog_2 {
         grid-column: 5/6;
         grid-row: 1/3;
     }*/
  }
  #blogLista ul {
    display: grid;
    gap: 1vw;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: minmax(12.765625vw, auto);
  }
}
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
@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) {
  #content {
    padding: 1.953125vw;
    color: #4f6f86;
    /*****************************************/
    /*****************************************/
    /*****************************************/
    /*****************************************/
  }
  #content #thumbPage {
    width: 94vw;
    height: 29vh;
    display: block;
    position: relative;
    overflow: hidden;
    margin-bottom: 4vh;
    border: 1px solid #4f6f86;
  }
  #content #thumbPage img {
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    filter: brightness(1.08) contrast(1);
  }
  #content .entry-content {
    border: 1px solid #4f6f86;
    padding: 3vw;
    line-height: 2.5vw;
    border-radius: 1vw;
    background-color: rgba(255, 255, 255, 0.414);
  }
  #content .entry-content h1,
  #content .entry-content h2,
  #content .entry-content h3,
  #content .entry-content h4 {
    margin-bottom: 3.5vw;
    margin-left: 4vw;
  }
  #content .entry-content h2,
  #content .entry-content h3,
  #content .entry-content h4 {
    margin-top: 3vw;
    margin-bottom: 3.5vw;
  }
  #content .entry-content p {
    margin-bottom: 3vw;
  }
  #content .entry-content ul li {
    list-style: circle;
    margin-left: 5vw;
  }
  #content #categoria {
    margin-top: 3vw;
  }
  #content #categoria ul {
    display: flex;
    gap: 0.390625vw;
    margin-top: 0.29296875vw;
  }
  #content #categoria ul li a {
    border: 1px solid #4f6f86;
    padding: 0.1953125vw;
    color: #4f6f86;
    text-transform: capitalize;
    background-color: rgb(230, 230, 230);
    border-radius: 0.1953125vw;
  }
  #content * {
    font-family: openRegular;
  }
  #content h1 {
    text-align: center;
    padding: 0.9765625vw;
    text-transform: capitalize;
  }
  #content figure {
    position: relative;
    overflow: hidden;
    border-radius: 0.1953125vw;
    border: 0.09765625vw solid #4f6f86;
  }
  #content #thumb {
    overflow: hidden;
    width: 100%;
    display: block;
    position: relative;
    min-height: 40vh;
  }
  #content #thumb img {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 100%;
  }
  #content .aligncenter {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  #content .alignleft {
    display: inline-block;
    float: left;
    max-width: 50%;
  }
  #content .alignleft img {
    max-width: 100%;
  }
  #content .alignright {
    display: inline-block;
    float: right;
    max-width: 50%;
  }
  #content .alignright img {
    max-width: 100%;
  }
  #content #TopoSingle {
    border-radius: 1vw;
    padding-bottom: 1vw;
    padding-right: 0.7vw;
    border: 1px solid #4f6f86;
    background-color: rgba(255, 255, 255, 0.412);
  }
  #content #TopoSingle h1 {
    margin: 0;
  }
  #content #TopoSingle h1,
  #content #TopoSingle h2 {
    padding: 2vw;
  }
  #content #TopoSingle h2 {
    padding: 2vw;
    font-weight: 200;
  }
  #content #TopoSingle picture {
    border-radius: 1vw;
    overflow: hidden;
    border: 1px solid #4f6f86;
  }
  #content .video {
    max-width: 100%;
    height: auto;
    position: relative;
  }
  #content .video video {
    width: -webkit-fill-available;
    position: relative;
  }
  #content .video_vertical {
    max-width: 100%;
    height: 60vh;
    position: relative;
    overflow: hidden;
  }
  #content .video_vertical video {
    height: -webkit-fill-available;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  /***************************************************************/
  /***************************************************************/
  div:has(#blogLista) {
    width: 92vw;
    left: 55%;
    transform: translateX(-50%);
    position: relative;
  }
  #blogLista {
    width: 90%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
  }
  #blogLista ul li {
    overflow: hidden;
    background-color: white;
    position: relative;
    border: 1px solid #4f6f86;
  }
  #blogLista ul li h2 {
    z-index: 30;
    position: relative;
    background-color: #4f6f86;
    color: white;
    margin: 0;
    width: 100%;
    font-size: 0.9765625vw;
    padding: 0.5vw;
    text-align: center;
  }
  #blogLista ul li a {
    color: #4f6f86;
  }
  #blogLista ul li picture {
    position: relative;
    width: 100%;
    height: 200px;
    display: block;
    overflow: hidden;
    margin-bottom: 0.9765625vw;
  }
  #blogLista ul li picture img {
    position: absolute;
    width: 110%;
    min-height: 100%;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  #blogLista ul li .resumo {
    border: 0px solid #4f6f86;
    display: block;
    padding: 2vw;
    line-height: 6.5vw;
  }
  /***************************************************************/
  /***************************************************************/
}
/********************************************************************/
/********************************************************************/
/********************************************************************/
/********************************************************************/
.zoom:hover {
  animation: zoom 100ms linear forwards;
}

@keyframes zoom {
  0% {
    transform: scale(1);
    z-index: 0;
    box-shadow: 0px 0px 1px #rgba 0, 0, 0, 0;
  }
  100% {
    transform: scale(1.2);
    z-index: 3000;
    box-shadow: 7px 10px 16px rgba(0, 0, 0, 0.631372549);
  }
}
/********************************************************************/
/********************************************************************/
/********************************************************************/
/********************************************************************/
/********************************************************************/
/********************************************************************/
/********************************************************************/
/********************************************************************/
@media screen and (min-width: 769px) {
  .toImage {
    filter: brightness(0.3) saturate(2.5);
  }
  .toImage:hover {
    animation: toImage 1200ms linear forwards;
  }
  @keyframes toImage {
    0% {
      filter: brightness(0) saturate(0);
      transform: scale(1);
    }
    80% {
      filter: brightness(1) saturate(1);
    }
    100% {
      filter: brightness(1) saturate(1);
      transform: scale(1.3);
    }
  }
}
/********************************************************************/
/********************************************************************/
/********************************************************************/
/********************************************************************/
.picture {
  overflow: hidden;
  position: relative;
  display: block;
}
.picture img {
  position: absolute;
  min-height: -moz-fit-content;
  min-height: fit-content;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: -moz-fit-content;
  width: fit-content;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (min-width: 769px) {
  #content {
    min-height: 94.7vh;
    padding: 1.953125vw;
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    color: #4f6f86;
  }
  #content .lendo {
    border: 2px solid #4f6f86 !important;
  }
  #content .especialidades {
    border: 1px solid #4f6f86;
    display: block;
    padding: 0.5vw;
    border-radius: 0.7vw;
    margin-bottom: 0.5vw;
  }
  #content .especialidades h1,
  #content .especialidades h2,
  #content .especialidades h3,
  #content .especialidades h4 {
    text-align: justify;
    padding: 0;
    margin: 0;
    margin-bottom: 0.5vw;
    font-size: 0.9vw;
    text-transform: uppercase !important;
  }
  #content .especialidades ul {
    margin-left: 1vw;
    border: 0px solid #4f6f86;
    margin-bottom: 0.5vw;
  }
  #content .especialidades ul li {
    list-style: decimal;
    font-weight: bolder;
  }
  #content .especialidades p {
    margin-bottom: 0.4vw;
  }
  #content .especialidades picture {
    left: 25%;
    position: relative;
    margin-right: 2vw;
    margin-bottom: 2vw;
    display: inline-block;
  }
  #content #thumbPage {
    width: 91vw;
    height: 25vw;
    display: block;
    top: -2.55vw;
    right: 1.95vw;
    position: relative;
    overflow: hidden;
  }
  #content #thumbPage img {
    width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    filter: brightness(1.08) contrast(1);
  }
  #content .entry-content {
    border: 1px solid #4f6f86;
    padding: 1vw;
    border-radius: 1vw;
    background-color: rgba(255, 255, 255, 0.414);
  }
  #content .entry-content .wp-block-video {
    margin-top: 3vw;
    border: 0.31296875vw solid #4f6f86;
    display: block;
    max-width: 80%;
    position: relative;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  #content .entry-content .wp-block-video video {
    width: 100%;
    height: auto;
    position: relative;
    top: 50%;
    transform: translateY(0);
  }
  #content .entry-content p {
    line-height: 1.1vw;
    margin-bottom: 1vw;
  }
  #content .entry-content h1,
  #content .entry-content h2,
  #content .entry-content h3,
  #content .entry-content h4 {
    padding: 0;
    text-align: justify;
    margin-bottom: 0.4vw;
    text-align: justify;
    font-size: 0.9vw;
    text-transform: uppercase;
  }
  #content .entry-content ul {
    margin-bottom: 0.3vw;
  }
  #content .entry-content ul li {
    list-style: circle;
    margin-left: 2vw;
    padding-bottom: 0.2vw;
  }
  #content #categoria {
    margin-top: 3vw;
  }
  #content #categoria p {
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
  }
  /*****************************************/
  /*****************************************/
  /*****************************************/
  /*****************************************/
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  #content #categoria p {
    font-size: calc(0.75vw + 20%);
    line-height: calc(1.5vw + 20%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1024px) {
  #content #categoria p {
    font-size: calc(0.75vw + 14%);
    line-height: calc(1.5vw + 14%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1366px) {
  #content #categoria p {
    font-size: calc(0.75vw + 13%);
    line-height: calc(1.5vw + 13%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1920px) {
  #content #categoria p {
    font-size: 0.75vw;
    line-height: 1.5vw;
  }
}
@media screen and (min-width: 769px) {
  #content #categoria ul {
    display: flex;
    gap: 0.390625vw;
    margin-top: 0.29296875vw;
  }
  #content #categoria ul li a {
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    border: 1px solid #4f6f86;
    padding: 0.1953125vw;
    color: #4f6f86;
    text-transform: capitalize;
    background-color: rgb(230, 230, 230);
    border-radius: 0.1953125vw;
  }
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  #content #categoria ul li a {
    font-size: calc(0.75vw + 20%);
    line-height: calc(1.5vw + 20%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1024px) {
  #content #categoria ul li a {
    font-size: calc(0.75vw + 14%);
    line-height: calc(1.5vw + 14%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1366px) {
  #content #categoria ul li a {
    font-size: calc(0.75vw + 13%);
    line-height: calc(1.5vw + 13%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1920px) {
  #content #categoria ul li a {
    font-size: 0.75vw;
    line-height: 1.5vw;
  }
}
@media screen and (min-width: 769px) {
  #content * {
    font-family: openRegular;
  }
  #content h1 {
    text-align: center;
    text-transform: capitalize;
    text-align: center;
    font-weight: 100;
    margin-bottom: 2vw;
    font-weight: bold;
    text-align: center;
    font-size: 4vw;
  }
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  #content {
    font-size: calc(0.75vw + 20%);
    line-height: calc(1.5vw + 20%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1024px) {
  #content {
    font-size: calc(0.75vw + 14%);
    line-height: calc(1.5vw + 14%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1366px) {
  #content {
    font-size: calc(0.75vw + 13%);
    line-height: calc(1.5vw + 13%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1920px) {
  #content {
    font-size: 0.75vw;
    line-height: 1.5vw;
  }
}
@media screen and (min-width: 769px) {
  #content figure {
    position: relative;
    overflow: hidden;
    border-radius: 0.1953125vw;
    border: 0.09765625vw solid #4f6f86;
  }
  #content #thumb {
    overflow: hidden;
    width: 100%;
    display: block;
    position: relative;
    min-height: 20vw;
  }
  #content #thumb img {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 100%;
  }
  #content .aligncenter {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  #content .alignleft {
    display: inline-block;
    float: left;
    max-width: 50%;
  }
  #content .alignleft img {
    max-width: 100%;
  }
  #content .alignright {
    display: inline-block;
    float: right;
    max-width: 50%;
  }
  #content .alignright img {
    max-width: 100%;
  }
  #content #TopoSingle {
    border-radius: 1vw;
    padding-bottom: 1vw;
    padding-right: 0.7vw;
  }
  #content #TopoSingle h1 {
    margin: 0;
  }
  #content #TopoSingle h2 {
    padding: 2vw;
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    line-height: 2.3vw;
    font-weight: 200;
  }
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  #content #TopoSingle h2 {
    font-size: calc(0.75vw + 20%);
    line-height: calc(1.5vw + 20%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1024px) {
  #content #TopoSingle h2 {
    font-size: calc(0.75vw + 14%);
    line-height: calc(1.5vw + 14%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1366px) {
  #content #TopoSingle h2 {
    font-size: calc(0.75vw + 13%);
    line-height: calc(1.5vw + 13%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1920px) {
  #content #TopoSingle h2 {
    font-size: 0.75vw;
    line-height: 1.5vw;
  }
}
@media screen and (min-width: 769px) {
  #content #TopoSingle picture {
    border-radius: 1vw;
    overflow: hidden;
    border: 1px solid #4f6f86;
  }
  div:has(#blogLista) {
    width: 86vw;
    left: 10px;
    position: relative;
  }
  #blogLista {
    width: 90%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
  }
  #blogLista ul li {
    overflow: hidden;
    background-color: white;
    position: relative;
    border: 1px solid #4f6f86;
  }
  #blogLista ul li h2 {
    z-index: 30;
    position: relative;
    background-color: #4f6f86;
    color: white;
    margin: 0;
    width: 100%;
    font-size: 0.9765625vw;
    padding: 0.5vw;
    text-align: center;
  }
  #blogLista ul li a {
    color: #4f6f86;
  }
  #blogLista ul li picture {
    position: relative;
    width: 100%;
    height: 15.53125vw;
    display: block;
    overflow: hidden;
    margin-bottom: 0.75vw;
  }
  #blogLista ul li picture img {
    position: absolute;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 100%;
    min-height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  #blogLista ul li .resumo {
    border: 0px solid #4f6f86;
    display: block;
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    padding: 0.4vw;
  }
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  #blogLista ul li .resumo {
    font-size: calc(0.75vw + 20%);
    line-height: calc(1.5vw + 20%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1024px) {
  #blogLista ul li .resumo {
    font-size: calc(0.75vw + 14%);
    line-height: calc(1.5vw + 14%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1366px) {
  #blogLista ul li .resumo {
    font-size: calc(0.75vw + 13%);
    line-height: calc(1.5vw + 13%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1920px) {
  #blogLista ul li .resumo {
    font-size: 0.75vw;
    line-height: 1.5vw;
  }
}
@media screen and (min-width: 769px) {
  #lendoAreeasDeAtuacao {
    width: 80vw;
    background-color: white;
    padding: 1vw;
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    /*********************************************************/
    z-index: 2300;
    position: fixed;
    top: 55%;
    left: 55%;
    transform: translate(-50%, -50%);
    max-height: 70vh;
    overflow-y: scroll;
    border: 1px solid #4f6f86;
  }
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  #lendoAreeasDeAtuacao {
    font-size: calc(0.75vw + 20%);
    line-height: calc(1.5vw + 20%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1024px) {
  #lendoAreeasDeAtuacao {
    font-size: calc(0.75vw + 14%);
    line-height: calc(1.5vw + 14%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1366px) {
  #lendoAreeasDeAtuacao {
    font-size: calc(0.75vw + 13%);
    line-height: calc(1.5vw + 13%);
  }
}
@media screen and (min-width: 769px) and (min-width: 1920px) {
  #lendoAreeasDeAtuacao {
    font-size: 0.75vw;
    line-height: 1.5vw;
  }
}
@media screen and (min-width: 769px) {
  #lendoAreeasDeAtuacao p {
    margin-bottom: 0.81vw;
  }
  #background {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.673);
    z-index: 500;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .video {
    max-width: 100%;
    height: 15.4vw;
    position: relative;
    overflow: hidden;
    display: block;
    background-color: #a0865f;
  }
  .video video {
    width: -webkit-fill-available;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
  .video_vertical {
    max-width: 100%;
    height: 60vh;
    position: relative;
    overflow: hidden;
  }
  .video_vertical video {
    height: -webkit-fill-available;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}
/*********************************************************************/
/********************************************************************/
::-webkit-scrollbar {
  width: 1.2vw; /* Largura da barra de rolagem */
}

/* Estilizando o botão de rolagem */
::-webkit-scrollbar-thumb {
  background-color: #4f6f86; /* Cor de fundo do botão */
  border-radius: 0.1vw; /* Raio do botão */
}

/* Estilizando a área de fundo da barra de rolagem */
::-webkit-scrollbar-track {
  background-color: #a0865f; /* Cor de fundo da área de fundo */
}

/*********************************************************************/
/********************************************************************/
/********************************************************************/
/********************************************************************/
/********************************************************************/
/********************************************************************/
.zoom:hover {
  animation: zoom 100ms linear forwards;
}

@keyframes zoom {
  0% {
    transform: scale(1);
    z-index: 0;
    box-shadow: 0px 0px 1px #rgba 0, 0, 0, 0;
  }
  100% {
    transform: scale(1.2);
    z-index: 3000;
    box-shadow: 7px 10px 16px rgba(0, 0, 0, 0.631372549);
  }
}
/********************************************************************/
/********************************************************************/
/********************************************************************/
/********************************************************************/
/********************************************************************/
/********************************************************************/
/********************************************************************/
/********************************************************************/
@media screen and (min-width: 769px) {
  .toImage {
    filter: brightness(0.3) saturate(2.5);
  }
  .toImage:hover {
    animation: toImage 1200ms linear forwards;
  }
  @keyframes toImage {
    0% {
      filter: brightness(0) saturate(0);
      transform: scale(1);
    }
    80% {
      filter: brightness(1) saturate(1);
    }
    100% {
      filter: brightness(1) saturate(1);
      transform: scale(1.3);
    }
  }
}
/********************************************************************/
/********************************************************************/
/********************************************************************/
/********************************************************************/
.picture {
  overflow: hidden;
  position: relative;
  display: block;
}
.picture img {
  position: absolute;
  min-height: -moz-fit-content;
  min-height: fit-content;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: -moz-fit-content;
  width: fit-content;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 768px) {
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  #contentNoticias {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: minmax(0.009765625vw, auto);
    padding: 0;
    grid-template-areas: "titulo titulo titulo " "resumo resumo resumo" "slide slide slide" "mnoti mnoti mnoti" "outras outras outras" "img img img " "conteudo conteudo conteudo " "ArtiRece ArtiRece ArtiRece";
  }
  /**********************************************/
  /**********************************************/
  /**********************************************/
  /**********************************************/
  #arigosRecentes #listaDeNewsDados2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: minmax(0.9765625vw, auto);
    padding: 0;
  }
  /**********************************************/
  /**********************************************/
  /**********************************************/
  /**********************************************/
  /**********************************************/
  h1 {
    grid-area: titulo;
  }
  #resumo {
    grid-area: resumo;
  }
  #textoNoticias {
    grid-area: conteudo;
  }
  #newsDados {
    grid-area: slide;
  }
  #newsDados2 {
    grid-area: outras;
  }
  #imagem {
    grid-area: img;
  }
  #maisNoticias {
    grid-area: mnoti;
  }
  #arigosRecentes {
    grid-area: ArtiRece;
  }
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  .aligncenter {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .alignleft {
    display: inline-block;
    float: left;
    max-width: 50%;
  }
  .alignleft img {
    max-width: 100%;
  }
  .alignright {
    display: inline-block;
    float: right;
    max-width: 50%;
  }
  .alignright img {
    max-width: 100%;
  }
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  #maisNoticias {
    color: #4f6f86;
    text-align: center;
    border-bottom: 0.09765625vw solid #4f6f86;
    margin-top: 3vw;
  }
  h1, h2 {
    text-transform: capitalize;
    margin-top: 2vw;
    text-align: center;
    padding-left: 5vw;
    padding-right: 5vw;
  }
  #textoNoticias, h1, h2 {
    color: #4f6f86;
    margin-top: 2vw;
    margin-bottom: 2vw;
  }
  #textoNoticias {
    line-height: 2.5vw;
    padding-left: 1vw;
  }
  #textoNoticias p {
    margin-bottom: 2vw;
  }
  #textoNoticias h1, #textoNoticias h2, #textoNoticias h3, #textoNoticias h4 {
    margin-bottom: 1.5vw;
  }
  #textoNoticias h2, #textoNoticias h3, #textoNoticias h4 {
    margin-top: 1vw;
    margin-bottom: 1.5vw;
  }
  #textoNoticias ul li {
    list-style: circle;
    margin-left: 2vw;
  }
  #imagem picture {
    height: 100%;
    width: 20vw;
    overflow: hidden;
    position: relative;
    display: block;
  }
  #imagem picture img {
    width: 140%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
  }
  #newsDados {
    background-color: black;
  }
  #newsDados .listaDeNewsDados {
    width: 90vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(255, 166, 0, 0);
  }
  #newsDados .listaDeNewsDados li {
    position: relative;
    height: 60vh;
  }
  #newsDados .listaDeNewsDados li h2 {
    padding: 1vw;
    z-index: 10;
    position: absolute;
    color: white;
    bottom: -2vw;
    text-shadow: -1px 2px 4px black;
    font-family: openRegular;
    font-size: 2.39453125vw;
    white-space: nowrap;
    background-color: #4f6f86;
    width: 100%;
  }
  #newsDados .listaDeNewsDados li a {
    color: white;
    z-index: 209900;
  }
  #newsDados .listaDeNewsDados li picture {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
  #newsDados .listaDeNewsDados li picture img {
    width: 150%;
  }
  #newsDados2 .listaDeNewsDados2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.06vw;
  }
  #newsDados2 .listaDeNewsDados2 li {
    height: 60.765625vw;
    position: relative;
  }
  #newsDados2 .listaDeNewsDados2 li h2 {
    background-color: #4f6f86;
    padding: 0.68359375vw;
    position: absolute;
    z-index: 30;
    text-align: center;
    bottom: -2vw;
    left: 0;
    color: white;
    white-space: nowrap;
    font-size: 0.78125vw;
    width: 100%;
  }
  #newsDados2 .listaDeNewsDados2 li a {
    color: white;
  }
  #newsDados2 .listaDeNewsDados2 li picture {
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    position: absolute;
    display: block;
  }
  #newsDados2 .listaDeNewsDados2 li picture img {
    position: relative;
    min-height: -moz-fit-content;
    min-height: fit-content;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: -moz-fit-content;
    width: fit-content;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #arigosRecentes h2 {
    text-align: center;
    color: #4f6f86;
  }
  #arigosRecentes ul li {
    border: 1px solid #4f6f86;
    background-color: white;
    position: relative;
  }
  #arigosRecentes ul li h2,
  #arigosRecentes ul li a {
    margin: 0;
    padding: 0;
    color: #4f6f86;
    text-align: center;
  }
  #arigosRecentes ul li h2 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2000;
    background-color: white;
    text-align: center;
    width: 100%;
    padding: 0.4vw;
    border-bottom: 1px solid #4f6f86;
  }
  #arigosRecentes ul li h3 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0.4vw;
    background-color: white;
    color: #4f6f86;
    text-align: center;
    border-top: 1px solid #4f6f86;
  }
  #arigosRecentes ul li picture {
    overflow: hidden;
    height: 50vh;
    width: 100%;
    position: relative;
    display: block;
    border: 0px solid #4f6f86;
  }
  #arigosRecentes ul li picture img {
    position: absolute;
    min-height: -moz-fit-content;
    min-height: fit-content;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: -moz-fit-content;
    width: fit-content;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
/********************************************************************/
/********************************************************************/
/********************************************************************/
/********************************************************************/
.zoom:hover {
  animation: zoom 100ms linear forwards;
}

@keyframes zoom {
  0% {
    transform: scale(1);
    z-index: 0;
    box-shadow: 0px 0px 1px #rgba 0, 0, 0, 0;
  }
  100% {
    transform: scale(1.2);
    z-index: 3000;
    box-shadow: 7px 10px 16px rgba(0, 0, 0, 0.631372549);
  }
}
/********************************************************************/
/********************************************************************/
/********************************************************************/
/********************************************************************/
/********************************************************************/
/********************************************************************/
/********************************************************************/
/********************************************************************/
@media screen and (min-width: 769px) {
  .toImage {
    filter: brightness(0.3) saturate(2.5);
  }
  .toImage:hover {
    animation: toImage 1200ms linear forwards;
  }
  @keyframes toImage {
    0% {
      filter: brightness(0) saturate(0);
      transform: scale(1);
    }
    80% {
      filter: brightness(1) saturate(1);
    }
    100% {
      filter: brightness(1) saturate(1);
      transform: scale(1.3);
    }
  }
}
/********************************************************************/
/********************************************************************/
/********************************************************************/
/********************************************************************/
.picture {
  overflow: hidden;
  position: relative;
  display: block;
}
.picture img {
  position: absolute;
  min-height: -moz-fit-content;
  min-height: fit-content;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: -moz-fit-content;
  width: fit-content;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (min-width: 769px) {
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  #contentNoticias {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: minmax(0.9765625vw, auto);
    padding: 0;
    grid-template-areas: "titulo titulo titulo resumo resumo resumo resumo resumo resumo resumo resumo resumo" "slide slide slide slide  slide slide  slide slide  slide slide  slide slide " "mnoti mnoti mnoti mnoti mnoti mnoti mnoti mnoti mnoti mnoti mnoti mnoti" "img img conteudo conteudo conteudo conteudo conteudo conteudo conteudo conteudo conteudo conteudo" ". outras outras outras outras outras outras outras outras outras outras ." ". ArtiRece ArtiRece ArtiRece ArtiRece ArtiRece ArtiRece ArtiRece ArtiRece ArtiRece ArtiRece .";
  }
  /*******************************************************/
  /*******************************************************/
  /*******************************************************/
  /*******************************************************/
  /*******************************************************/
  /*******************************************************/
  #arigosRecentes .listaDeNewsDados2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: minmax(0.9765625vw, auto);
    padding: 0;
    gap: 1vw;
  }
  #arigosRecentes #tituloArtigosRecentes {
    grid-column: 1/12;
  }
  /*******************************************************/
  /*******************************************************/
  /*******************************************************/
  /*******************************************************/
  h1 {
    grid-area: titulo;
  }
  #resumo {
    grid-area: resumo;
  }
  #textoNoticias {
    grid-area: conteudo;
  }
  #newsDados {
    grid-area: slide;
  }
  #newsDados2 {
    grid-area: outras;
  }
  #imagem {
    grid-area: img;
  }
  #maisNoticias {
    grid-area: mnoti;
  }
  #arigosRecentes {
    grid-area: ArtiRece;
  }
  #arigosRecentes #tituloArtigosRecentes {
    grid-area: ArtiH2;
  }
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  .aligncenter {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .alignleft {
    display: inline-block;
    float: left;
    max-width: 50%;
  }
  .alignleft img {
    max-width: 100%;
  }
  .alignright {
    display: inline-block;
    float: right;
    max-width: 50%;
  }
  .alignright img {
    max-width: 100%;
  }
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  /*********************************************************/
  #maisNoticias {
    color: #4f6f86;
    text-align: center;
    border-bottom: 0.09765625vw solid #4f6f86;
    margin-top: 3vw;
  }
  h1,
  h2 {
    text-transform: capitalize;
    margin-top: 2vw;
    padding-left: 2vw;
    padding-right: 2vw;
  }
  #textoNoticias,
  h1,
  h2 {
    color: #4f6f86;
    margin-top: 2vw;
    margin-bottom: 2vw;
  }
  #textoNoticias {
    line-height: 2.5vw;
    padding: 0.7vw;
  }
  #textoNoticias p {
    margin-bottom: 2vw;
  }
  #textoNoticias h1,
  #textoNoticias h2,
  #textoNoticias h3,
  #textoNoticias h4 {
    margin-bottom: 1.5vw;
  }
  #textoNoticias h2,
  #textoNoticias h3,
  #textoNoticias h4 {
    margin-top: 1vw;
    margin-bottom: 1.5vw;
  }
  #textoNoticias ul li {
    list-style: circle;
    margin-left: 2vw;
  }
  #imagem picture {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
    display: block;
  }
  #imagem picture img {
    width: 140%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
  }
  #newsDados {
    background-color: black;
  }
  #newsDados .listaDeNewsDados {
    width: 45vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(255, 166, 0, 0);
  }
  #newsDados .listaDeNewsDados li {
    position: relative;
    height: 27.53125vw;
  }
  #newsDados .listaDeNewsDados li h2 {
    padding: 1vw;
    z-index: 10;
    position: absolute;
    color: white;
    bottom: -2vw;
    text-shadow: -1px 2px 4px black;
    font-family: openRegular;
    font-size: 2.39453125vw;
    white-space: nowrap;
    background-color: #4f6f86;
    width: 100%;
  }
  #newsDados .listaDeNewsDados li a {
    color: white;
    z-index: 209900;
  }
  #newsDados .listaDeNewsDados li picture {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
  #newsDados .listaDeNewsDados li picture img {
    width: 100%;
  }
  #newsDados2 .listaDeNewsDados2 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.06vw;
  }
  #newsDados2 .listaDeNewsDados2 li {
    /*****************************/
    /*&:hover {
        transform: scale(1.2);
        z-index: 3000;
        box-shadow: 7px 10px 16px #000000a1;
    }*/
    /*****************************/
    height: 9.765625vw;
    position: relative;
  }
  #newsDados2 .listaDeNewsDados2 li h2 {
    background-color: #4f6f86;
    padding: 0.68359375vw;
    position: absolute;
    z-index: 30;
    text-align: center;
    bottom: -2vw;
    left: 0;
    color: white;
    white-space: nowrap;
    font-size: 0.78125vw;
    width: 100%;
  }
  #newsDados2 .listaDeNewsDados2 li a {
    color: white;
  }
  #newsDados2 .listaDeNewsDados2 li picture {
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    position: absolute;
  }
  #newsDados2 .listaDeNewsDados2 li picture img {
    width: 100%;
  }
  #arigosRecentes h2 {
    text-align: center;
    color: #4f6f86;
    font-size: 1.5vw;
  }
  #arigosRecentes ul li {
    border: 1px solid #4f6f86;
    background-color: white;
    position: relative;
  }
  #arigosRecentes ul li h2,
  #arigosRecentes ul li a {
    margin: 0;
    padding: 0;
    color: #4f6f86;
    text-align: center;
  }
  #arigosRecentes ul li h2 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2000;
    background-color: white;
    text-align: center;
    width: 100%;
    font-size: 0.78125vw;
    padding: 0.4vw;
    border-bottom: 1px solid #4f6f86;
  }
  #arigosRecentes ul li h3 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 0.78125vw;
    padding: 0.4vw;
    background-color: white;
    color: #4f6f86;
    text-align: center;
    line-height: 1.4vw;
    border-top: 1px solid #4f6f86;
  }
  #arigosRecentes ul li picture {
    height: 19.53125vw;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  * {
    font-size: 4vw;
    line-height: 6vw;
  }
}
@media screen and (max-width: 600px) {
  * {
    font-size: 3vw;
    line-height: 5vw;
  }
}
@media screen and (max-width: 600px) {
  * {
    font-size: 4vw;
    line-height: 6vw;
  }
}
@media screen and (max-width: 600px) {
  * {
    font-size: 5vw !important;
    line-height: 7vw;
  }
}/*# sourceMappingURL=page.css.map */