/* GERAIS */

 html {
     scroll-padding-top: 65px;
 }

 body {
     overflow-x: hidden;
 }

 :root {
     --branco: #fff;
     --cinza: #444444;
     --azul: #3F458D;
 }

 .texto-centro {
     text-align: center;
 }

 .sombra {
     position: absolute;
     max-width: 100%;
     left: 50%;
     transform: translateX(-50%);
     height: 34px;
 }

 .fancybox img {
     transition: 0.3s;
 }

 .titulo-area:hover .after {
     opacity: 0;
 }

 .titulo-area:hover .detalhe {
     width: 200px;
 }


 @media (min-width: 1000px) {
     .fancybox img:hover {
         transform: scale(1.02);
     }
 }

 @media (min-width: 768px) {

     .fancybox {
         transition: 0.8s;
     }

     .fancybox:hover {
         transform: scale(1.03);
     }

     .texto-padrao {
         width: 100%;
     }
 }

 @media (max-width: 425px) {
     .texto-padrao {
         width: 100%;
     }

     .texto-padrao p {
         text-align: justify !important;
     }
 }

 .slick-dots li button:before {
     background: transparent !important;
     content: "" !important;
     display: block !important;
     height: 13px !important;
     width: 13px !important;
     border-radius: 50%;
     border: 1px solid var(--branco);
 }

 .slick-dots li.slick-active button:before,
 .slick-dots li button:hover:before {
     background: var(--branco) !important;
 }

 .topo .conteudo-banners {
     position: absolute;
     top: 40%;
     right: 0;
     width: 95%;
     /* height: 100%; */
     color: var(--branco);
     z-index: 2;
     display: flex;
     flex-direction: column;
 }

 .topo .conteudo-banners p {
     font-size: 20px;
     font-weight: 500;
     font-family: 'Open Sauce One', sans-serif;
     line-height: 25px;
     width: 438px;
 }

 .topo .conteudo-banners h1 {
     font-size: 62px;
     font-weight: 300;
     font-family: 'Open Sauce One', sans-serif;
     line-height: 72px;
     width: 678px;
     font-weight: 600;
     color: #ffffff;
 }

 .topo .logo {
     width: 350px;
     margin-left: 55px;
 }

 .topo .menu-area {
     width: 100%;
     padding: 0;
     padding-top: 10px;
     /* transition: 0.3s; */
     position: absolute;
     top: 0;
     height: 100px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     z-index: 1;
     margin-top: -3px;
 }

 .topo .menu-area li a {
     margin: 0 -.25rem;
     padding: 0 .25rem;
     font-weight: 600;
     font-size: 16px;
     position: relative;
     /* font-family: Sora, sans-serif; */
     text-decoration: none;
     width: 100%;
 }

 .topo .menu-area li:not(.active) a::before {
     content: "";
     position: absolute;
     width: 0;
     height: 1px;
     /* Altura do sublinhado */
     bottom: 0;
     left: 0;
     background-color: #ffffff;
     /* Cor do sublinhado */
     transition: width 0.5s ease;
 }

 .topo .menu-area li:not(.active) a:hover:before {
     width: 100%;
 }

 .topo .menu-area li:not(.active) a::after {
     content: "";
     position: absolute;
     width: 0;
     height: 1px;
     bottom: 0;
     right: 0;
     background-color: #ffffff;
     /* transition: width 0.1s 0.5s ease; */
     transition: width 0.5s ease;
 }

 .topo .menu-area li:not(.active) a:hover::after {
     width: 100%;
 }

 .topo .menu-area li.active a:not(.sublink):before {
     content: '*';
     color: #9b9b9b;
     position: absolute;
     left: -7px;
 }

 .topo .menu-area li.active a {
     color: #9b9b9b !important;
 }

 .topo .menu-area li.ativo a.sublink:before {
     content: '*';
     color: #9b9b9b;
     position: absolute;
     left: -6px;
     top: 0;
 }

 /* banner interno */
 .topo .menu-area.interno {
     background-color: #ffffff;
     height: 80px;
     border: 1px solid #cacaca;
     padding-top: 0;

     & li a {
         color: #000000;
     }
 }

 .topo .logo.interno {
     width: 170px;
 }

 .topo .menu-area.interno nav .dropdownMetodo {
     top: 60px;
 }

 .topo .area-logo {
     width: 55%;
 }

 .topo .area-menu {
     width: 45%;
     backdrop-filter: blur(7.8px);
     padding-top: 10px;
     background-color: #fffFFF12;
     position: absolute;
     top: 0;
     right: 0;
 }

 .topo .menu-area.interno .area-menu {
     backdrop-filter: none;
 }

 .topo nav {
     height: 100%;
 }

 .topo nav ul {
     display: flex;
     list-style: none;
     height: 100%;
     width: 100%;
     justify-content: space-evenly;
 }

 .topo nav ul .btn-resultado {
     display: flex;
     justify-content: center;
     margin-right: 20px;
     margin-left: 50px;
 }

 .topo nav ul .btn-palc {
    display: flex;
    justify-content: center;
    margin-right: -50px;
    margin-left: 10px;
}

