@charset "UTF-8";

:root {
  --max-width-lg: 1596px;
  --max-width-md: 1360px;
  --max-width-sm: 1120px;
  --color-1: #0B0B0B;/* #131313 */
  --color-2: #1a1a1a;/* #202020 */ /* 26, 26, 26 */
  --color-3: #2a2a2a;
  --color-4: #fb6a01; /* 251, 106, 1 */
  --color-5: #fc852f;
  --color-6: #d45900;
  --color-7: #fcfcfc;
  --color-8: #cccccc;
  --color-9: #fff5e6;
  --color-10: #818181;
  --color-11: #505050;
  --color-12: #303030;
  --color-13: #9F9F9F;
}
* { padding: 0; margin: 0; box-sizing: border-box; outline: none !important; appearance: none; -webkit-appearance: none; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-family: "Poppins", sans-serif; }
html { height: 100%; margin: 0; padding: 0; font-family: "Poppins", sans-serif; font-size: 16px; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body{ margin: 0px; padding: 0px; z-index: 0; }
section { width: 100%; display: block; position: relative; color: #000000; }
p { display: block; line-height: 150%; }
h1, h2, h3, p, span { margin: 0px; }
h1, h2, h3, h4, h5, h6 { font-family: "Poppins"; font-weight: 700; }
textarea, input, select { font-family: "Poppins", sans-serif; }

body.wp-admin { background: #f0f0f1; color: #3c434a; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; line-height: 1.4em; min-width: 600px; }

/* CSS */
.container-1596 { max-width: var(--max-width-lg); margin-inline: auto; width: 100%; }
.container-1360 { max-width: var(--max-width-md); margin-inline: auto; width: 100%; }
.container-1120 { max-width: var(--max-width-sm); margin-inline: auto; width: 100%; }

.footer-box { width: 100%; height: auto; background: linear-gradient(0deg, #1a1a1a 0%, #fb6a01 50%, #1a1a1a 100%); padding: 2px; background-blend-mode: overlay; border-radius: 81px; display: inline-block; }
.footer-box > div { width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; background: var(--color-2); border-radius: 81px; padding: 80px; }

.footer-box ul { list-style: none; padding-left: 0; }
.footer-box ul li { margin-bottom: 15px; }
.footer-bottom { display: flex; justify-content: space-between; align-items: center; margin: 30px auto 35px auto; font-size: 14px; }
.social-icons { display: flex; gap: 15px; flex-wrap: wrap; }

.social-icons svg path { transition: fill 0.3s ease; fill: #ffffff; }
.social-icons svg:hover path { fill: var(--color-4); }

/* Fonts */
.fm-s0 { font-family: "Poppins"; font-weight: 300; font-style: normal; }
.fm-s1 { font-family: "Poppins"; font-weight: 400; font-style: normal; }
.fm-s2 { font-family: "Poppins"; font-weight: 700; font-style: normal; }

/* Font Size */
.fs-s1 { font-size: 12px; }
.fs-s2 { font-size: 14px; }
.fs-s3 { font-size: 15px; }
.fs-s4 { font-size: 16px; }
.fs-s5 { font-size: 17px; }
.fs-s6 { font-size: 18px; }
.fs-s7 { font-size: 20px; }
.fs-s8 { font-size: 22px; }
.fs-s9 { font-size: 25px; }
.fs-s10 { font-size: 29px; }
.fs-s11 { font-size: 30px; }
.fs-s12 { font-size: 33px; }
.fs-s13 { font-size: 34px; }
.fs-s14 { font-size: 40px; }
.fs-s15 { font-size: 50px; }
.fs-s16 { font-size: 60px; }
.fs-s17 { font-size: 85px; }
.fs-40 { font-size: 40px; }

.mw-260 { max-width: 260px; }
.mw-290 { max-width: 290px; }
.mw-350 { max-width: 350px; }
.mw-430 { max-width: 430px; }
.mw-500 { max-width: 500px; }
.mw-525 { max-width: 525px; }
.mw-540 { max-width: 540px; }
.mw-560 { max-width: 560px; }
.mw-580 { max-width: 580px; }
.mw-600 { max-width: 600px; }
.mw-650 { max-width: 650px; }
.mw-700 { max-width: 700px; }
.mw-750 { max-width: 750px; }
.mw-800 { max-width: 800px; }
.mw-820 { max-width: 820px; }
.mw-830 { max-width: 830px; }
.mw-850 { max-width: 850px; margin: 0px auto; }
.mw-900 { max-width: 900px; }
.mw-930 { max-width: 930px; }
.mw-990 { max-width: 990px; }
.mw-1000 { max-width: 1000px; }
.mw-1020 { max-width: 1020px; }
.mw-1070 { max-width: 1070px; }
.mw-1090 { max-width: 1090px; }
.mw-1100 { max-width: 1100px; }
.mw-1120 { max-width: 1120px; }

.w-100 { width: 100%; }
.h-100 { height: 100%; }
.h-auto { height: auto; }
.min-h-190 { min-height: 190px; }
.min-h-240 { min-height: 240px; }
.min-h-500 { min-height: 500px; }
.min-h-520 { min-height: 520px; }
.min-h-800 { min-height: 800px; }
.content-mandala { min-height: 1247px; }

.img-bg-content { position: absolute; top: 0px; object-fit: cover; }
.icon-scale{ transition: all 0.3s; }
.icon-scale:hover, .icon-scale:active { transform: scale( 1.1 ); }

.first-container { margin-top: 180px; }
.first-container-tsuru { margin-top: 130px; margin-bottom: 40px; }

.mt-0 { margin-top: 0px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-35 { margin-top: 35px; }
.mt-40 { margin-top: 40px; }
.mt-45 { margin-top: 45px; }
.mt-50 { margin-top: 50px; }
.mt-55 { margin-top: 55px; }
.mt-60 { margin-top: 60px; }
.mt-70 { margin-top: 70px; }
.mt-75 { margin-top: 75px; }
.mt-80 { margin-top: 80px; }
.mt-90 { margin-top: 90px; }
.mt-100 { margin-top: 100px; }
.mt-120 { margin-top: 120px; }
.mt-130 { margin-top: 130px; }
.mt-140 { margin-top: 140px; }
.mt-150 { margin-top: 150px; }
.mt-160 { margin-top: 160px; }
.mt-190 { margin-top: 190px; }
.mt-200 { margin-top: 200px; }
.mt-250 { margin-top: 250px; }
.mt-300 { margin-top: 300px; }
.mb-0 { margin-bottom: 0px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-35 { margin-bottom: 35px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }
.mb-70 { margin-bottom: 70px; }
.mb-75 { margin-bottom: 75px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }
.mb-100 { margin-bottom: 100px; }
.mb-110 { margin-bottom: 110px; }
.mb-120 { margin-bottom: 120px; }
.mb-130 { margin-bottom: 130px; }
.mb-140 { margin-bottom: 140px; }
.mb-150 { margin-bottom: 150px; }
.mb-160 { margin-bottom: 160px; }
.mb-190 { margin-bottom: 190px; }
.mb-200 { margin-bottom: 200px; }
.mb-230 { margin-bottom: 230px; }
.mr-0 { margin-right: 0px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-25 { margin-right: 25px; }
.mr-30 { margin-right: 30px; }
.mr-40 { margin-right: 40px; }
.mr-50 { margin-right: 50px; }
.mr-60 { margin-right: 60px; }
.mr-70 { margin-right: 70px; }
.mr-75 { margin-right: 75px; }
.mr-80 { margin-right: 80px; }
.mr-90 { margin-right: 90px; }
.mr-100 { margin-right: 100px; }
.mr-120 { margin-right: 120px; }
.mr-130 { margin-right: 130px; }
.mr-140 { margin-right: 140px; }
.mr-160 { margin-right: 160px; }
.mr-190 { margin-right: 190px; }
.mr-200 { margin-right: 200px; }
.ml-auto { margin-left: auto; }
.ml-0 { margin-left: 0px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-25 { margin-left: 25px; }
.ml-30 { margin-left: 30px; }
.ml-40 { margin-left: 40px; }
.ml-50 { margin-left: 50px; }
.ml-60 { margin-left: 60px; }
.ml-70 { margin-left: 70px; }
.ml-75 { margin-left: 75px; }
.ml-80 { margin-left: 80px; }
.ml-90 { margin-left: 90px; }
.ml-100 { margin-left: 100px; }
.ml-120 { margin-left: 120px; }
.ml-130 { margin-left: 130px; }
.ml-140 { margin-left: 140px; }
.ml-160 { margin-left: 160px; }
.ml-190 { margin-left: 190px; }
.ml-200 { margin-left: 200px; }

.mr--12 { margin-right: 12%; }

.mx-auto { margin-right: auto; margin-left: auto; }

.p-15 { padding: 15px; }
.p-30 { padding: 30px; }
.p-50 { padding: 50px; }
.pb-70 { padding-bottom: 70px; }
.pb-150 { padding-bottom: 150px; }
.py-30 { padding-top: 30px; padding-bottom: 30px; }
.px-30 { padding-right: 30px; padding-left: 30px; }

.gap-10 { gap: 10px }
.gap-20 { gap: 20px }
.gap-25 { gap: 25px }
.gap-30 { gap: 30px }
.gap-40 { gap: 40px }
.gap-50 { gap: 50px }
.gap-60 { gap: 60px }
.gap-70 { gap: 70px }
.gap-80 { gap: 80px }
.gap-100 { gap: 100px }
.gap-y-20 { gap: 20px 0px }

.top-0 { top: 0px; }

.radius-50 { border-radius: 50px; }

:root {
  --gradient: linear-gradient(20deg, #097e97 0%, #d2d4ce 100%);
  --gradient2: linear-gradient(20deg, #c9440e 0%, #f6ac01 100%);
  --gradient-reverse: linear-gradient(20deg, #d2d4ce 0%, #097e97 100%);
}
.teste {
  border: 1px solid var(--color-4);
}
.color-s1 { color: #ffffff; }
.color-s2 { color: #000000; }
.color-s3 { color: #fb6a01; }
.color-s4 { color: #505050; }
.color-s5 { color: var(--color-10); }
.color-s6 { color: var(--color-12); }
.color-s7 { color: var(--color-13); }
.bg1 { background: var(--color-1); }
.bg2 { background: var(--color-2); }
.bg3 { background: var(--color-4); }
.bg4 { background: #ffffff; }
.fmedium { font-weight: 400; }
.t-center { text-align: center; }
.btn-s1 { width: 100%; max-width: 427px; height: 95px; background: #fb6a01; color: #ffffff; font-size: 18px; border: none; border-radius: 47px; overflow: hidden; display: flex; align-items: center; justify-content: space-between; border: none; transition: background 0.5s ease, box-shadow 0.5s ease; position: relative; text-decoration: none; z-index: 1; }
.btn-s1 .btn-icon, .btn-s2 .btn-icon, .btn-s8 .btn-icon, .btn-s9 .btn-icon { min-width: 86px; height: 86px; display: flex; align-items: center; justify-content: center; border-radius: 50%; right: 6px; background-color: #ffffff; transition: all 0.5s ease; position: relative; z-index: 2; }
.btn-s4 .btn-icon, .btn-s5 .btn-icon  { min-width: 68px; height: 68px; display: flex; align-items: center; justify-content: center; border-radius: 50%; right: 6px; background-color: #ffffff; transition: all 0.5s ease; position: relative; z-index: 2; }
.btn-s1 .btn-text, .btn-s2 .btn-text, .btn-s5 .btn-text, .btn-s6 .btn-text, .btn-s7 .btn-text, .btn-s8 .btn-text, .btn-s9 .btn-text { width: 100%; text-align: center; margin-right: 10px; }  
.btn-s4 .btn-text { width: 100%; text-align: center; margin-right: 10px; }  
/* .btn-s1:hover { box-shadow: 0 0 20px rgba(255, 193, 123, 0.6); } */
.btn-s1:hover { background: #ff5800; }
.btn-s1:hover .btn-icon img, .btn-s2:hover .btn-icon img, .btn-s4:hover .btn-icon img, .btn-s5:hover .btn-icon img, .btn-s8:hover .btn-icon img, .btn-s9:hover .btn-icon img { transform: rotate(45deg); }
.btn-text span { margin-left: 30px; }
.btn-icon img { width: auto; transform: rotate(0deg); transition: transform 0.5s ease; }
.btn-s2 { width: 100%; max-width: 539px; height: 95px; background: #fb6a01; color: #ffffff; font-size: 18px; border: none; border-radius: 47px; overflow: hidden; display: flex; align-items: center; justify-content: space-between; border: none; transition: background 0.5s ease, box-shadow 0.5s ease; position: relative; text-decoration: none; z-index: 1; }
.btn-s2:hover { background: #ff5800; }
.btn-s3 { width: 100%; max-width: 267px; height: 59px; background: transparent; color: #ffffff; border: none; border-radius: 12px; overflow: hidden; display: flex; align-items: center; justify-content: center; border: none; gap: 10px; transition: all 0.5s ease; position: relative; text-decoration: none; z-index: 1; }
.btn-s3:after { position: absolute; content: ""; width: 0; height: 100%; top: 0; right: 0; border-radius: 12px; background-color: #097e97; background-image: linear-gradient(270deg, #097e97 17%, #d2d4ce 135%); transition: all 0.5s ease; z-index: -1; }
.btn-s3:hover { color: #fff; }
.btn-s3:hover:after { left: 0; width: 100%; }
.btn-s3:active { transform: scale( 1.005 ); }
.btn-s4 { width: 100%; max-width: 338px; height: 75px; border: none; background-color: #000000; color: #ffffff; border-radius: 37px; overflow: hidden; display: flex; align-items: center; justify-content: center; border: none; gap: 10px; transition: all 0.5s ease; position: relative; text-decoration: none; z-index: 1; }
button.btn-s4 { padding: 0px; }
.btn-s4:hover { background: var(--color-6); }
.btn-s5 { width: 100%; max-width: 338px; height: 75px; background: #fb6a01; color: #ffffff; font-size: 18px; border: none; border-radius: 47px; overflow: hidden; display: flex; align-items: center; justify-content: space-between; border: none; transition: background 0.5s ease, box-shadow 0.5s ease; position: relative; text-decoration: none; z-index: 1; }
.btn-s5:hover { background: #ff5800; }
.btn-s6 { width: 100%; max-width: 375px; height: 95px; background: #4fce5d; color: #ffffff; font-size: 18px; border: none; border-radius: 47px; overflow: hidden; display: flex; align-items: center; justify-content: space-between; border: none; transition: background 0.5s ease, box-shadow 0.5s ease; position: relative; text-decoration: none; z-index: 1; }
.btn-s6:hover { background: #2dc83f;}
.btn-s6 .btn-icon  { min-width: 86px; height: 86px; display: flex; align-items: center; justify-content: center; border-radius: 50%; right: 6px; background-color: #ffffff; transition: all 0.5s ease; position: relative; z-index: 2; }
.btn-s6:hover .btn-icon img{ transform: rotate(-5deg); }
.btn-s7 { width: 100%; max-width: 643px; height: 71px; background: #fb6a01; color: #ffffff; font-size: 24px; border: none; border-radius: 47px; overflow: hidden; display: flex; align-items: center; justify-content: space-between; border: none; transition: background 0.5s ease, box-shadow 0.5s ease; position: relative; text-decoration: none; z-index: 1; }
.btn-s7:hover { background: #ff5800;}
.btn-s8 { width: 100%; max-width: 578px; height: 95px; background: #fb6a01; color: #ffffff; font-size: 18px; border: none; border-radius: 47px; overflow: hidden; display: flex; align-items: center; justify-content: space-between; border: none; transition: background 0.5s ease, box-shadow 0.5s ease; position: relative; text-decoration: none; z-index: 1; }
.btn-s8:hover { background: #ff5800; }
.btn-s9 { width: 100%; max-width: 517px; height: 95px; background: #fb6a01; color: #ffffff; font-size: 18px; border: none; border-radius: 47px; overflow: hidden; display: flex; align-items: center; justify-content: space-between; border: none; transition: background 0.5s ease, box-shadow 0.5s ease; position: relative; text-decoration: none; z-index: 1; }
.btn-s9:hover { background: #ff5800; }

.hover-link { transition: 0.5s; }
.hover-link:hover { color: var(--color-4); transition: 0.5s; }
/* .btn-s1:hover, .btn-s2:hover, .btn-s3:hover { color: #ffffff; background: transparent; transform: scale( 1.0 ); }
.btn-s1, .btn-s2, .btn-s3, .btn-s4 { font-weight: 600; cursor: pointer; } */
.lh-100 { line-height: 100%; }
.lh-140 { line-height: 140%; }
.lh-150 { line-height: 150%; }
.lh-180 { line-height: 180%; }
#carouselClientes { width: 100%; margin: 0px auto 0px auto; z-index: 2; }
#carouselClientes .carousel-inner { width: 100%; overflow-x: hidden; overflow-y: visible; overflow-x: clip; }
#carouselClientes .carousel-control-prev { width: 50px; height: auto; margin: 0px 5px; }
#carouselClientes .carousel-control-next { width: 50px; height: auto; margin: 0px 5px; }
.carousel-item { min-height: 472px; height: auto; }
.carousel-item > .row { width: 100%; min-height: 472px; height: auto;  align-content: center; justify-content: center; padding: 0px 80px; margin: 0px auto; }
#carouselClientes .container-img-clientes { max-width: 431px; padding: 0px; }
#carouselClientes .img-clientes { width: 100%; max-width: 431px; min-height: 535px; height: auto; border-radius: 30px; position: relative; right: -15px; z-index: 1; object-fit: cover; }
.carousel-text { min-height: 472px; height: auto; display: flex; flex-direction: column; justify-content: space-around; gap: 20px; background: #ffffff; border-radius: 30px; padding: 70px 40px 40px 40px; box-sizing: border-box; position: relative; left: -15px; }
.carousel-text p { margin-left: 80px; margin-right: 80px; }
.carousel-img { margin-right: 80px; }
.icon-clientes { position: absolute; top: -65px; left: 60px; z-index: 2;}

/* Header Fixo */
#main-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 7; transition: all 0.5s ease; }
#main-header nav { padding-right: 100px; }
.header-transparent { height: 110px; background: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.header-scrolled { height: 110px; background-color: rgba(0, 0, 0, 0.95); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2); transition: all 0.3s ease; }
@supports (backdrop-filter: blur(10px)) {
  .header-scrolled { background-color: rgba(0, 0, 0, 0.8); }
}
/* .admin-bar .header-transparent { top: 32px; } */
body.admin-bar #main-header { top: 32px; }
/* main { margin-top: 106px; } */
/* body.admin-bar main { margin-top: 138px; } */

.header-transparent, .header-scrolled { will-change: transform, background, backdrop-filter; }
.navbar { width: 90%; max-width: 1200px; margin: 0 auto; padding: 35px 0px 15px 0px; display: flex; justify-content: space-between; align-items: center; }
/* Logo */
.logo img { width: 100%; max-width: 278px; height: auto; max-height: 50px; transition: transform 0.3s; }
.logo:hover img { transform: scale(1.05); }
/* Menu Desktop */

/* Animated Bottom Line */
#nav-desktop .nav-item .nav-link { position: relative; }
/* #nav-desktop .nav-item .nav-link::after { content: ''; position: absolute; width: 0; height: 1px; bottom: -1px; left: 50%; background-color: var(--color-5); transform: translateX(-50%); transition: all 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); pointer-events: none; }
#nav-desktop .nav-item .nav-link:hover::after { width: 100%; left: 0; transform: translateX(0); transition: all 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); } */
/* NAVEGAÇÃO PRINCIPAL */
.nav-links { display: flex; align-items: center; gap: 30px; list-style: none; margin: 0; padding: 0; transition: all 0.3s ease; }
.nav-links > li { position: relative; }
.nav-links .nav-link { color: #ffffff; text-decoration: none; display: flex; align-items: center; gap: 5px; transition: all 0.3s ease; position: relative; padding: 10px 0px 2px 0px; text-transform: uppercase; white-space: nowrap; }
.nav-links .nav-link:hover { color: var(--color-4); }

.menu-title { position: relative; display: inline-block; overflow: hidden; height: auto; }
.menu-title .default-title, .menu-title .hover-title { display: block; transition: transform 0.3s ease; will-change: transform; }
.menu-title .hover-title { position: absolute; top: 100%; left: 0; }
.menu-title .default-title:active { color: #ffffff; }
/* Animação no hover */
.nav-link:hover .default-title { transform: translateY(-100%); }
.nav-link:hover .hover-title { transform: translateY(-100%); }
.nav-link:active { color: #ffffff; }

#nav-desktop .menu-item-has-children { position: relative; }

/* Cria o espaço de 7px como área hover */
#nav-desktop .menu-item-has-children::after { content: ''; display: block; height: 7px; width: 100%; position: absolute; bottom: -7px; left: 0; z-index: 100; }
/* #nav-desktop .sub-menu { position: absolute; top: calc(100% + 7px); left: 0; background: var(--color-2); padding: 0px; list-style-type: none; min-width: auto; border-bottom: 1px solid var(--color-6); border-radius: 20px; box-shadow: 0 10px 20px rgba(0,0,0,0.1); opacity: 0; transform: translateY(10px); pointer-events: none; evita clique quando escondido transition: opacity 0.3s ease, transform 0.3s ease; z-index: 99; } */
.sub-menu { position: relative; list-style: none; padding-left: 20px; background: rgba(255, 255, 255, 0.05); }
.sub-menu li { min-width: 300px; display: block; margin: 0; }
#nav-desktop .menu-item-has-children:last-child li { min-width: 260px; }
/* .sub-menu a { color: #ffffff; white-space: nowrap; padding: 12px 20px 12px 40px; display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } */
.sub-menu a:hover { color: var(--color-4); }

/* Mostrar no hover */
#nav-desktop .menu-item-has-children:hover > .sub-menu, #nav-desktop .menu-item-has-children.active > .sub-menu { display: block; opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0px); }
/* #nav-desktop .sub-menu { position: absolute; top: calc(100% + 7px); left: -42px; background: var(--color-2); padding: 0; list-style: none; border-radius: 20px; box-shadow: 0 10px 20px rgba(0,0,0,0.1); transform: translateY(50px); pointer-events: none; opacity: 0; visibility: hidden; transform: translateY(45px); transition: opacity 0.3s, transform 0.3s, visibility 0.3s ease; z-index: 99; } */
#nav-desktop .sub-menu { position: absolute; top: calc(100% + 7px); left: -42px; background: var(--color-2); padding: 20px 0px 17px 0px; list-style: none; border-radius: 20px; box-shadow: 0 10px 20px rgba(0,0,0,0.1); transform: translateY(50px); pointer-events: none; opacity: 0; visibility: hidden; transform: translateY(45px); transition: opacity 0.3s, transform 0.3s, visibility 0.3s ease; z-index: 99; }
#nav-desktop .sub-menu a { display: block; color: #ffffff; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; padding: 7px 45px; transform-origin: left center; position: relative; } 
#nav-desktop .sub-menu a:hover { color: var(--color-4); }
#nav-desktop .sub-menu li a .menu-title { position: relative; display: inline-block; padding-left: 0px; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
#nav-desktop .sub-menu li a:hover .menu-title{ padding-left: 14px; }

/* Bullet */
#nav-desktop .sub-menu li a .menu-title::before { content: ""; background: var(--color-4); width: 6px; height: 6px; border-radius: 2px; position: absolute; left: -8px; top: 50%; transform: translateY(-50%); opacity: 0; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
/* Hover para aparecer */
#nav-desktop .sub-menu li:hover > a .menu-title::before,
#nav-desktop .sub-menu li:focus-within > a .menu-title::before { opacity: 1; left: 0px; }

#nav-desktop .menu-item-has-children:hover .sub-menu, .menu-item-has-children:hover::after { display: block; }
#nav-desktop .sub-menu:hover { display: block; }
#nav-desktop .sub-menu .sub-menu { position: relative; list-style-type: disc; box-shadow: none;}
/* ESTADO ATIVO */
.menu-item-has-children.active .sub-menu { display: block; }
.menu-item-has-children.active .container-svg svg { transform: rotate(90deg); }
.mobile-menu.active { right: 0; }

/* Menu Mobile */
.hamburger { display: none; cursor: pointer; flex-direction: column; gap: 0px; }
.hamburger-line { width: 25px; height: 2px; background: white; transition: all 0.3s; }
input[type="checkbox"]#tm { display: none; }
.mobile-menu-overlay { position: fixed; background: rgba(0, 0, 0, 0.5); top: 0; left: -100%; width: 100%; height: 100%; opacity: 0;transition: opacity 0.3s ease-in-out; z-index: 1000; }
#tm:checked ~ .mobile-menu-overlay { left: 0; opacity: 1; }
.mobile-menu { position: fixed; top: 0; right: -100%; width: 80%; max-width: 300px; height: 100vh; background: rgba(0, 0, 0, 0.95); padding: 20px 0; transition: right 0.3s ease; z-index: 1001; overflow-y: auto; }
#tm:checked ~ .mobile-menu { right: 0; }
.close-menu { color: #ffffff; font-size: 30px; background: none; border: none; align-self: flex-start; margin-bottom: 20px; padding: 20px 20px 20px 40px; cursor: pointer; display: block; width: 100%; text-align: left; }
.nav-links-mobile { display: flex; flex-direction: column; list-style: none; padding: 0; margin: 0; }
.nav-links-mobile a { display: flex; align-items: center; text-decoration: none; white-space: nowrap; color: white; padding: 12px 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative; transition: all 0.3s ease; }
.nav-links-mobile .nav-item { display: block; position: relative; transition: all 0.4s; }
.menu-item-has-children { position: relative; }
.nav-links-mobile .menu-item-has-children { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.nav-links-mobile .menu-item-has-children .sub-menu .nav-item:last-child .nav-link { border: none; }
.submenu-toggle { display: none; }
.submenu-label { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; }
.submenu-arrow { width: 16px; height: 16px; color: #FFFFFF; transition: transform 0.3s ease; }
.nav-links-mobile .sub-menu { list-style: none; padding-left: 60px; background: rgba(0, 0, 0, 0.95); position: absolute; opacity: 0; pointer-events: auto; transition: opacity 0.3s ease; will-change: opacity, visibility; backface-visibility: hidden; }
.nav-links-mobile a:hover { color: var(--color-4); }
.flip-horizontal { transform: scaleX(-1); }

/* Menu Mobile */
.mobile-menu { position: fixed; top: 0; right: -100%; width: 80%; max-width: 300px; height: 100vh; background: rgba(0, 0, 0, 0.95); padding: 20px 0; transition: right 0.4s cubic-bezier(0.22, 1, 0.36, 1); z-index: 1001; overflow-y: auto; transform: translateZ(0); will-change: transform; }
.mobile-menu.active { right: 0; box-shadow: -5px 0 30px rgba(0,0,0,0.3); }
.mobile-menu-overlay { position: fixed; background: rgba(0, 0, 0, 0.5); top: 0; left: -100%; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s ease-in-out, left 0s 0.3s; z-index: 1000; backdrop-filter: blur(3px); }
#tm:checked ~ .mobile-menu-overlay { left: 0; opacity: 1; transition: opacity 0.3s ease-in-out; }
.nav-links-mobile a { display: flex; align-items: center; text-decoration: none; white-space: nowrap; color: white; padding: 12px 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative; transition: all 0.3s ease; transform: translateX(0); }
.nav-links-mobile a:hover { color: var(--color-4); transform: translateX(5px); }
.submenu-arrow { transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
/* Hamburger Icon Animation */
.hamburger-line { transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); }
#tm:checked ~ .hamburger .hamburger-line:nth-child(1) { transform: translateY(6px) rotate(45deg); }
#tm:checked ~ .hamburger .hamburger-line:nth-child(2) { opacity: 0; }
#tm:checked ~ .hamburger .hamburger-line:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* COMPONENTES GERAIS */
.flex { display: flex; }
.content-s { display: flex; max-width: 1120px; flex-direction: column; margin: 0 auto; overflow: hidden; }
.content-v { display: flex; max-width: 90%; flex-direction: column; margin: 0 auto; overflow: hidden; }
.content-f { display: flex; width: 100%; flex-direction: column; overflow: hidden; }

/* SCROLLBAR */
body::-webkit-scrollbar { width: 9px; }
body::-webkit-scrollbar-track { background: #ffffff; }
body::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 20px; border: 3px solid #ffffff; }

/* ITENS COM SUBMENU */
.menu-item-has-children { position: relative; }
.submenu-label { position: absolute; right: 20px; top: 50%; transform: translateY(-50%) rotate(0deg); width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: transform 0.3s ease; z-index: 2; }
.submenu-arrow { width: 16px; height: 16px; color: #FFFFFF; transition: transform 0.3s ease; }
.submenu-toggle:checked + a + .sub-menu { display: block; }
.submenu-toggle:checked + a .submenu-label .submenu-arrow { transform: rotate(90deg); }
.menu-item-has-children > a { position: relative; }

.sub-menu a { color: var(--color-6); white-space: nowrap; padding: 5px 0; display: block; }
.sub-menu a:hover { color: var(--color-4); }

/* TOPO */
#topo { display: flex; width: 100%; min-height: auto; position: relative; }
/* #bgTopo { width: 100%; min-height: 800px; background-image: url("../assets/bgs/bg1.jpg"); background-color: #000000; background-position: center; background-size: cover; z-index: 6; } */
#bgTopo { width: 100%; min-height: 800px; background-color: var(--color-1); background-position: center; background-size: cover; z-index: 6; overflow: hidden; }
#contentHome { min-height: 670px; display: flex; position: relative; margin: 80px auto 0px auto;}
#homeText { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 40px; margin: 70px 0px 0px 0px; }
#homeTitle { max-width: 560px; min-height: 165px; padding-left: 25px; }
/* #homeTitle img { width: 100%; } */
#homeText h2 { line-height: 60px; }
#homeText p { max-width: 330px; margin: 40px 0px 45px 0px; }
#topoBtn { display: flex; gap: 42px;}
#imgTopo img { width: 100%; }

/* Metodologia */
.mandala { width: 1140px; max-width: 100%; object-fit: cover; display: block; position: relative; }
.mobile-mandala { width: 100%; height: auto; display: none; }

.container-metodologia div:nth-of-type(odd) { animation: metodologia1 1s ease-in-out infinite; animation-play-state: running; }
.container-metodologia div:nth-of-type(even) { animation: metodologia2 1s ease-in-out infinite; animation-play-state: running; }

.box-metodologia { display: flex; align-items: center; width: 100%; max-width: 540px; transition: transform .25s ease; will-change: transform; }
.box-metodologia img { transform: translateX(13px); position: relative; z-index: 2; }
.box-metodologia p { background: #ffffff; border-radius: 20px; margin: 0px; padding: 25px 35px 25px 50px; position: relative; z-index: 1; }
.txt-metodologia { min-height: 107px; }

/* Nosso Diferencial */
.cards-diferencial article { width: 100%; max-width: 760px; min-height: 1016px; height: auto; background: linear-gradient(0deg, #1a1a1a 0%, #3c3c3c 50%, #1a1a1a 100%); padding: 2px; background-blend-mode: overlay; border-radius: 81px; display: inline-block; }
.cards-diferencial article.active { background: linear-gradient(0deg, #1a1a1a 0%, #fb6a01 50%, #1a1a1a 100%); background-blend-mode: overlay; }
.cards-diferencial article > div{ display: flex; flex-direction: column; background: #202020; border-radius: 79px; height: 100%; width: 100%; padding: 85px 120px; }
.cards-diferencial ul { list-style: none; padding-left: 0; }
.cards-diferencial li { position: relative; padding-left: 30px; margin-bottom: 35px; font-size: 22px; color: #505050; }
.cards-diferencial article.active li { position: relative; padding-left: 30px; margin-bottom: 35px; color: #ffffff; }
.cards-diferencial li::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 13px; height: 25px; background-image: url('../assets/icons/arrow-grey.png'); background-size: contain; background-repeat: no-repeat; }
.cards-diferencial article.active li::before { background-image: url('../assets/icons/arrow-orange.png'); }

/* Marcas */
.gap-marcas { gap: 60px; }

.section-slider-cases { padding: 80px 0; overflow-x: hidden; }
.container-slider-cases { max-width: 95%; min-height: 610px; margin-left: auto; margin-right: 0; }
.slider-cases { display: flex; gap: 24px; overflow-x: auto; scroll-behavior: smooth; cursor: grab; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding: 10px 0; position: relative; }
.slider-cases::-webkit-scrollbar { display: none; }
.slider-cases.dragging { cursor: grabbing; user-select: none; }
.slider-cases.dragging .case-item,
.case-item.disable-slide-events { pointer-events: none; user-select: none; -webkit-user-drag: none; user-drag: none; cursor: none; }
.slider-cases.dragging .case-content, .case-item.disable-slide-events .case-content { pointer-events: none; } 
.slider-cases.dragging .case-image img,
.case-item.disable-slide-events .case-image img { pointer-events: none; user-drag: none; -webkit-user-drag: none; user-select: none; }

.slider-cases.dragging .case-image img, .case-item.disable-slide-events .case-image img { pointer-events: none; user-drag: none; -webkit-user-drag: none; user-select: none; }

/* .case-item { width: 370px; margin: 0; transition: all .4s ease; border-radius: 10px; position: relative; display: block; flex: 0 0 auto; box-sizing: border-box; overflow: visible;-webkit-tap-highlight-color: transparent; } */
.case-item { width: 370px; margin: 0;transition: all .7s ease; border-radius: 51px; position: relative; display: block; flex: 0 0 auto; box-sizing: border-box; overflow: visible; -webkit-tap-highlight-color: transparent; }
.case-item:hover { width: 670px; }
.case-image { width: 100%; height: 587px; }
.case-image:hover, .case-image.touch-active { width: 670px; }
.img-aberta { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: min(670px, calc(100vw - 40px)); height: 587px; object-fit: cover; border-radius: 51px; visibility: hidden; opacity: 0; transition: opacity .25s ease, transform .25s ease; z-index: 5; pointer-events: auto; }
.case-item:hover .img-aberta, .case-item.touch-active .img-aberta { visibility: visible; opacity: 1; }
.case-item a { display: block; width: 100%; height: 100%; }
.case-item.touch-active a, .case-item.touch-active img { pointer-events: auto; user-select: auto; }
.case-item .case-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 51px; transition: all 1.1s ease; }

/* bullets */
.slider-cases-bullets { display: flex; justify-content: center; gap: 8px; margin-top: 20px; flex-wrap: wrap; }
.slider-cases-bullets button { width: 10px; height: 10px; border-radius: 50%; background: #ccc; border: none; cursor: pointer; transition: background .25s ease, transform .25s ease; }
.slider-cases-bullets button.active { background: #333; transform: scale(1.2); }
.slider-cases-bullets button:focus { outline: none; }

/* Vídeo */
.video-container { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 12px;  box-shadow: 0 8px 24px rgba(0,0,0,0.1); }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

.bg-bottom { width: 100%; height: 175px; position: absolute; bottom: 0px; left: 0px; z-index: 0; }

#desafios .cards-desafios { display: grid; justify-items: center; grid-template-columns: 1fr 1fr 1fr; gap: 25px; position: relative; z-index: 1; }
#desafios .cards-desafios article { width: 100%; max-width: 445px; height: auto; background: linear-gradient(0deg, #1a1a1a 0%, #3c3c3c 50%, #1a1a1a 100%); padding: 2px; background-blend-mode: overlay; border-radius: 81px; display: inline-block; transition:  transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), background 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
#desafios .cards-desafios article:hover { transform: translateY(-3px); background: linear-gradient(0deg, #1a1a1a 0%, #fb6a01 50%, #1a1a1a 100%); background-blend-mode: overlay; }
#desafios .cards-desafios article > div { display: flex; flex-direction: column; background: #202020; border-radius: 79px; height: 100%; width: 100%; padding: 60px 65px; position: relative; overflow: hidden; }
#desafios .cards-desafios article:hover > div::after { height: 100%; }

.bg-desafios { width: 1631px; height: auto; position: absolute; left: 50%; bottom: 50%; transform: translateY(70%) translateX(-50%); z-index: 0; }
.cta-section { min-height: 1100px; height: auto; }
.cta-container { min-height: 710px; height: auto; background: rgb(0 0 0 / 50%); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid #ffffff; border-radius: 81px; }
.cta-news { min-height: 570px; height: auto; }
.cta-container-news { height: auto; background: var(--color-4); border-radius: 80px; }
.cta-container-news-blog { height: auto; }

.label-news { width: 100%; max-width: 338px; height: 75px; display: block; position: relative; }
.input-news { width: 100%; max-width: 338px; height: 75px; padding: 14px 34px 6px 34px; font-size: 16px; color: #ffffff; border: 1px solid #000000; border-radius: 37px; background-color: transparent; outline: none; }
.label-input { position: absolute; left: 34px; top: 25px; font-size: 16px; color: #ffffff; pointer-events: none; transition: all 0.2s ease-in-out; }
.input-news:focus + .label-input, .input-news:not(:placeholder-shown) + .label-input, .label-news input[value]:not([value=""]) + .label-input { top: 5px; font-size: 12px; color: #ffffff; }
.input-news { background-color: transparent; }

.cta-container-news-blog .input-news { border: 1px solid var(--color-4); }

/* Para navegadores WebKit (Chrome, Edge, Safari) */
.input-news:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px transparent inset !important; -webkit-text-fill-color: #ffffff !important; background-color: transparent !important; transition: background-color 5000s ease-in-out 0s; }
.input-news:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 30px transparent inset !important; background-color: transparent !important; }

.input-form { width: 100%; max-width: 643px; height: 71px; padding: 14px 34px 6px 34px; font-size: 16px; color: #ffffff; border: 1px solid #fb6a01; border-radius: 37px; background-color: transparent; outline: none; }
.label-input { position: absolute; left: 34px; top: 25px; font-size: 16px; color: #ffffff; pointer-events: none; transition: all 0.2s ease-in-out; }
.input-form:focus + .label-input, .input-form:not(:placeholder-shown) + .label-input, .label-form input[value]:not([value=""]) + .label-input { top: 5px; font-size: 12px; color: #ffffff; }
.input-form { background-color: transparent; }

.cta-container-form-blog .input-form { border: 1px solid var(--color-4); }

/* Para navegadores WebKit (Chrome, Edge, Safari) */
.input-form:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px transparent inset !important; -webkit-text-fill-color: #ffffff !important; background-color: transparent !important; transition: background-color 5000s ease-in-out 0s; }
.input-form:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 30px transparent inset !important; background-color: transparent !important; }

select.input-form { appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 1px solid #fb6a01; color: #ffffff; }
select.input-form option { background-color: var(--color-2); color: #fff; }
select.input-form option:checked { background-color: var(--color-4); }

.container-form { max-width: 1120px; width: 100%; text-align: center; }
.container-form .wpcf7-form { display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; align-items: center; gap: 20px; padding-right: 30px; padding-left: 30px; }
.container-form .wpcf7-submit { text-align: center; }

.wpcf7-not-valid-tip { padding: 5px 34px 5px 34px; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { color: #ffffff; }

/* Container */
.label-form { width: 100%; max-width: 643px; min-height: 71px; display: block; position: relative; }

/* .page-template-page-trabalhe-conosco-cadastro .label-form { max-width: 100%; }
.page-template-page-trabalhe-conosco-cadastro .input-form { max-width: 100%; } */

#wpcf7-f6158-o1 { width: 100%; }

/* Campos */
.label-form .wpcf7-form-control-wrap input.input-form, .label-form .wpcf7-form-control-wrap select.input-form, .label-form .wpcf7-form-control-wrap textarea.input-form { width: 100%; max-width: 643px; height: 71px; padding: 14px 34px 6px 34px; font-size: 16px; color: #ffffff; border: 1px solid #fb6a01; border-radius: 37px; background-color: transparent; outline: none; box-sizing: border-box; }
.label-form .wpcf7-form-control-wrap textarea.input-form { min-height: 71px; height: auto; padding-top: 25px; overflow: hidden; transition: all 0.3s ease-in-out; }
/* Placeholder transparente (necessário pro :placeholder-shown funcionar) */
.label-form .wpcf7-form-control-wrap input.input-form::placeholder, .label-form .wpcf7-form-control-wrap select.input-form::placeholder, .label-form .wpcf7-form-control-wrap textarea.input-form::placeholder { color: transparent; }

/* CSS Inline Cadastro Trabalhe */
.wpcf7-form .wpcf7-file.input-form{ width:100%; border:1px solid #ff6600; border-radius:30px; background:#0B0B0B; position:relative; cursor:pointer; padding:14px 20px 14px 48px; color:transparent; font-size:0; line-height:1; caret-color:transparent; appearance:none; -webkit-appearance:none; -moz-appearance:none; }
/* OVERLAY para esconder “Nenhum arquivo escolhido” e mostrar nosso texto */
.wpcf7-form .wpcf7-file.input-form::after{ content:"ANEXAR CURRÍCULO"; position:absolute; inset:0;                          /* cobre tudo */ padding-left:48px;                /* alinha com ícone */ display:flex; align-items:center; color:#fff;                       /* texto branco */ font:600 14px/1.2 inherit; background:#0B0B0B;               /* tampa o texto nativo */ z-index:2; pointer-events:none;              /* clique passa para o input */ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
/* remove botão nativo */
.wpcf7-form .wpcf7-file.input-form::-webkit-file-upload-button{ display:none; }
.wpcf7-form .wpcf7-file.input-form::file-selector-button{ display:none; }
/* Ícone como background (seu data-URL), maior, à esquerda */ 
.wpcf7-form .wpcf7-file.input-form::before{ content:""; position:absolute; left:18px; top:50%; transform:translateY(-50%); width:12px; height:22px;          /* maior */ background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUBAMAAABGwLFlAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX///93d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3nMq9AAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTAvMDQvMThK1cnaAAAAZUlEQVQImWNgYHQRYGBgqFq1nIGBvYGBI4EhAshtZVjCdFchkmEhr+IDLYZDOgybdaDkZx2Gp1hJZobDOgyXGBg2MzEcApIMDBsZGBYzMExlYLzAwGAjwFnAwMB84znQbAYWIAYAS/4eQlBLCYAAAAAASUVORK5CYII=); background-repeat:no-repeat; background-size:contain; background-position:center; z-index:3; pointer-events:none; }
/* Hover opcional */
.wpcf7-form .wpcf7-file.input-form:hover{ border-color:#ffa64d; }
/* Quando houver arquivo, substitui o label pelo nome do arquivo (via JS abaixo) */
.wpcf7-form .wpcf7-file.input-form.has-file::after{
  content:attr(data-filename);
}

/* Label "flutuante" */
.label-form .label-input { position: absolute; left: 34px; top: 25px; font-size: 16px; color: #ffffff; text-align: left; pointer-events: none; transition: all 0.2s ease-in-out; }

/* Ajuste em CTA específica */
.cta-container-form-blog .label-form .wpcf7-form-control-wrap input.input-form { border: 1px solid var(--color-4); }
/* Autofill */
.label-form .wpcf7-form-control-wrap input.input-form:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px transparent inset !important; -webkit-text-fill-color: #ffffff !important; background-color: transparent !important; transition: background-color 5000s ease-in-out 0s; }
.label-form .wpcf7-form-control-wrap input.input-form:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 30px transparent inset !important; background-color: transparent !important; }
.label-form:has(input.input-form:focus) .label-input, .label-form:has(input.input-form.has-value) .label-input, .label-form:has(select.input-form) .label-input, .label-form:has(textarea.input-form:focus) .label-input, .label-form:has(textarea.input-form.has-value) .label-input { top: 5px; font-size: 12px; color: #ffffff; }

/* Espaço acima do footer para destacar o CTA */
#homeBlog { margin-top: 0px; position: relative; z-index: 2; }
/* Espaçamento interpretado pelo Slick */
#homeBlog .slick-slide {margin:0 12px !important;}
#homeBlog .slick-list {margin:0 -12px; overflow:hidden;padding:10px 16px 0;}

/* Wrapper e trilho */
#homeBlog .slider-wrapper{width:100%;position:relative;z-index:1;padding-bottom:48px;overflow:visible;}
#homeBlog .slider{overflow:visible;padding:10px 0;}

/* Cartões */
.box{flex:0 0 auto;}
.blog-item{width:100%;max-width:392px;height:100%;}
.blog-container{width:100%;min-height:521px;display:flex;align-items:flex-end;justify-content:center;position:relative;overflow:hidden;border-radius:30px;}
.case-bg-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;position:absolute;}
.blog-content{width:80%;position:relative;z-index:2;}
.blog-item a{text-decoration:none;}
.blog-box { display: flex; flex-direction: column; align-items: center; }
.first-blog-box { align-items: flex-start; margin-right: 30px;}
.first-text-blog-box { max-width: 830px; }
.text-blog-box { max-width: 450px; }
.text-blog-box h3 { min-height: 80px; }

/* Overlay/hover */
.blog-container::before { content: ''; position: absolute; bottom: 0; width: 100%; height: 60%; background: linear-gradient( to top, var(--color-2) 20%, transparent 95% ); background-size: 100% 100%; z-index: 1; opacity: 1; transition: opacity 0.4s ease, background-size 0.4s ease, transform 0.4s ease; transform: translateY(0); }
.blog-container:hover::before { background-size: 100% 120%; opacity: 1; transform: translateY(5px); }
.blog-container .case-bg-img { transition: transform 0.6s ease; }
.blog-container:hover .case-bg-img { transform: scale(1.1); }

/* Blog */
.cat-list { display: flex; gap: .75rem; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; }
.categoria-link { display: inline-block; padding: 0px; border-radius: 0; color: #ffffff; text-decoration: none; transition: transform .15s ease, background-color .15s ease, color .15s ease; }
.categoria-link:hover { color: var(--color-4); }
.categoria-link.active { font-family: "Poppins"; font-weight: 700; color: var(--color-4); }
.categoria-link:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
#posts-container { padding-left: 0px; padding-right: 0px; }
.posts-container { position: relative; overflow: hidden; min-height: 680px;}
.posts-wrapper { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transform: translateY(20px); transition: opacity 0.3s ease, transform 0.3s ease; will-change: opacity, transform; pointer-events: none; }
.posts-wrapper.active { position: relative; opacity: 1; transform: translateY(0); z-index: 2; pointer-events: auto; }

/* .posts-list { display: flex; gap: 50px 20px; flex-direction: row; flex-wrap: wrap; } */
.first-posts-list { grid-column-gap: 2rem; grid-row-gap: 0rem; grid-template-rows: auto; grid-template-columns: 1.5fr 1fr; grid-auto-columns: 1fr; align-items: start; margin-bottom: 5rem; display: grid ; }
.posts-list { grid-column-gap: 2rem; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; display: grid; }
.post-item { display: flex ; flex: 1 1 calc(33.333% - 20px); max-width: 437px; text-decoration: none; overflow: hidden; }
.first-list { grid-column-gap: 0rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; justify-items: end;}
.blog-content-thumb { border-radius: 40px; transition: transform 0.6s ease; overflow: hidden; }
.blog-content-thumb img { max-width: 100%; height: auto; object-fit: cover; border-radius: 40px; aspect-ratio: 3 / 2; transition: transform 0.6s ease; }
.blog-content-thumb img:hover { transform: scale(1.1) }

/* Reels */
.container-reels .blog-content-thumb img { max-width: 100%; height: auto; object-fit: cover; border-radius: 40px; aspect-ratio: auto; transition: transform 0.6s ease; }
.container-reels .posts-list { grid-column-gap: 2rem; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; display: grid; }

.post-item .post-thumb { width: 568px; max-width: 100%; height: 303px; }
.post-thumb { width: 100%; height: 100%; display: block; border-radius: 40px; object-fit: cover; }

.post-link { text-decoration: none; }
.post-thumb.placeholder { width: 100%; height: 100%; background: repeating-linear-gradient(45deg, #eee 0 8px, #f6f6f6 8px 16px); }

/* Single Blog */
.container-title-blog { position: relative; width: 100%; height: 800px; background-color: #0B0B0B; overflow: hidden; display: flex ; align-items: flex-end; }
.container-title-blog img { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; top: 0; left: 0; z-index: 1; }
.container-title-blog::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 40%;  background: linear-gradient(to bottom, rgba(11,11,11,0) 0%, #0B0B0B 100%); z-index: 2; }
.container-title-blog::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3);  z-index: 2; }
.container-title-blog h1 { color: #ffffff; margin-bottom: 120px; position: relative; z-index: 3; }
.single-post .post h1 { font-size: 80px; }
.single-post .post h2 { font-size: 38px; }
.single-post .post h3 { font-size: 30px; }
.single-post .post h4 { font-size: 25px; }
.single-post .post h5 { font-size: 22px; }
.single-post .post p { font-size: 20px; margin-bottom: 1.5em;}
.single-post .post p, ul, li, a { line-height: 1.73em; }
.single-post .post h2, .single-post .post .h2, .single-post .post h3, .single-post .post .h3, .single-post .post h4, .single-post .post .h4, .single-post .post h5, .single-post .post .h5, .single-post .post h6, .single-post .post .h6 { line-height: 1.2em; margin: 100px 0px 50px 0px }
.single-post .post h1, .single-post .post .h1, .single-post .post h2, .single-post .post .h2, .single-post .post h3, .single-post .post .h3, .single-post .post h4, .single-post .post .h4, .single-post .post h5, .single-post .post .h5, .single-post .post h6, .single-post .post .h6 { color: #ffffff; }
.single-post .post a { color: var(--color-4); }
.single-post .post a:hover { color: var(--color-6); }
.single-post .post a:active { color: var(--color-6); }

.single-post svg path { transition: fill 0.3s ease; fill: #4f4f4f; }
.single-post svg:hover path { fill: var(--color-4); }

/* Pagination Styles */
.pagination { display: flex; justify-content: center; align-items: center; margin: 120px auto 95px; font-family: "Poppins", sans-serif;}
.pagination .page-numbers { display: flex; align-items: center; justify-content: center; }
.pagination a, .pagination span { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0 5px; text-decoration: none; color: #555; font-size: 16px; border-radius: 4px; transition: all 0.3s ease; }
.pagination .current { color: var(--color-4); font-weight: bold; }
.pagination a:hover { background-color: var(--color-4); color: #fff; border-radius: 50%; }
.pagination a:hover svg path { stroke: #fff; }
.pagination .prev, .pagination .next { width: auto; padding: 0px 9px; display: inline-flex; align-items: center; }
.pagination .prev svg, .pagination .next svg { margin: 0 5px; }

/* Seção de Compartilhamento */
.custom-comments-area { max-width: var(--max-width-md); width: 100%; height: auto; }
.comment-share-section { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 40px; margin-bottom: 30px; padding: 15px; }
.share-prompt { font-weight: bold; color: #555; }
.social-share-icons { display: flex; gap: 15px; }
.social-share-icons a { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; transition: transform 0.3s ease;} 
.social-share-icons a:hover { transform: translateY(-3px); }

/* Formulário */
.form-submit { margin-top: 25px; }
.comment-list { list-style: none; margin: 40px 0px; }
.comment-container { display: flex; margin-bottom: 25px; padding-bottom: 25px;  }
.comment-avatar { margin-right: 20px; }
.comment-avatar img { border-radius: 50%; width: 121px; height: 121px; object-fit: cover;}
.comment-content { flex: 1;}
.comment-content span { font-family: "Poppins"; font-weight: 600; font-size: 22px; color: #ffffff;}
.comment-content p { font-family: "Poppins"; font-size: 22px; color: #ffffff;}
.comment-meta { margin-bottom: 10px; }
.comment-author { font-weight: bold; color: #333; margin-right: 10px; }
.comment-date { font-size: 0.9em; color: #777; }
.comment-text { line-height: 1.6; color: #444; }
.comment-reply a { font-size: 0.9em; color: var(--color-4); text-decoration: none; }
.comment-reply a:hover { text-decoration: underline; }
.comment-form { position: relative; }
.comment-form .form-group { margin-bottom: 20px;}
.comment-form .form-control { border: 1px solid #ddd; padding: 12px; width: 100%; margin-bottom: 15px; transition: border-color 0.3s;}
.comment-form .form-control:focus { border-color: var(--color-4); outline: none; }
.comment-form input[type="text"], .comment-form input[type="email"] { max-width: 100%; }
.comment-form-fields .input-news { max-width: 535px; border: 1px solid var(--color-2); color: #505050; }
.comment-form-fields .label-input { color: #505050; }
.comment-form-fields .label-news { height: auto; max-width: 100%; }
.comment-form-fields .input-news:focus + .label-input, .comment-form-fields .input-news:not(:placeholder-shown) + .comment-form-fields .label-input, .comment-form-fields .label-news input[value]:not([value=""]) + .comment-form-fields .label-input { color: #505050; }
.comment-form-fields #comment.input-news { max-width: 100%; padding: 30px 32px; }
.comment-form textarea { min-height: 150px; resize: vertical; }
.comment-form .error { border-color: #ff0000 !important; }
.comment-form .error-message { color: #ff0000; font-size: 0.8em; margin-top: -10px; margin-bottom: 15px; display: block; }
.comment-subject { margin: 5px 0; padding: 5px 0; color: #555; font-size: 0.9em; border-bottom: 1px dashed #eee; }
.comment-awaiting-moderation { color: #ff9800; font-style: italic; font-size: 0.8em; margin-left: 10px; }
/* Formulário */

.hidden-input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.upload-wrapper { display: flex; align-items: center; gap: 10px; margin-top: 5px; }
.btn-upload { background: #f0f0f0; border: 1px solid #ddd; padding: 8px 15px; cursor: pointer; border-radius: 4px; display: inline-block; margin-right: 10px; }
.btn-upload:hover { background: #e0e0e0; }
.file-feedback { color: #666; font-size: 0.9em; }
.error-message { color: #dc3232; font-size: 0.8em; margin-top: 5px; display: none; }
.wpcf7-not-valid .error-message { display: block; }
#file-name-display { color: #666; font-size: 0.9em; font-style: italic; }

#title-page-error { min-height: 60vh; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 40px; }
#title-page-error a { transition: 0.3s; }
#title-page-error a:hover { color: var(--color-6); }
#title-page-error a:active { color: var(--color-4); }
input[name="estado-hidden"], input[name="cidade-hidden"] { display: none; }

#custom-upload-button { height: 52px; }

/* A Tsuru */
.container-braco { max-width: var(--max-width-lg);display: flex; border-radius: 50px; overflow: hidden; }

/* Metodologia */
.wrapper-metodologia { height: 100%; width: 100%; display: flex; justify-content: center; }
.carousel-metodologia { width: 100%; max-width: 600px; min-height: 600px; display: flex; justify-content: center; flex-direction: column; position: relative;  }
.carousel__item-metodologia { display: flex; align-items: center; position: absolute; width: 100%; opacity: 0; will-change: transform, opacity, filter; animation: carousel-animate-vertical 12s linear infinite; animation-play-state: running; }
.carousel-metodologia:hover .carousel__item-metodologia { animation-play-state: paused; }

/* Inbound Marketing */
.hover-etapa { transition: all 0.5s; }
.container-hover-etapa:hover .hover-etapa { color: var(--color-4); }

/* Delays para 5 itens */
.carousel__item-metodologia:nth-child(1) { animation-delay: calc(2.4s * -1); }
.carousel__item-metodologia:nth-child(2) { animation-delay: calc(2.4s * 0); }
.carousel__item-metodologia:nth-child(3) { animation-delay: calc(2.4s * 1); }
.carousel__item-metodologia:nth-child(4) { animation-delay: calc(2.4s * 2); }
.carousel__item-metodologia:nth-child(5) { animation-delay: calc(2.4s * 3); }
/* Último item */
.carousel__item-metodologia:last-child { animation-delay: calc(-2.4s * 2); }
.carousel__item-head-metodologia { border-radius: 50%; background-color: transparent; width: 144px; height: 144px; position: relative; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.carousel__item-head-metodologia img { width: 100%; height: auto; transition: filter 0.3s ease; }
.carousel__item-body-metodologia { width: 100%; background-color: transparent; border-radius: 8px; padding: 16px 0px 16px 60px; }
.title-metodologia { text-transform: uppercase; font-size: 20px; margin-top: 10px; }

.move-up { display: inline-block; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), background 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
.move-up:hover { transform: translateY(-3px); }

/* Política de Privacidade */
.page-template-page-politica-de-privacidade { font-size: 13px; }
.page-template-page-politica-de-privacidade .cta-footer-wrapper { overflow: visible; }
.page-template-page-politica-de-privacidade .container-politica-privacidade { position: relative; z-index: 2; }
.page-template-page-politica-de-privacidade .pontilhado{ border:1px dotted #FA6A08; padding:8px 10px }
.page-template-page-politica-de-privacidade h2{ border:1px solid #FA6A08; padding:8px 10px; color:#FA6A08; font-weight:700; font-size:18px }
.page-template-page-politica-de-privacidade h3{ color:#FA6A08; font-weight:700; font-size:16px }
.page-template-page-politica-de-privacidade a { color: var(--color-4); text-decoration: none; transition: 0.5s; }
.page-template-page-politica-de-privacidade a:hover { color: var(--color-6); }
.page-template-page-politica-de-privacidade table{ clear:both; float:left; width:100%; border-collapse:collapse; border-spacing:0 }
.page-template-page-politica-de-privacidade table th{ background:#EEE }
.page-template-page-politica-de-privacidade table tr:first-child td{ background:var(--color-3); font-weight:700 }
.page-template-page-politica-de-privacidade table td{ border:1px solid #ECECEC; padding:5px; box-sizing:border-box }
/*.page-template-page-politica-de-privacidade table td:nth-child(1){ width:20px }
.page-template-page-politica-de-privacidade table td:nth-child(2){ width:40px }
.page-template-page-politica-de-privacidade table td:nth-child(3){ width:20px }
.page-template-page-politica-de-privacidade table td:nth-child(4){ width:20px }*/
.page-template-page-politica-de-privacidade table th, .page-template-page-politica-de-privacidade table td{ height:auto; vertical-align:middle }
.page-template-page-politica-de-privacidade ul{ list-style: disc; margin: 0 0 24px 40px }
.page-template-page-politica-de-privacidade ol{ margin: 0 0 24px 40px }
.page-template-page-politica-de-privacidade li{ margin:5px 0 0 0 }


/* Animação controlando posição, opacidade e filtro */
@keyframes carousel-animate-vertical {
  0% {
    transform: translateY(100%) scale(0.5);
    opacity: 0;
    visibility: hidden;
    filter: grayscale(100%);
  }
  5%, 25% {
    transform: translateY(100%) scale(0.7);
    opacity: .4;
    visibility: visible;
    filter: grayscale(100%);
  }
  30%, 50% {
    transform: translateY(0) scale(1);
    opacity: 1;
    visibility: visible;
    filter: grayscale(0%);
  }
  55%, 75% {
    transform: translateY(-100%) scale(0.7);
    opacity: .4;
    visibility: visible;
    filter: grayscale(100%);
  }
  80% {
    transform: translateY(-100%) scale(0.5);
    opacity: 0;
    visibility: visible;
    filter: grayscale(100%);
  }
  100% {
    transform: translateY(-100%) scale(0.5);
    opacity: 0;
    visibility: hidden;
    filter: grayscale(100%);
  }
}
@keyframes metodologia1 {
  0%   { transform: translateY(0) }
  50%  { transform: translateY(-2px) }
  100% { transform: translateY(0) }
}
@keyframes metodologia2 {
  0%   { transform: translateY(0) }
  50%  { transform: translateY(2px) }
  100% { transform: translateY(0) }
}

/* Soluções */
.box-diferente { display: flex; align-items: center; max-width: 510px; }
.box-diferente img { transform: translateX(30px); position: relative; z-index: 1; }
.box-diferente p { position: relative; z-index: 2; }
.txt-diferente { min-height: 240px; }

.desafios-inbound { width: 100%; height: auto; display: flex ; flex-direction: column; align-items: center; justify-content: center; padding: 80px 120px; border-radius: 50px; overflow: hidden; }
.title-desafios { width: 100%; max-width: 1300px; display: flex ; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 40px; }
.title-desafios h3 { width: 100%; max-width: 590px; }
.row-desafios { width: 100%; max-width: 1300px; display: flex ; align-items: center; justify-content: flex-start; gap: 40px; }
.item-desafios { width: 100%; max-width: 540px; display: flex ; align-items: center; gap: 40px; }

/* Trabalhe Conosco */
.cards-trabalhe-conosco { display: grid; justify-items: center; grid-template-columns: 1fr 1fr 1fr; gap: 25px; position: relative; z-index: 1; }
.cards-trabalhe-conosco article { width: 100%; max-width: 500px; height: auto; min-height: 490px; background: linear-gradient(0deg, #1a1a1a 0%, #3c3c3c 50%, #1a1a1a 100%); padding: 2px; background-blend-mode: overlay; border-radius: 50px; display: inline-block; transition:  transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), background 0.6s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; }
.cards-trabalhe-conosco article a { position: relative; }
.cards-trabalhe-conosco article.active a > img { filter: grayscale(0%); }
.cards-trabalhe-conosco article a > img { filter: grayscale(100%); }
.cards-trabalhe-conosco article .tag { width: fit-content; padding: 5px 15px; background: var(--color-4); border-radius: 14px; filter: grayscale(100%); }
.cards-trabalhe-conosco article.active .tag { filter: grayscale(0%); }
.cards-trabalhe-conosco article a > img { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; object-fit: cover; transition: transform 0.6s ease; z-index: 1; }
/* .cards-trabalhe-conosco article:hover { transform: translateY(-3px); background: linear-gradient(0deg, #1a1a1a 0%, #fb6a01 50%, #1a1a1a 100%); background-blend-mode: overlay; } */
.cards-trabalhe-conosco article:hover a > img { transform: scale(1.1)  }
.cards-trabalhe-conosco article:hover .hover-link { color: var(--color-4); }
.cards-trabalhe-conosco article a > div { display: flex; flex-direction: column; justify-content: space-between; background: transparent; border-radius: 79px; height: 100%; width: 100%; padding: 50px 45px; position: relative; overflow: hidden; z-index: 3; }
.cards-trabalhe-conosco article:hover a > div::after { height: 100%; }
/* .cards-trabalhe-conosco article::before { content: ""; position: absolute; inset: 0; background: linear-gradient(45deg, rgba(251,106,1,0.6) -30%, rgba(251,106,1,0) 50%); pointer-events: none; z-index: 1; } */
.page-template-page-trabalhe-conosco-cadastro .cta-footer-wrapper { overflow: visible; }

/* Footer */
#footer { display: flex; flex-direction: column; width: 100%; height: auto; position: relative;}
#bgFooter { width: 100%; height: auto; display: flex; align-items: center; background: transparent; z-index: 1; position: relative; }
#contentFooter { width: 100%; height: auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;  gap: 20px; margin: 0px auto; padding: 30px; }
#footerLogo { margin: 0px auto; }
.nav-footer { width: auto; display: flex; flex-direction: column; margin: 0px auto; }
.nav-footer li { list-style: none; }
.nav-footer a { min-width: 100px; text-decoration: none; transition: 0.5s; font-weight: 600; }
.nav-footer a:hover { color: var(--color-4); }
.nav-footer a:active { color: var(--color-4); }
#social { width: 100%; max-width: 370px; height: 36px; display: flex; align-items: center; gap: 15px; margin: 0px auto; }
#socialIcons { display: flex; gap: 5px; height: 36px; }
#contentFooter a img { transition: 0.7s; }
#contentFooter a img:hover { opacity: 0.8; }
.footer-background { position: absolute; bottom: 0; left: 0; width: 100%; height: 1475px; background: url('../assets/cases/bg-footer-cases2.png') no-repeat; background-size: auto; background-position: 70% bottom; z-index: 1; }
.cta-footer-wrapper { background: var(--color-1); position: relative; z-index: 1; overflow: hidden; }

/* Cases INT */
.container-parallax { overflow: hidden; }
.container-parallax-radius { height: 438px; overflow: hidden; border-radius: 51px; position: relative; }
.parallax-img { transition: transform 0.3s ease; transform-origin: center center; will-change: transform; }
.parallax-img-right { transform-origin: right; }
.logo-grid { display: grid; grid-template-columns: repeat(4, 1fr); justify-items: center; gap: 60px; }

/* 404 */
#title-page-error { min-height: 60vh; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 40px; }
#title-page-error a { transition: 0.3s; }
#title-page-error a:hover { color: var(--color-6); }
#title-page-error a:active { color: var(--color-4); }

@media (max-width: 1600px) {
  /* Font Size */
  .fs-s1 { font-size: 12px; }
  .fs-s2 { font-size: 13px; }
  .fs-s3 { font-size: 15px; }
  .fs-s4 { font-size: 16px; }
  .fs-s5 { font-size: 17px; }
  .fs-s6 { font-size: 18px; }
  .fs-s7 { font-size: 20px; }
  .fs-s8 { font-size: 22px; }
  .fs-s9 { font-size: 23px; }
  .fs-s10 { font-size: 25px; }
  .fs-s11 { font-size: 28px; }
  .fs-s12 { font-size: 29px; }
  .fs-s13 { font-size: 32px; }
  .fs-s15 { font-size: 38px; }
  .fs-s16 { font-size: 50px; }
  .fs-s17 { font-size: 68px; }

  .col-1600 { display: none; }

  .mw-1120 { max-width: 950px; } 
  .mw-1070 { max-width: 900px; }

  .p-50.ml-15 { margin-left: 0px; }
  .mb-230 { margin-bottom: 140px; }

  .cards-diferencial article > div { padding: 50px 40px; }

  #homeBlog { margin-top: 0px; }

  .gap-marcas { gap: 40px; } 

  .metodologia { margin-left: 0px; transform: translateX(50px); padding: 0px; }

  /* #main-header nav { padding-right: 100px; } */
  /* #carouselClientes .carousel-control-next { width: 5%; height: auto; }
  #carouselClientes .carousel-control-next img { width: 100%; max-width: 50px; height: auto; } */
  .carousel-item > .row { padding: 0px 55px; }

  .p-1596-30 { padding: 30px; }

  /* Soluções */
  .desafios-inbound { padding: 60px 80px; }
}

@media (max-width: 1500px) {
  .nav-links { flex-wrap: wrap; gap: 25px; }
  .desafios-inbound { padding: 60px 60px; } 
  .row-desafios { gap: 20px; }
  .item-desafios { gap: 20px; }
}

@media (max-width: 1400px) {
  /* Font Size */
  .fs-s1 { font-size: 12px; }
  .fs-s2 { font-size: 13px; }
  .fs-s3 { font-size: 14px; }
  .fs-s4 { font-size: 15px; }
  .fs-s5 { font-size: 16px; }
  .fs-s6 { font-size: 18px; }
  .fs-s7 { font-size: 19px; }
  .fs-s8 { font-size: 21px; }
  .fs-s9 { font-size: 22px; }
  .fs-s10 { font-size: 23px; }
  .fs-s11 { font-size: 24px; }
  .fs-s12 { font-size: 25px; }
  .fs-s13 { font-size: 27px; }
  .fs-s15 { font-size: 35px; }
  .fs-s16 { font-size: 45px; }
  .fs-s17 { font-size: 55px; }  

  /* .mt-190 { margin-top: 130px; }
  .mb-160 { margin-bottom: 120px; } */
  .p-50.ml-30 { margin-left: 0px; }

  .p-1360-30 { padding: 30px; }
  .px-1360-30 { padding-right: 30px; padding-left: 30px; }

  .mw-1120 { max-width: 850px; } 
  .mw-1070 { max-width: 800px; }

  #desafios .cards-desafios article > div { padding: 60px 45px; }

  .cards-trabalhe-conosco article > div { padding: 60px 45px; }

  .gap-marcas { gap: 30px; }

  .posts-list { padding: 30px; }
  .first-posts-list { padding: 30px }

  .desafios-inbound { padding: 60px 40px; }
  .title-desafios h3 { max-width: 540px; }
}

@media (max-width: 1360px) {

  .posts-list { padding: 0px; }
  .first-posts-list  { padding: 0px }
  .blog-content-thumb img { height: auto; }
  /* .posts-wrapper .col { padding: 0px 10px; } */
}
@media (max-width: 1300px) {
  .nav-links { gap: 20px; }
}

@media (max-width: 1200px) {
  .nav-links { display: none; }
  .hamburger { display: flex; gap: 6px; } 
  .navbar { width: 90%; padding: 45px 0px 15px 0px; }

  /* .posts-list { justify-content: center; } */
  .posts-list { grid-template-columns: 1fr 1fr; justify-items: center; }
  .container-reels .posts-list { grid-template-columns: 1fr 1fr; justify-items: center; }
  .first-posts-list { grid-row-gap: 3.5rem; grid-template-columns: 1fr; margin-bottom: 4rem; justify-items: center; }
  .first-list { grid-column-gap: 3.5rem; grid-row-gap: 3.5rem; grid-template-columns: 1fr 1fr; justify-items: normal;}
  .post-item { flex: 1 1 calc(50% - 20px);}

  .first-list { grid-row-gap: 3.5rem; }

  .first-blog-box { align-items: center; margin-right: 0px;}
  .first-text-blog-box { margin-bottom: 50px; }

  .blog-container,.case-bg-img{min-height:420px;}
  
  #desafios .cards-desafios { grid-template-columns: 1fr 1fr; gap: 15px; } 
  #desafios h2 { margin-left: 0px; }
  
  .cards-trabalhe-conosco { grid-template-columns: 1fr 1fr; gap: 15px; }

  #homeBlog { margin-top: 0px; }

  .metodologia { margin-left: 0px; transform: translateX(0px); padding: 50px; }
  
  #carouselClientes .img-clientes { right: 0px; }
  .carousel-text { left: 0px; }

  /* A Tsuru */
  .container-braco { flex-wrap: wrap; justify-content: center; }
  .container-braco img { border-radius: 50px; }
  .container-braco > div { border-radius: 50px; }

  .desafios-inbound { padding: 60px 20px }
  .title-desafios h3 { max-width: 470px; }
}

@media (max-width: 1199px) { 
  .mandala { display: none; }
  .mobile-mandala { width: 100%; height: auto; display: flex; } 
}

@media (max-width: 1120px) {
  /* Font Size */
  .fs-s1 { font-size: 11px; }
  .fs-s2 { font-size: 12px; }
  .fs-s3 { font-size: 13px; }
  .fs-s4 { font-size: 14px; }
  .fs-s5 { font-size: 15px; }
  .fs-s6 { font-size: 17px; }
  .fs-s7 { font-size: 18px; }
  .fs-s8 { font-size: 19px; }
  .fs-s9 { font-size: 20px; }
  .fs-s10 { font-size: 22px; }
  .fs-s11 { font-size: 23px; }
  .fs-s12 { font-size: 24px; }
  .fs-s13 { font-size: 25px; }
  .fs-s15 { font-size: 32px; }
  .fs-s16 { font-size: 35px; }
  .fs-s17 { font-size: 40px; }  

  .gap-20 { gap: 12px }
  .gap-25 { gap: 17px }
  .gap-30 { gap: 19px }
  .gap-40 { gap: 20px }
  .gap-50 { gap: 25px }
  .gap-60 { gap: 30px }
  .gap-70 { gap: 35px }
  .gap-80 { gap: 40px }
  .gap-100 { gap: 50px }

  .mr-auto-1120 { margin-right: auto; }

  .content-title { display: flex; flex-direction: column; align-items: center; text-align: center; }
  /* .navbar { justify-content: center; } */

  /* TOPO */
  #contentHome { max-width: 400px; width: 80%; height: auto; max-height: 950px; display: flex; position: relative; flex-direction: column; margin: 100px auto 50px auto; gap: 40px; }
  #homeTitle { max-width: 100%; min-height: 140px; text-align: center; padding-left: 0px}
  #homeTitle button { margin: 0px auto; }
  #homeText { width: 100%; justify-content: normal; margin: auto; align-items: center;}
  #homeText p { text-align: center; padding: 0px; }
  #homeText h2 { text-align: center; line-height: 42px; padding: 0px;}
  #homeImg { min-height: auto; position: relative; }
  #destaque { margin-top: 10px; line-height: 40px; }
  #bgTopo { min-height: 500px; }
  #topoBtn { flex-direction: column; }

  .nav-links { display: none; gap: 15px;}
  .navbar.active { width: 100%; height: auto; flex-direction: column; background: #000000; padding: 0px; gap: 40px; }
  .navbar.active .nav-links { display: flex; flex-direction: column; padding: 0px 0px 40px 0px;}
  .navbar.active .hamburger { position: absolute; top: 40px; right: 20px; transition: all 0.4s ease; }
  .nav-links li { margin: 10px 0; text-align: center; }
  .navbar.active .logo { padding: 40px 0px 20px 0px; }
  .hamburger { display: flex; flex-direction: column; cursor: pointer; }
  .hamburger span { width: 25px; height: 2px; background-color: white; margin: 0px; }
  .menu-item-has-children > a { padding-right: 60px; }
  /* .mobile-menu, .mobile-menu-overlay { display: none; } */
  /* .nav-links { display: flex; } */
  .carousel-text p { margin-left: 40px; margin-right: 40px; }
  .carousel-img { margin-right: 40px; }

  .cards-diferencial { flex-wrap: wrap; }
  .cards-diferencial article { min-height: auto; height: auto; }

  .col-1120 { display: none; }

  /* Combate */
  #titleCombate { margin-top: 0px; }
  #titleCombate h2 { padding: 0px 20px; margin: 0px auto 40px auto; }
  .combateTitle { flex-direction: column; text-align: center; }
  .contentCombate { flex-direction: column; align-items: center; margin: 0px auto 40px auto; padding: 0px 20px; }
  .contentCombate:nth-child(odd) { flex-direction: column; }

  /* Soluções */
  #bgSolucoes { min-height: auto; padding: 40px 0px; }
  #solucoesText { margin: 0px auto 40px auto; }
  #contentCarousel { margin-top: 40px; }
  .carousel { margin-top: 0px; }
  .carousel__list { width: 50%; }
  .carousel__img[data-pos="-1"] { transform: translateX(-50%) scale(.9); z-index: 3; }
  .carousel__img[data-pos="1"] { transform: translateX(50%) scale(.9); z-index: 3; }
  .carousel__list { height: 250px; }
  .carousel__item { height: auto; }
  #containerSolucoesBtn { margin: 90px auto 40px auto; }
  .carousel__item img { height: 250px; }

  /* Blog */
  #titleBlog { margin: 40px auto; }
  #blogBoxs { flex-direction: column; align-items: center; margin-bottom: 40px; }
  /* .blog-box { height: 520px; } */
  .blog-box { height: auto; }
  .blog-content-thumb { min-height: auto; }
  .text-blog-box { margin: 40px auto; }

  #desafios .cards-desafios article > div { padding: 55px; }

  .cards-trabalhe-conosco article > div { padding: 55px; }

  .comment-share-section { justify-content: center; align-items: center; }
  .cat-list { justify-content: center; }

  .desafios-inbound { padding: 60px 15px }
  .row-desafios { gap: 15px; }
  .title-desafios { gap: 15px; }
  .title-desafios h3 { text-align: center; }
  .item-desafios { flex-direction: column; }
  .item-desafios p { text-align: center; }

  /* FOOTER */
  #footer { height: auto; }
  #bgFooter { height: auto; }
  #contentFooter { min-height: 250px; height: auto; display: flex; align-items: center; justify-content: center; gap: 30px; flex-direction: column; margin: 40px auto; }
  .nav-footer { display: flex; flex-wrap: wrap; flex-direction: column; gap: 30px; }
  #social { height: auto; flex-direction: column; gap: 20px; }
  #socialIcons { gap: 15px; }
  .nav-footer a { text-align: center; }

  .footer-box > div { flex-wrap: wrap; justify-content: center; padding: 30px; }
  /* COPY */
  #copy { flex-wrap: wrap; justify-content: center; gap: 20px }
  /* #copy { display: flex; width: 100%; height: 105px; position: relative;}
  #bgCopy { height: auto; }
  #contentCopy { width: auto; margin: 0px auto; flex-direction: column; gap: 30px; }
  #contentcopy a img:hover { opacity: 0.8; } */
}

@media (max-width: 992px) { .logo-grid { grid-template-columns: repeat(2, 1fr); } .gap-lg-70 { gap: 35px; } }

@media (max-width: 991px) {
  .case-item { width: 300px; }
  .img-aberta { width: min(560px, calc(100vw - 40px)); height: 500px; }
}

@media (max-width: 782px) {
  .admin-bar #main-header { top: 46px; }
  /* .admin-bar main { margin-top: 152px; } */
  .first-container { margin-top: 180px; }  
  .first-container-tsuru { margin-top: 160px; margin-bottom: 90px; }
}

@media (min-width: 769px) {
  .case-item { transform-origin: left center; }
  .case-item:hover { width: 670px; }
}

@media (max-width: 768px) {
  .fs-s1 { font-size: 11px; }
  .fs-s2 { font-size: 12px; }
  .fs-s3 { font-size: 13px; }
  .fs-s4 { font-size: 14px; }
  .fs-s5 { font-size: 15px; }
  .fs-s6 { font-size: 16px; }
  .fs-s7 { font-size: 17px; }
  .fs-s8 { font-size: 18px; }
  .fs-s9 { font-size: 19px; }
  .fs-s10 { font-size: 20px; }
  .fs-s11 { font-size: 21px; }
  .fs-s12 { font-size: 22px; }
  .fs-s13 { font-size: 23px; }
  .fs-s15 { font-size: 26px; }
  .fs-s16 { font-size: 30px; }
  .fs-s17 { font-size: 35px; }  

  .mt-20 { margin-top: 12px; }
  .mt-30 { margin-top: 14px; }
  .mt-40 { margin-top: 16px; }
  .mt-50 { margin-top: 20px; }
  .mt-60 { margin-top: 30px; }
  .mt-75 { margin-top: 35px; }
  .mt-80 { margin-top: 40px; }
  .mt-90 { margin-top: 45px; }
  .mt-100 { margin-top: 50px; }
  .mt-120 { margin-top: 60px; }
  .mt-130 { margin-top: 65px; }
  .mt-140 { margin-top: 70px; }
  .mt-150 { margin-top: 75px; }
  .mt-160 { margin-top: 80px; }
  .mt-190 { margin-top: 85px; }
  .mt-200 { margin-top: 100px; }
  .mt-300 { margin-top: 150px; }
  .mt-250 { margin-top: 125px; }
  .mt-300 { margin-top: 150px; }
  .mb-20 { margin-bottom: 12px; }
  .mb-30 { margin-bottom: 14px; }
  .mb-40 { margin-bottom: 16px; }
  .mb-50 { margin-bottom: 20px; }
  .mb-60 { margin-bottom: 30px; }
  .mb-75 { margin-bottom: 35px; }
  .mb-80 { margin-bottom: 40px; }
  .mb-90 { margin-bottom: 45px; }
  .mb-100 { margin-bottom: 50px; }
  .mb-110 { margin-bottom: 55px; }
  .mb-120 { margin-bottom: 60px; }
  .mb-130 { margin-bottom: 65px; }
  .mb-140 { margin-bottom: 70px; }
  .mb-150 { margin-bottom: 75px; }
  .mb-160 { margin-bottom: 80px; }
  .mb-190 { margin-bottom: 85px; }
  .mb-200 { margin-bottom: 100px; }
  .mb-230 { margin-bottom: 115px; }

  .ml-30 { margin-left: 10px; }
  .mr--12 { margin-right: 2%; }

  .p-50 { padding: 30px; }

  .nav-footer { display: none !important; }
  .footer-box { text-align: center; }

  .container-slider-cases { min-height: auto; margin-right: auto; }
  .case-item { width: 90vw; margin: 0 auto; }
  .case-image { height: auto;  }
  .case-item .case-image img { width: 100%; height: auto; border-radius: 51px; }
  .img-capa { display: none; }
  .img-aberta { position: relative; visibility: visible; opacity: 1; width: 100%; height: auto; transform: none; left: auto; top: auto; }

  .element-desktop { display: none; }
  .txt-diferente { min-height: auto; }

  #main-header nav { padding-right: 0px; }

  #carouselClientes .carousel-inner { min-height: 1100px; height: auto; display: flex; align-items: center; }
  #carouselClientes .carousel-item > .row { padding: 0px 15px; }
  #carouselClientes .carousel-control-next, #carouselClientes .carousel-control-prev { top: auto; bottom: -60px; }
  #carouselClientes .carousel-control-next, #carouselClientes .carousel-control-prev { width: 50%; }
  .carousel-text p { margin-left: 10px; margin-right: 10px; }
  .carousel-img { margin-right: 10px; }

  .cards-diferencial article {  margin: 0px; }
  .cards-diferencial article h3, .cards-diferencial article h4 { text-align: center; }
  .cards-diferencial li { font-size: 15px; }
  /* .cards-diferencial article > div { padding: 50px 40px; } */
  /* .case-image:hover, .case-image.touch-active { width: 600px; }
  .case-item { width: 85%; }
  .case-image { min-height: auto; height: auto; } */
  .cta-section { min-height: auto; }
  .cta-section .p-50 { padding: 5px; }
  .cta-section .p-50div { padding: 10px; }
  .cta-section div.p-50 article.p-50 { padding: 25px; }
  
  #desafios .p-50 { padding: 10px; }
  #desafios .cards-desafios { grid-template-columns: 1fr; gap: 20px; }
  #desafios .cards-desafios article > div { padding: 30px; }
  .cards-diferencial article > div { padding: 40px 20px; }

  .cards-desafios article div div { margin: 0px auto 30px auto; }

  .cards-trabalhe-conosco { grid-template-columns: 1fr; gap: 20px; }
  .cards-trabalhe-conosco article > div { padding: 30px; }

  #homeBlog { margin-top: 0px; }
  #homeBlog .slick-list{padding:10px 20px 0;}

  .post-item { flex: 1 1 calc(100% - 20px);}
  .posts-list { grid-row-gap: 3rem; grid-template-columns: 1fr; }
  .container-reels .posts-list { grid-row-gap: 3rem; grid-template-columns: 1fr; }

  .first-posts-list { grid-template-columns: 1fr; margin-bottom: 3rem; }
  .first-list { grid-template-columns: 1fr; grid-row-gap: 2rem; }

  .blog-container,.case-bg-img{ min-height:380px; }

  .header-scrolled { backdrop-filter: blur(5px); }
  .p-50 { padding: 30px; }

  .carousel-metodologia { min-height: 750px; }
  .carousel__item-metodologia { flex-direction: column; }
  .carousel__item-body-metodologia { padding: 15px; text-align: center; }

  .row-desafios { gap: 15px; }
  .title-desafios { gap: 15px; }

  .container-form .wpcf7-submit { font-size: 21px; }
  .label-form .label-input { right: 20px; }
  .label-form .wpcf7-form-control-wrap textarea.input-form { padding-top: 45px; }  
  .label-form .wpcf7-form-control-wrap input.input-form[name="ultimo_salario"] { height: 88px; }
  .page-template-page-fale-conosco input.btn-s7 { justify-content: center; text-align: center; }
  .page-template-page-trabalhe-conosco-cadastro input.btn-s7 { justify-content: center; text-align: center; }
  .page-template-page-trabalhe-conosco-cadastro .label-form .wpcf7-form-control-wrap input.input-form { min-height: 71px; height: auto; }
}

@media (max-width: 599px) { body.admin-bar #main-header { top: 0px; } }
@media (max-width: 576px) { 
  .logo-grid { grid-template-columns: 1fr; }
  .label-form:has(input.input-form:focus) .label-input, .label-form:has(input.input-form.has-value) .label-input, .label-form:has(select.input-form) .label-input, .label-form:has(textarea.input-form:focus) .label-input, .label-form:has(textarea.input-form.has-value) .label-input { font-size: 10.5px; }
  .container-form .wpcf7-form { padding-right: 10px; padding-left: 10px; }
  .label-form .wpcf7-form-control-wrap input.input-form, .label-form .wpcf7-form-control-wrap select.input-form, .label-form .wpcf7-form-control-wrap textarea.input-form { font-size: 12px; }
  .label-form .label-input { font-size: 13px; }
  .page-template-page-trabalhe-conosco-cadastro .first-container { margin-top: 150px; }
  .wpcf7-form .wpcf7-file.input-form::after { height: auto; }  
}

/* Estilos de animação */
.text-left, .img-left {
  position: relative;
  animation: fromLeft 1s forwards;
}
  
  @keyframes fromLeft {
    from {
      left: -100%;
      opacity: 0;
    }
    to {
      left: 0;
      opacity: 1;
    }
  }
  
  .text-right, .img-right {
    position: relative;
    animation: fromRight 1s forwards;
  }
  
  @keyframes fromRight {
    from {
      right: -100%;
      opacity: 0;
    }
    to {
      right: 0;
      opacity: 1;
    }
  }
  
  .text-bottom, .img-bottom {
    position: relative;
    animation: fromBottom 1s forwards;
  }
  
  @keyframes fromBottom {
    from {
      bottom: -100%;
      opacity: 0;
    }
    to {
      bottom: 0;
      opacity: 1;
    }
  }
  
.hidden { opacity: 0; }

  @keyframes aFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
  }


/* CMB2 */
.cmb2-tabs {
  display: flex;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.cmb2-tab {
  padding: 10px 20px;
  cursor: pointer;
  border: 1px solid #ddd;
  margin-bottom: -1px;
  background-color: #f9f9f9;
}

.cmb2-tab.active {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}

.cmb2-tab-content {
  display: none;
}

.cmb2-tab-content.active {
  display: block;
}
/* CMB2 FIM */


/* slick.css v1.8.1 minified */
/* copia tudo entre esta linha e a linha final deste bloco */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/* end slick.css */

/* Dots */
.slick-dotted.slick-slider{ margin-bottom: 30px; }
/* .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } */
.slick-dots { position: relative; bottom: 0px; display: block; width: 100%; padding: 0; margin: 0; margin-top: 40px; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before
{ font-family: 'slick'; font-size: 6px; line-height: 10px; position: absolute; top: 0; left: 0; width: 10px; height: 10px; content: '•'; text-align: center; opacity: .25; color: var(--color-7); background: var(--color-7); border-radius: 50px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before{ opacity: .75; color: var(--color-7); background: var(--color-7); border-radius: 50px; }