.topo nav ul .btn-palc img{
    width: 60px;
    height: 60px;
    margin-top: 20px;
}
.btn-palc-mobile {
    display: flex;
    justify-content: center;
    margin-right: -50px;
    margin-left: 10px;
}
.btn-palc-mobile img{
    width: 40px;
    height: 40px;
    margin-top: 0px;
}

 .topo nav ul a.botao span {
     padding: 6px 30px;
     background: #000000;
     border-radius: 8px;
     font-size: 13px;
     font-weight: 600;
     color: #ffffff;
     font-family: Sora, sans-serif;
 }

 .topo nav ul li {
     display: flex;
     align-self: center;
     align-items: center;
     justify-content: center;
     cursor: pointer;
 }

 .topo nav #dropdown {
     position: relative;
     height: 100%;
 }

 .topo nav .dropdownMetodo {
     display: none;
     position: absolute;
     top: 90px;
     left: -50px;
     background-color: #e9e9e9;
     flex-direction: column;
     width: 330px;
     height: auto;
     /* height: 230px; */
     /* border-radius: 0px 0px 10px 10px; */
 }

 .topo nav .dropdownMetodo ul {
     justify-content: left;
     padding-left: 50px;
     display: flex;
     flex-direction: column;
     gap: 15px;
     margin: 30px 0;
 }

 .topo nav .dropdownMetodo ul li {
     width: 100%;
 }

 .topo nav li#dropdown .dropdownMetodo a {
     color: #9b9b9b;
     justify-content: left;
     transition: color 0.5s ease;
 }

 .topo nav .dropdownMetodo li:hover a {
     color: #000000 !important;
     text-decoration: none;
 }

 .topo nav .dropdownMetodo li:hover a::before,
 .topo nav .dropdownMetodo li:hover a::after {
     content: none;
 }

 #dropdown:hover .dropdownMetodo {
     opacity: 1;
     display: block;
 }

 .topo nav ul li.active:first-child {
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
 }

 .topo nav ul li.active:last-child {
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px;
 }


 .topo nav ul li:hover:first-child {
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
 }

 .topo nav ul li:hover:last-child {
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px;
 }

 .topo nav ul a {
     color: var(--branco);
     font-size: 17px;
     text-decoration: none;
     font-weight: 500;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .topo .slick-dotted.slick-slider {
     margin: 0 !important;
 }

 .topo .item {
     position: relative;
     height: 100vh;
     display: inline-block;
     overflow: hidden;
 }

 .topo .item .conteudo-banners {
     z-index: 1;
 }

 .topo .item.interno img {
     width: 100%;
     height: 1000px;
 }

 .topo .item img {
     width: 100%;
     height: 110% !important;
     object-fit: fill;
     object-position: center;
     /* position: relative; */
     display: block;
     -webkit-animation: imagem-top 5s ease-out both;
     animation: imagem-top 5s ease-out both;
     top: -55px;
 }

 @-webkit-keyframes imagem-top {
     0% {
         -webkit-transform: scale(1) translateY(0);
         transform: scale(1) translateY(0);
         -webkit-transform-origin: 50% 16%;
         transform-origin: 50% 16%;
     }

     100% {
         -webkit-transform: scale(1.15) translateY(-60px);
         transform: scale(1.15) translateY(-60px);
         -webkit-transform-origin: top;
         transform-origin: top;
     }
 }

 @keyframes imagem-top {
     0% {
         -webkit-transform: scale(1) translateY(0);
         transform: scale(1) translateY(0);
         -webkit-transform-origin: 50% 16%;
         transform-origin: 50% 16%;
     }

     100% {
         -webkit-transform: scale(1.15) translateY(-60px);
         transform: scale(1.15) translateY(-60px);
         -webkit-transform-origin: top;
         transform-origin: top;
     }
 }

 .dots-container {
     position: absolute;
     bottom: 50px;
     left: 50%;
     transform: translateX(-50%)
 }

 ul.banner-dots {
     display: flex !important;
     gap: 10px;
     padding: 8px 10px;
 }

 ul.banner-dots li {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 ul.banner-dots li button {
     height: 11px;
     width: 11px;
     border: none;
     border-radius: 50%;
     border: 1px solid var(--branco);
     background: transparent;
     cursor: pointer;
 }

 ul.banner-dots li.slick-active button {
     background-color: var(--branco) !important;
 }

 .menu-mobile-ativador {
     display: none;
 }

.btn-palc-mobile{
    display: none;
}

 .area-menu ul.menu-mobile {
     display: none;
 }

 .sombra-barra {
     display: none;
 }

 img.logo-mobile {
     display: none;
 }

 @media (min-width: 1025px) and (max-width: 1329px) {
     .topo .area-menu {
         width: 70%;
     }
 }

 @media (min-width: 1330px) and (max-width: 1850px) {
     .topo .area-menu {
         width: 70%;
     }
 }

 @media (max-width: 1440px) {

     .topo .item {
         height: auto
     }

     .dots-container {
         bottom: 20px;
     }

     .topo img.logo {
         width: 180px;
     }

     .topo img.logo {
         top: 20%;
     }
 }

 @media (max-width: 1024px) {

    .topo nav .dropdownMetodo{
        position: relative;
    }

    .btn-palc-mobile{
        display: block;
    }
    .topo nav ul .btn-palc {
        display: none;
    }

     .topo nav ul .btn-resultado {
         display: none;
     }

     .topo .menu-area li#dropdown {
         position: relative;
     }

     .topo .menu-area li#dropdown i {
         position: absolute;
         right: 130px;
         font-size: 10px;
         top: 3px;
         transition: transform 0.5s ease;
     }

     .topo .menu-area li#dropdown i.rotate {
         transform: rotate(90deg);
     }

     .topo .menu-area li a {
         color: #000000 !important;
         position: relative;
         width: auto;
     }

     .topo .menu-area li.active a::before {
         color: #000000;
     }

     .topo .conteudo-banners {
         top: 20%;
         width: 85%;
         left: 10%;
     }

     .topo .menu-area {
         display: none;
         opacity: 1;
     }

     .area-menu ul.menu-desktop {
         display: none;
     }

     .area-menu ul.menu-mobile {
         display: flex;
         padding-top: 20px;
     }

     .topo nav {
         /* top: -101%; */
         width: calc(100% + 1px);
         position: fixed;
         z-index: 2;
         min-height: 200px;
         height: auto;
         transition: all 0.8s ease !important;
     }

     .topo nav ul {
         flex-direction: column;
         /* position: fixed; */
         justify-content: start;
         gap: 15px;

     }

     .topo nav ul a {
         font-family: Sora, sans-serif;
         color: var(--branco);
         /* height: 60px; */
     }

     .topo nav .dropdownMetodo {
         z-index: 1;
         top: 20px;
         /* background: none; */
         left: 20px;
     }

     .topo nav .dropdownMetodo ul {
         padding: 0;
     }

     .topo .logo {
         display: none;
     }

     .topo .logo img {
         width: 180px;
         margin: 0;
     }

     .barra {
         background-color: var(--branco);
         width: 100%;
         height: 70px;
         position: fixed;
         top: 0;
         z-index: 3;
         display: flex;
         justify-content: space-between;
         align-items: center;
         border-bottom: 1px solid #cacaca;
     }

     img.logo-mobile {
         display: block;
         max-height: 100%;
         padding-left: 70px;
         /* height: 70px; */
     }

     .menu-mobile-ativador {
         display: flex;
         justify-content: flex-end;
         padding-right: 70px;
     }

     .topo .area-menu {
         width: 100%;
         height: 100vh;
         background-color: #ffffff;
         padding: 0;
         transition: all 0.5s ease;
     }

     .topo nav ul li {
         flex: none;
         width: 90%;
         display: flex;
         justify-content: space-between;
         /* margin-left: 140px; */
         box-sizing: border-box;
         height: auto !important;
         flex-direction: column;
     }

     .topo img.sombra-barra {
         position: fixed;
         top: 16%;
     }

     .topo .item.interno img {
         width: 100%;
         height: 100%;
         margin-top: 89px;
     }

     #dropdown:hover .dropdownMetodo,
     .topo nav .dropdownMetodo {
         display: none;
         transition: all 0.5s ease;
     }

     .most {
         display: block !important;
         top: 20px !important;
     }



     /*Hamburger menu*/

     .hamburger {
         background-color: #000000;
         width: 40px;
         height: 40px;
         border-radius: 5px;
         padding-top: 2px;
     }

     .hamburger .line {
         width: 20px;
         height: 1px;
         background-color: var(--azul);
         display: block;
         margin: 8px auto;
         -webkit-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
         transition: all 0.3s ease-in-out;
         background-color: #ffffff;
     }

     .hamburger:hover {
         cursor: pointer;
     }

     #hamburger-1.is-active .line:nth-child(2) {
         opacity: 0;
     }

     #hamburger-1.is-active .line:nth-child(1) {
         -webkit-transform: translateY(13px) rotate(45deg);
         -ms-transform: translateY(13px) rotate(45deg);
         -o-transform: translateY(13px) rotate(45deg);
         transform: translateY(11px) rotate(45deg);
     }

     #hamburger-1.is-active .line:nth-child(3) {
         -webkit-transform: translateY(-13px) rotate(-45deg);
         -ms-transform: translateY(-13px) rotate(-45deg);
         -o-transform: translateY(-13px) rotate(-45deg);
         transform: translateY(-14px) rotate(-45deg);
         margin: 14px auto;
     }

     .topo nav ul li.active:first-child,
     .topo nav ul li:hover:first-child {
         border-top-left-radius: 0px;
         border-bottom-left-radius: 0px;
     }

     .topo nav ul li.active:last-child,
     .topo nav ul li:hover:last-child {
         border-top-right-radius: 0px;
         border-bottom-right-radius: 0px;
     }

     .topo .menu-area {
         /* top: -140px; */
         top: 63px;
         width: 100%;
         z-index: 2;
     }

     .dots-container {
         bottom: 50px;
     }

 }

 @media(max-width:768px) {

     .topo video {
         margin-top: 11%;
     }
 }

 @media(max-width:425px) {

     .dots-container {
         bottom: 10px;
     }

     .topo .logo {
         margin-left: 0;
     }

     .topo .logo img {
         width: 140px;
     }

     .topo .conteudo-banners {
         left: 5%;
         width: 85%;
     }

     .topo .conteudo-banners h1 {
         width: 100%;
         font-size: 35px;
         line-height: 30px;
     }

     .topo .conteudo-banners p {
         font-size: 20px;
         padding: 5px;
         width: 100%;
     }

     .topo .conteudo-banners p {
         line-height: 19px;
     }

     .topo .conteudo-banners {
         top: 25%;
     }

     img.logo-mobile {
         width: 140px;
         top: 20px;
     }

     .menu-mobile-ativador {
         padding-right: 30px;
     }

     img.logo-mobile {
         padding-left: 30px;
     }

     .topo .item img {
         height: 70% !important;
     }
 }

 @media(max-width:395px) {
     .topo .conteudo-banners p {
         font-size: 17px;
     }

     .topo .conteudo-banners {
         top: 30%;
     }
 }

 @media(max-width:375px) {
     .menu-mobile-ativador {
         gap: 30px;
     }

     .topo video {
         margin-top: 24%;
     }

     .topo .conteudo-banners {
         top: 25%;
     }

     .topo nav .dropdownMetodo {
         width: 250px;
         left: 0;
         right: 0;
     }
 }

 @media(max-width:320px) {


     .topo .conteudo-banners {
         top: 20%;
     }

     .dots-container {
         bottom: 10px;
     }

     .topo .item {
         height: 500px;
     }

     .menu-mobile-ativador {
         padding-right: 10px;
     }

     img.logo-mobile {
         padding-left: 10px;
     }

     .topo nav .dropdownMetodo {
         left: -30px;
     }

     .topo .conteudo-banners h1 {
         font-size: 25px;
     }

     .topo .item img {
         height: 80% !important;
     }

 }


 /* =========== GERAIS ========== */

 @import url('https://fonts.cdnfonts.com/css/open-sauce-one');

 .titulo {}

 .titulo h5 {
     color: #000000;
     font-size: 13px;
     text-transform: uppercase;
     font-family: 'Open Sauce One', sans-serif;
     text-align: left;
     margin: 0 0 20px;
     padding-left: 7px;
     font-weight: 600;
     line-height: 1.15385em;
 }

 .titulo .risco {
     background-color: #cacaca;
     width: 100%;
     height: 1px;
     margin-bottom: 20px;
 }

 .titulo h2 {
     font-size: 40px;
     line-height: 1.2em;
     font-weight: 600;
     font-family: 'Open Sauce One', sans-serif;
     word-wrap: break-word;
     margin-bottom: 20px;
     color: #000000;
 }

 .titulo p,
 .titulo ol {
     font-family: 'Open Sauce One', sans-serif;
     color: #7A7A7A;
     font-weight: 600;
     font-size: 16px;
     line-height: 25px;
     margin-bottom: 20px;
 }

 .titulo ol li {
     margin-left: 20px;
 }

 @media(max-width: 1024px) {
     .titulo h2 {
         font-size: 35px;
         line-height: 43px;
     }
 }

 @media(max-width: 425px) {
     .titulo h2:not(.pp) {
         font-size: 20px !important;
         line-height: 25px;
     }
 }

 /* =========== GARANTIAS HOME ========== */
 #garantia {}

 #garantia .area-conteudo {
     width: 100%;
     display: flex;
     flex-direction: row;

     & .area-textos {
         width: 50%;
     }

     & .area-video {
         width: 50%;
         display: flex;
         justify-content: center;
     }

     & .area-video iframe {
         width: 650px;
         height: 400px;
     }
 }

 @media(max-width: 1440px) {
     #garantia .titulo .area-textos h2 {
         font-size: 30px;
     }

     #garantia .area-conteudo {

         & .area-video iframe {
             width: 550px;
             height: 350px;
         }
     }
 }

 @media(max-width: 1024px) {
     #garantia .area-conteudo {
         flex-direction: column;


         & .area-textos {
             width: 100%;
         }

         & .area-video {
             width: 100%;
             margin-top: 50px;
             margin-bottom: 70px;
         }
     }
 }

 @media(max-width: 425px) {
     #garantia .area-conteudo {
         & .area-video iframe {
             width: 95%;
             height: 250px;
         }
     }
 }

 @media(max-width: 375px) {
     #garantia .area-conteudo {
         & .area-video iframe {
             height: 200px;
         }
     }
 }

 @media(max-width: 320px) {
     #garantia .area-conteudo {
         & .area-video iframe {
             height: 190px;
         }
     }
 }

 /* =========== FAZEMOS HOME ========== */
 #fazemos {
     padding-top: 100px;
 }

 #fazemos .conteudo {
     width: 100%;
     display: flex;
     justify-content: center;
 }

 #fazemos img {
     width: 1024px;
 }

 @media (max-width: 1024px) {
     #fazemos img {
         width: 100%;
     }

     #fazemos {
         padding-top: 20px;
     }
 }

 @media (max-width: 320px) {
     #fazemos {
         padding-top: 0;
     }
 }

 /* =========== MÉTODOS HOME ========== */
 #metodos .conteudo .card-container1 {
     /* max-width: 1140px; */
     display: flex;
     margin-right: auto;
     margin-left: auto;
     margin-top: 5px;
     flex-wrap: wrap;
     justify-content: center;
     gap: 15px;
 }

 #metodos .conteudo .card-container1 .card {
     width: 17%;
     /* width: 33%; */
     height: 300px;
     background-position: 90% center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
     margin: 5px 5px 0px 0px;
     padding: 30px 70px;
     z-index: 0;
     border-radius: 30px;
     box-shadow: 0px 0px 5px -1px rgb(0 0 0 / 50%);
 }

 #metodos .conteudo .card-container1 .card::after {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     right: 0;
     background-color: #7A7A7A;
     opacity: 10%;
     border-radius: 30px;
     z-index: 1;
 }

 #metodos .conteudo .card .texto {
     margin-bottom: 20px;
     z-index: 2;
     position: relative;
 }

 #metodos .conteudo .card a.botao {
     text-decoration: none;
     background-color: transparent;
     border-radius: 8px;
     border: 1px solid #000000;
     transition: background-color 0.5s ease;
     z-index: 2;
     position: absolute;
     bottom: 30px;
 }

 #metodos .conteudo .card a.botao:hover {
     background-color: #000000;
     color: #ffffff;
 }

 #metodos .conteudo .card h1 {
     font-size: 30px;
     font-weight: 600;
     word-wrap: break-word;
     font-family: 'Open Sauce One', sans-serif;
     line-height: 33px;
     z-index: 2;
     position: relative;
 }

 #metodos .conteudo .card p {
     font-size: 16px;
     font-weight: 600;
     line-height: 25px;
     margin-top: 14px;
     color: rgb(100, 100, 100);
 }

 #metodos .conteudo .card a {
     font-size: 16px;
     color: #000000;
     padding: 15px 30px;
     font-weight: 600;
     margin-top: 10px;
 }

 /* card1 */
 /* #metodos .conteudo .card.card1 {
     background-image: url(../img/citomorfologia.jpg);
     background-position: 63% center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
     margin: 0px 5px 0px 0px;
     padding: 70px 70px 30px 70px;
     border-radius: 30px;

 } */

 /* card2 */
 /* #metodos .conteudo .card.card2 {
     background-image: url(../img/imunofenotipagem.jpg);
     background-position: 50% center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
     margin: 0px 5px 0px 0px;
     padding: 100px 70px 0px 70px;
     border-radius: 30px;
 } */

 /* card3 */
 /* #metodos .conteudo .card.card3 {
     background-image: url(../img/citogenetica.jpg);
     background-position: 50% center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
     margin: 0px 5px 0px 0px;
     padding: 100px 70px 0px 70px;
     border-radius: 30px;
 } */

 /* #metodos .conteudo .card-container2 .card {
     width: 50%;
     height: 210px;
     padding: 50px 70px;
     border-radius: 30px;
     margin: 0px 5px 0px 0px;
 } */

 /* card 1 */
 /* #metodos .conteudo .card-container2 .card.card1 {
     background-image: url(../img/analise.jpg);
     background-position: 50% center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
 } */

 /* card2 */
 /* #metodos .conteudo .card-container2 .card.card2 {
     background-image: url(../img/fish.jpg);
     background-position: 50% center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
 } */

 @media (min-width: 1330px) and (max-width: 1850px) {
     #metodos .conteudo .card-container1 .card {
         width: 25%;
     }
 }

 @media(max-width: 1024px) {

     #metodos .conteudo .card-container1 .card,
     #metodos .conteudo .card-container2 .card {
         width: 95%;
         height: 300px;
         padding: 0;
         padding-top: 70px;
         margin: auto;
     }

     #metodos .conteudo .card h1 {
         padding-left: 30px;
         /* padding-left: 70px; */
     }

     #metodos .conteudo .card .texto {
         width: 380px;
         margin-bottom: 40px;
         padding-left: 30px;
         /* padding-left: 70px; */
     }

     #metodos .conteudo .card a.botao {
         margin-left: 70px;
     }

     #metodos .conteudo :where(.card-container1, .card-container2) {
         justify-content: center;
         flex-direction: column;
         gap: 15px;
         margin-bottom: 15px;
     }

 }

 @media(max-width: 425px) {
     #metodos .conteudo .card .texto {
         padding-right: 30px;
         width: auto;
     }

     #metodos .conteudo .card h1 {
         font-size: 27px;
     }

     #metodos .conteudo .card-container1 .card {
         padding: 10px 0;
     }
 }

 @media(max-width: 320px) {
     #metodos .conteudo .card p {
         margin-top: 0;
     }

     #metodos .conteudo .card h1 {
         padding-left: 20px;
     }

     #metodos .conteudo .card .texto {
         margin-bottom: 20px;
     }
 }

 /* =========== EQUIPE HOME ========== */
 #equipe {
     padding-top: 100px;
 }

 #equipe .lista-equipe {
     display: flex;
     justify-content: center;
     gap: 10px;
     flex-wrap: wrap;
     position: relative;
 }

 #equipe .lista-equipe .card {
     width: 330px;
     margin: 5px;
     overflow: hidden;
 }

 #equipe .lista-equipe .card .linkedin {
     /* display: none; */
     display: flex;
     position: absolute;
     top: 0;
     opacity: 0;
     right: -56px;
     background-image: linear-gradient(#ffffff, #000000);
     width: 55px;
     height: 60px;
     justify-content: center;
     align-items: center;
     color: #ffffff;
     border-radius: 0 0 0 10px;
     transition: all 0.5s ease;
 }

 #equipe .lista-equipe .card:hover .linkedin {
     opacity: 1;
     display: flex;
     right: 0;
 }

 #equipe .lista-equipe .card img {
     width: 100%;
     height: 100%;
     transition: filter 0.5s ease;
 }

 #equipe .lista-equipe .card .card-img {
     height: 378px;
     position: relative;
 }

 #equipe .lista-equipe .card:hover img {
     filter: brightness(0.8);
 }

 #equipe .lista-equipe svg {
     position: absolute;
     top: -100px;
     transition: background-color 0.5s ease;
 }

 #equipe .lista-equipe svg g line {
     stroke: #000000;
     transition: stroke 0.5s ease;
 }

 #equipe .lista-equipe svg#right {
     right: 5px;
     padding: 20px 25px;
     border: 1px solid #000000;
     cursor: pointer;
     border-radius: 10px;
 }

 #equipe .lista-equipe svg#left {
     right: 85px;
     padding: 20px 25px;
     border: 1px solid #000000;
     cursor: pointer;
     border-radius: 10px;
 }

 #equipe .lista-equipe svg:hover {
     background-color: #000000;
 }

 #equipe .lista-equipe svg:hover g line {
     stroke: #ffffff;
 }

 #equipe .lista-equipe h1 {
     font-weight: 600;
     color: #000000;
     font-size: 23px;
     line-height: 28px;
 }

 #equipe .lista-equipe h3 {
     font-weight: 600;
     color: #0e202a;
     text-transform: uppercase;
     font-size: 15px;
 }

 #equipe .risco2 {
     background-color: #cacaca;
     width: 100%;
     height: 1px;
     margin-top: 80px;
 }

 @media(max-width:1024px) {

     #equipe {
         padding-top: 20px;
     }

     #equipe .lista-equipe .card .card-img {
         height: auto;
         /* height: 500px; */
     }
 }

 @media(max-width:768px) {
     #equipe .lista-equipe {
         padding-top: 30px;
     }

     #equipe .lista-equipe svg {
         top: -40px;
     }

     /* #equipe .lista-equipe .card .card-img {
         height: 400px;
     } */
 }

 @media(max-width:320px) {
     #equipe {
         padding-top: 0;
     }
 }

 /* =========== PARCEIROS HOME ========== */
 #parceiros {}

 #parceiros .lista-parceiros {
     display: flex;
     justify-content: space-around;
 }

 #parceiros .lista-parceiros img {
     opacity: 0.5;
     transition: opacity 0.5s ease;
 }

 #parceiros .lista-parceiros img:hover {
     opacity: 1;
 }

 @media(max-width:768px) {
     #parceiros .lista-parceiros {
         flex-wrap: wrap;
     }
 }

 @media(max-width:375px) {
     #parceiros .lista-parceiros {
         flex-direction: column;
         align-items: center;
         gap: 10px;
     }
 }

 /* =============== PUBLICAÇÕES HOME =============== */
 #publicacoes {}

 #publicacoes .lista-publicacoes {
     display: flex;
     justify-content: center;
     gap: 60px;
 }

 #publicacoes .lista-publicacoes .card {
     display: flex;
     flex-direction: column;
     width: 500px;
     background-color: #f5f5f575;
     box-shadow: 0px 0px 5px -1px rgb(0 0 0 / 50%);
     position: relative;
     height: 600px;
 }

 #publicacoes .lista-publicacoes .card .risco-card {
     background-color: #cacaca;
     width: 100%;
     height: 1px;
     margin-top: 5px;
     margin-bottom: 10px;
 }

 #publicacoes .lista-publicacoes .card h5 {
     font-size: 12px;
     line-height: 1em;
     font-weight: 600;
     color: #20313a;
     padding-left: 20px;
 }

 #publicacoes .lista-publicacoes .card h4 {
     color: #ffffff;
     text-transform: uppercase;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 8px;
 }

 #publicacoes .lista-publicacoes .card .btn{
    position: absolute;
    bottom: 0;
    right: 0;
 }
 
 #publicacoes .lista-publicacoes .card span:not(.leia, .acard) {
     font-size: 11px;
     line-height: 1em;
     font-weight: 400;
     text-transform: uppercase;
     border-radius: 5em;
     width: 150px;
     background: #000000 !important;
     margin-left: 20px;
 }

 #publicacoes .lista-publicacoes .card p {
     font-size: 25px;
     line-height: 1.2em;
     font-weight: 600;
     font-family: 'Open Sauce One', sans-serif;
     word-wrap: break-word;
     margin-top: 20px;
     color: #000000;
     padding-left: 20px;
 }

 #publicacoes .lista-publicacoes .card img {
     width: 100%;
     height: 350px;
     object-fit: cover;
     margin-bottom: 20px;
 }

 #publicacoes .lista-publicacoes .card .botao {
     width: 100%;
 }

 #publicacoes .lista-publicacoes .card span.leia {
     color: #0e202a;
     font-size: 14px;
     font-weight: 600;
     text-transform: uppercase;
     cursor: pointer;
     float: right;
     margin-right: 5px;
     padding-top: 22px;
     padding-bottom: 10px;
 }

 #publicacoes .lista-publicacoes .card i {
     float: right;
     margin-top: 2px;
     padding-top: 20px;
     padding-right: 20px;
     color: #0e202a;
 }

 @media (min-width: 1330px) and (max-width: 1850px) {
     #publicacoes .lista-publicacoes{
         gap: 20px;
        }

        #equipe .lista-equipe .card .card-img{
            height: 278px;
        }
 }

 @media(max-width:1440px) {
     #publicacoes .lista-publicacoes .card {
         width: 430px;
         min-height: 630px;
     }
 }

 @media (min-width: 1025px) and (max-width: 1329px) {
     #publicacoes .lista-publicacoes {
         justify-content: center;
         flex-wrap: wrap;
         row-gap: 10px;
     }

     #publicacoes .lista-publicacoes .card {
        width: 410px;
    }
 }

 @media(max-width:1024px) {
     #publicacoes .lista-publicacoes {
         justify-content: center;
         flex-wrap: wrap;
         row-gap: 10px;
     }

     #publicacoes .lista-publicacoes .card {
         margin-bottom: 80px;
     }
 }

 @media(max-width:425px) {
     #publicacoes .lista-publicacoes .card {
         width: 95%;
         margin: auto;
         margin-bottom: 20px;
     }
 }

 /* =============== CADASTRESE HOME =============== */

 #cadastrese {
     background-color: #000000;
 }

 #cadastrese .cadastro {
     width: 100%;
     display: flex;
     flex-direction: row;
 }

 #cadastrese .area-um {
     width: 55%;

     & h1 {
         font-size: 33px;
         font-weight: 600;
         letter-spacing: 0;
         line-height: 1em;
         color: #ffffff;
         margin-top: 11px;
     }

     & input {
         height: 66px;
         width: 350px;
         color: #9b9b9b;
         border: 1px solid #6c6c6c;
         background-color: transparent;
         padding-left: 30px;
         border-radius: 10px;
         margin-top: 50px;
     }

     & button {
         height: 57px;
         color: #9b9b9b;
         border: 1px solid #6c6c6c;
         background-color: transparent;
         border-radius: 10px;
         margin-top: 30px;
         width: 200px;
         justify-content: center;
         align-items: center;
         transition: all 0.5 ease;
         cursor: pointer;
     }

     & button:hover {
         color: #000000;
         background-color: #ffffff;
     }

     & .redes {
         display: flex;
         justify-content: left;
         gap: 15px;
         margin-top: 30px;
     }

     & .redes i {
         color: #9b9b9b;
     }

     & .redes i:hover {
         color: #ffffff;
     }
 }

 #cadastrese .area-dois {
     width: 22.5%;

     & h2 {
         font-size: 15px;
         font-weight: 600;
         text-transform: uppercase;
         color: #fff;
         margin-bottom: 40px;
     }

     & li {
         margin-bottom: 10px;
     }

     & a {
         font-size: 15px;
         font-weight: 600;
         letter-spacing: 0;
         line-height: 1em;
         color: #acacac;
     }

     & a:hover {
         color: #ffffff;
     }

 }

 #cadastrese .area-tres {
     width: 22.5%;

     & .unidade {
         margin-bottom: 15px;
     }

     & h3 {
         font-size: 14px;
         font-weight: 600;
         text-transform: uppercase;
         color: #ffffff;
         margin-bottom: 40px;
     }

     & h5 {
         font-size: 14px;
         font-weight: 600;
         letter-spacing: 0;
         line-height: 0;
         text-transform: uppercase;
         color: #fff;
         margin-bottom: 20px;

         & a {
             color: #ffffff;
         }
     }


     & p {
         font-size: 14px;
         /* font-weight: 600; */
         letter-spacing: 0;
         line-height: 180%;
         color: #fff;
         margin-bottom: 20px;
     }

     & h1.tel {
         font-size: 14px;
         text-transform: uppercase;
         font-weight: 600;
         color: #fff;
         margin-bottom: 10px;
         line-height: 180%;
     }
 }

 @media (max-width: 1024px) {
     #cadastrese .cadastro {
         flex-wrap: wrap;
     }

     #cadastrese .area-um {
         width: 100%;
     }

     #cadastrese .area-dois,
     #cadastrese .area-tres {
         width: 50%;
     }
 }

 @media (max-width: 425px) {

     #cadastrese .area-um,
     #cadastrese .area-dois {
         width: 100%;
     }

     #cadastrese .area-dois {
         & h1 {
             margin-bottom: 5px;
             margin-top: 20px;
         }

         & h2 {
             margin-bottom: 5px;
             margin-top: 10px;
         }

         & ul {
             margin-bottom: 10px;
         }

         & li {
             margin-bottom: 5px;
         }
     }

     #cadastrese .area-tres {
         width: 100%;
         margin-top: 20px;

         & h3 {
             margin-bottom: 15px;
             margin-top: 10px;
         }

         & h1 {
             margin-bottom: 5px;
             margin-top: 20px;
         }

         & h5 {
             margin-bottom: -10px;
         }

         & p {
             line-height: 20px;
         }
     }


 }

 @media (max-width: 375px) {

     #cadastrese .area-um {
         & input {
             width: 90%;
         }
     }

     #cadastrese .area-dois, #cadastrese .area-tres {
         width: 100%;
     }

     #cadastrese .area-dois {
         margin-bottom: 25px;
     }
 }

 @media (max-width: 425px) {
     #cadastrese .area-um {
         & h1 {
             font-size: 20px;
         }
     }

     #cadastrese .area-um {
         & input {
             width: 90%;
         }

     }
 }


 /* =============== PAGINAÇÃO =============== */

 .paginacao {
     display: flex;
     justify-content: center;
     gap: 5px;
     margin: 30px;
 }

 .paginacao li {
     background-color: var(--vermelho);
     border: none;
     color: var(--branco);
     text-align: center;
     text-decoration: none;
     display: inline-block;
     font-size: 20px;
     border-radius: 3px;
 }

 .paginacao li:hover {
     background-color: var(--cinza);
 }

 .paginacao li.active {
     background-color: var(--cinza);
 }

 .paginacao a {
     color: var(--branco);
     display: flex;
     width: 40px;
     height: 45px;
     align-items: center;
     justify-content: center;
     font-family: var(--textos);
 }


 /* COPIRYGHT */

 .copyright {
     /* margin-top: -200px; */
     background: #000000;
     color: var(--branco);
     font-size: 14px;
     /* height: 150px; */
 }

 .copyright .center {
     display: flex;
     justify-content: space-around;
     align-items: center;
     /* max-width: 1160px; */
 }

 .copyright .center span {
     white-space: nowrap;
 }

 @media (max-width: 768px) {
     .copyright .center {
         flex-direction: column;
         gap: 10px;
         text-align: center;
         justify-content: center;
     }

     .extras .fundo {
         width: 100%;
     }
 }

 /*Redes sociais lateral*/


 footer .center {
     height: 80px;
 }

 .redes-sociais {
     height: 80px;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 300px;
     position: absolute;
     left: 50%;
     transform: translate(-50%);
 }

 .redes-sociais a {
     text-decoration: none;
 }

 .redes-sociais-right {
     height: auto;
     position: fixed;
     top: 50%;
     right: 10px;
     transform: translate(0, -50%);
     z-index: 999;
     display: flex;
     flex-direction: column;
     transition: 1s;
 }

 .redes-sociais-right a {
     text-decoration: none;
     margin: 5px 0px;
     height: 50px;
     display: flex;
     align-items: center;
 }

 .bolinha-social {
     background: #efefef;
     width: 42px;
     height: 42px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
     text-decoration: none;
     font-size: 1.250em;
     color: #989898;
     margin: 0 5px;
     transition: 0.5s;
 }

 .redes-sociais-rodape .bolinha-social:hover i.fa-whatsapp {
     color: #25D366;
 }

 .redes-sociais-rodape .bolinha-social:hover i.fa-youtube {
     color: #FF0000;
 }

 .redes-sociais-rodape .bolinha-social:hover i.fa-instagram {
     color: #C13584;
 }

 .redes-sociais-rodape .bolinha-social:hover i.fa-facebook-f {
     color: #3b5998;
 }

 .redes-sociais-rodape .bolinha-social:hover i.fa-linkedin {
     color: #2867B2;
 }

 .redes-sociais-rodape .bolinha-social:hover i.fa-twitter {
     color: #1DA1F2;
 }


 .redes-sociais-right .fa-facebook-f {
     color: var(--branco);
 }

 .redes-sociais-right .fa-twitter {
     color: var(--branco);
 }

 .redes-sociais-right .fa-linkedin {
     color: var(--branco);
     font-size: 1.1em;
 }

 .redes-sociais-right .fa-instagram {
     color: var(--branco);
     font-size: 1.1875em;
 }

 .redes-sociais-right .fa-whatsapp {
     color: var(--branco);
     font-size: 1.2em;
 }

 .redes-sociais-right .fa-youtube {
     color: var(--branco);
     font-size: 1.1em;
 }

 .bolinha-facebook {
     background: #3b5998 !important;
 }

 .bolinha-linkedin {
     background: #2867B2 !important;
 }

 .bolinha-instagram {
     background: #C13584 !important;
 }

 .bolinha-twitter {
     background: #1DA1F2 !important;
 }

 .bolinha-whatsapp {
     background: #25D366 !important;
 }

 .bolinha-youtube {
     background: #FF0000 !important;
 }

 .bolinha-tour {
     background: #354b9c;
     box-shadow: 2px 0px 6px 6px rgb(255 255 255 / 75%);
     -webkit-box-shadow: 0px 0px 6px 4px rgb(255 255 255 / 75%);
     -moz-box-shadow: 0px 0px 6px 6px rgba(255, 255, 255, 0.75);
 }

 .bolinha-tour img {
     width: 58px;
     margin-top: 4px;
 }

 .bolinha-tour:hover {
     background: #354b9c;
 }

 .redes-sociais-right .bolinha-social:hover {
     transform: scale(1.2);
 }

 @media (max-width: 768px) {
     .redes-sociais-right {
         top: -100%;
     }

     .mostrar-redes-sociais {
         top: 200px;
         transform: none;
     }
 }

 .redes-sociais-right2 {
     display: none;
 }

 @media (max-width: 1024px) {
     .redes-sociais-right .ocultarMobile {
         display: none;
     }

     .redes-sociais-right2 {
         height: auto;
         position: fixed;
         bottom: 60px;
         right: 10px;
         z-index: 999;
         display: flex;
         flex-direction: column;
         transition: 1s;
         transform: scale(1.2);
     }

     .redes-sociais-right2 a i {
         color: var(--branco);
     }

 }


 /* fixos */

 #fixos {
     width: 100%;
 }

 #fixos .resultado {
     position: fixed;
     bottom: 0;
     background-color: #000000;
     width: 200px;
     height: 60px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 10px;
     box-shadow: 15px 15px 20px -20px rgba(0, 0, 0, 0.5);
     margin-bottom: 15px;
     margin-left: 15px;
     border: 2px solid #ffffff;
 }

 #fixos .resultado i {
     position: fixed;
     color: #ffffff;
     bottom: 56px;
     font-size: 16px;
     left: 196px;
     background-color: #000000;
     width: 22px;
     height: 22px;
     border-radius: 20px;
     display: flex;
     justify-content: center;
     align-items: center;
     border: 2px solid #ffffff;
     cursor: pointer;
 }

 #fixos .resultado h4 {
     font-size: 18px;
     color: #ffffff;
 }

 #fixos .resultado p {
     font-size: 11px;
     color: #ffffff;
 }

 #fixos .linked {
     position: fixed;
     bottom: 0;
     right: 0;
     margin-bottom: 15px;
     margin-right: 15px;
     font-size: 25px;
     background-color: #000000;
     width: 50px;
     height: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 30px;
     border: 2px solid #ffffff;
 }

 #fixos .linked a {
     color: #ffffff;
 }

 @media(max-width:425px) {
     #fixos .resultado {
         margin-bottom: 5px;
         margin-left: 5px;
     }

     #fixos .resultado i {
         left: 186px;
         bottom: 46px;
     }

     #fixos .linked {
         margin-bottom: 5px;
         margin-right: 5px;
         ;
     }
 }

 .texto_branco{
    color: #FFFFFF;
 }