@charset "UTF-8";

:root {
  --header-height: 124px;
  --max-width-lg: 1596px;
  --max-width-md: 1360px;
  --max-width-sm: 1120px;
  --color-1: #FCFCFC;
  --color-2: #000000; /* 1F3241 */
  --color-3: #f56727;
  --color-4: #818181;  
  --color-5: #1b1b1b;  
  --color-6: #F1F1F1;
  --color-7: #FFFFFF;
  --color-8: #141414;
  --color-9: #0C0C0C;
  --color-10: #1b1b1b80;
  --color-11: #f5672795;
  --color-12: #c7c7c7;
  --color-13: #e6e6e6;
}
* { 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: "Roboto", sans-serif; }
html { height: 100%; margin: 0; padding: 0; font-family: "Roboto", 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: 130%; }
h1, h2, h3, p, span { margin: 0px; }
h1, h2, h3, h4, h5, h6 { font-family: "Roboto"; font-weight: 700; }
textarea, input, select { font-family: "Roboto", sans-serif; }

body.wp-admin { background: #f0f0f1; color: #3c434a; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Roboto, 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; display: inline-block; }
.footer-box > div { width: 100%; height: 100%; display: flex ; justify-content: center; align-items: center; gap: 35px; background: var(--color-2); padding: 0px 30px 80px 30px; }

.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: 0px auto; font-size: 14px; }
.social-icons { display: flex; align-items: center; gap: 15px; }

.social-icons svg path { transition: fill 0.3s ease;  }
.social-icons svg:hover path { fill: var(--color-11); }
nav .social-icons svg path { fill: var(--color-3); }
nav .social-icons svg:hover path { fill: var(--color-11); }


/* Fonts */
.fm-s0 { font-family: "Roboto"; font-weight: 100; font-style: normal; }
.fm-s1 { font-family: "Roboto"; font-weight: 400; font-style: normal; }
.fm-s2 { font-family: "Roboto"; font-weight: 700; font-style: normal; }
strong.fm-s0 { font-family: "Roboto"; font-weight: 700; font-style: normal; }
.fm-s0 strong { font-family: "Roboto"; 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: 24px; }
.fs-s10 { font-size: 27px; }
.fs-s11 { font-size: 30px; }
.fs-s12 { font-size: 32px; }
.fs-s13 { font-size: 34px; }
.fs-s14 { font-size: 39px; }
.fs-s15 { font-size: 44px; }
.fs-s48 { font-size: 48px; }
.fs-s16 { font-size: 60px; }
.fs-s17 { font-size: 70px; }
.fs-s18 { font-size: 104px; }
.fs-s19 { font-size: 340px; }
.fs-s220 { font-size: 220px; }
.fs-40 { font-size: 40px; }
.fs-s26 { font-size: 26px; }
.fs-s48 { font-size: 48px; }

.mw-50 { max-width: 50%; }
.mw-65 { max-width: 65%; }

.mw-70 { max-width: 70px; }
.mw-75 { max-width: 75px; }
.mw-101 { max-width: 101px; }
.mw-110 { max-width: 110px; }
.mw-120 { max-width: 120px; }
.mw-130 { max-width: 130px; }
.mw-140 { max-width: 140px; }
.mw-150 { max-width: 150px; }
.mw-180 { max-width: 180px; }
.mw-200 { max-width: 200px; }
.mw-210 { max-width: 210px; }
.mw-230 { max-width: 230px; }
.mw-250 { max-width: 250px; }
.mw-260 { max-width: 260px; }
.mw-280 { max-width: 280px; }
.mw-290 { max-width: 290px; }
.mw-305 { max-width: 305px; }
.mw-315 { max-width: 315px; }
.mw-320 { max-width: 320px; }
.mw-330 { max-width: 330px; }
.mw-350 { max-width: 350px; }
.mw-360 { max-width: 360px; }
.mw-370 { max-width: 370px; }
.mw-390 { max-width: 390px; }
.mw-400 { max-width: 400px; }
.mw-420 { max-width: 420px; }
.mw-430 { max-width: 430px; }
.mw-460 { max-width: 460px; }
.mw-500 { max-width: 500px; }
.mw-510 { max-width: 510px; }
.mw-520 { max-width: 520px; }
.mw-525 { max-width: 525px; }
.mw-530 { max-width: 530px; }
.mw-540 { max-width: 540px; }
.mw-550 { max-width: 550px; }
.mw-560 { max-width: 560px; }
.mw-570 { max-width: 570px; }
.mw-580 { max-width: 580px; }
.mw-600 { max-width: 600px; }
.mw-630 { max-width: 630px; }
.mw-640 { max-width: 640px; }
.mw-650 { max-width: 650px; }
.mw-670 { max-width: 670px; }
.mw-690 { max-width: 690px; }
.mw-700 { max-width: 700px; }
.mw-712 { max-width: 712px; }
.mw-720 { max-width: 720px; }
.mw-730 { max-width: 730px; }
.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-860 { max-width: 860px; }
.mw-870 { max-width: 870px; }
.mw-880 { max-width: 880px; }
.mw-900 { max-width: 900px; }
.mw-930 { max-width: 930px; }
.mw-950 { max-width: 950px; }
.mw-960 { max-width: 960px; }
.mw-970 { max-width: 970px; }
.mw-980 { max-width: 980px; }
.mw-990 { max-width: 990px; }
.mw-1000 { max-width: 1000px; }
.mw-1020 { max-width: 1020px; }
.mw-1060 { max-width: 1060px; }
.mw-1070 { max-width: 1070px; }
.mw-1090 { max-width: 1090px; }
.mw-1100 { max-width: 1100px; }
.mw-1120 { max-width: 1120px; } 
.mw-1150 { max-width: 1150px; } 
.mw-1175 { max-width: 1175px; }
.mw-1200 { max-width: 1200px; }
.mw-1220 { max-width: 1220px; }
.mw-1230 { max-width: 1230px; }
.mw-1280 { max-width: 1280px; }
.mw-1350 { max-width: 1350px; }

.w-50 { width: 50%; }
.w-60 { width: 60%; }
.w-100 { width: 100%; }
.h-100 { height: 100%; }
.h-auto { height: auto; }
.min-h-52 { min-height: 100%; }
.min-h-100 { min-height: 100%; }
.min-h-190 { min-height: 190px; }
.min-h-240 { min-height: 240px; }
.min-h-280 { min-height: 280px; }
.min-h-290 { min-height: 290px; }
.min-h-310 { min-height: 310px; }
.min-h-330 { min-height: 330px; }
.min-h-350 { min-height: 350px; }
.min-h-385 { min-height: 385px; }
.min-h-410 { min-height: 410px; }
.min-h-430 { min-height: 430px; }
.min-h-450 { min-height: 450px; }
.min-h-460 { min-height: 460px; }
.min-h-500 { min-height: 500px; }
.min-h-520 { min-height: 520px; }
.min-h-544 { min-height: 544px; }
.min-h-740 { min-height: 740px; }
.min-h-800 { min-height: 800px; }
.min-h-940 { min-height: 940px; }
.min-h-1060 { min-height: 1060px; }
.min-h-1193 { min-height: 1193px; }
.min-h-1655 { min-height: 1655px; }
.min-h-1894 { min-height: 1894px; }

.max-h-1655 { max-height: 1655px; }

.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 ); }
.img-scale { transition: all 0.3s; }
.img-scale:hover, .img-scale:active { transform: scale( 1.05 ); }
.img-bottom-transp { -webkit-mask-image: linear-gradient(to top, transparent 0%, black 12%, black 100%); mask-image: linear-gradient(to top, transparent 0%, black 12%, black 100%); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; }

.first-container { margin-top: 230px; margin-bottom: 130px; }

.mt-0 { margin-top: 0px; }
.mt-10 { margin-top: 10px; }
.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-96 { margin-top: 96px; }
.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-220 { margin-top: 220px; }
.mt-230 { margin-top: 230px; }
.mt-250 { margin-top: 250px; }
.mt-300 { margin-top: 300px; }
.mt-400 { margin-top: 400px; }
.mb-0 { margin-bottom: 0px; }
.mb-10 { margin-bottom: 10px; }
.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-170 { margin-bottom: 170px; }
.mb-190 { margin-bottom: 190px; }
.mb-200 { margin-bottom: 200px; }
.mb-210 { margin-bottom: 210px; }
.mb-230 { margin-bottom: 230px; }
.mr-0 { margin-right: 0px; }
.mr-10 { margin-right: 10px; }
.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; }

.ml-xxl-50 { margin-left: 50px; }
.ml-xxl-90 { margin-left: 90px; }
.mr-xxl-50 { margin-right: 50px; }
.mr-xxl-90 { margin-right: 90px; }

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

.mx-10 { margin-right: 10px; margin-left: 10px; }
.mx-30 { margin-right: 30px; margin-left: 30px; }

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

.my-0 { margin-right: 0px; margin-left: 0px; }

.p-15 { padding: 15px; }
.p-20 { padding: 20px; }
.p-25 { padding: 25px; }
.p-30 { padding: 30px; }
.p-50 { padding: 50px; }
.p-60 { padding: 60px; }
.p-100 { padding: 100px; }
.pt-1 { padding-top: 1px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-40 { padding-top: 40px; }
.pt-60 { padding-top: 60px; }
.pt-120 { padding-top: 120px; }
.pt-210 { padding-top: 210px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-40 { padding-bottom: 40px; }
.pb-50 { padding-bottom: 50px; }
.pb-70 { padding-bottom: 70px; }
.pb-90 { padding-bottom: 90px; }
.pb-120 { padding-bottom: 120px; }
.pb-150 { padding-bottom: 150px; }
.pb-190 { padding-bottom: 190px; }
.pb-210 { padding-bottom: 210px; }
.pb-350 { padding-bottom: 350px; }
.pb-450 { padding-bottom: 450px; }
.pl-160 { padding-left: 160px; }
.py-15 { padding-top: 15px; padding-bottom: 15px; }
.py-30 { padding-top: 30px; padding-bottom: 30px; }
.px-30 { padding-right: 30px; padding-left: 30px; }
.px-15 { padding-right: 15px; padding-left: 15px; }

.gap-10 { gap: 10px }
.gap-15 { gap: 15px }
.gap-20 { gap: 20px }
.gap-25 { gap: 25px }
.gap-30 { gap: 30px }
.gap-35 { gap: 35px }
.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-160 { gap: 160px }
.gap-y-20 { gap: 20px 0px }

.gap-1400-30 { gap: 30px }

.top-0 { top: 0px; bottom: auto; }
.left-0 { left: 0px; }
.right-0 { right: 0px; }
.bottom-0 { bottom: 0px; top: auto;}

.left-60 { left: -60px; }

.top100 { top: 100px; bottom: auto; }
.left100 { left: 100px; }
.right100 { right: 100px; }
.bottom100 { bottom: 100px; top: auto;}

.top-40 { top: -40px; bottom: auto; }
.left-40 { left: -40px; }
.right-40 { right: -40px; }
.bottom-40 { bottom: -40px; top: auto;}

.top-80 { top: -80px; bottom: auto; }
.left-80 { left: -80px; }
.right-80 { right: -80px; }
.bottom-80 { bottom: -80px; top: auto;}

.top-100 { top: -100px; bottom: auto; }
.left-100 { left: -100px; }
.left-120 { left: -120px; }
.right-100 { right: -100px; }
.bottom-100 { bottom: -100px; top: auto;}

.top-190 { top: -190px; bottom: auto; }

.top-350 { top: -350px; bottom: auto; }
.left-350 { left: -350px; }
.right-350 { right: -350px; }
.bottom-350 { bottom: -350px; top: auto;}

.z-4 { z-index: 4; }
.z-5 { z-index: 5; }
.z-6 { z-index: 6; }

.radius-20 { border-radius: 20px; }
.radius-30 { border-radius: 30px; }
.radius-40 { border-radius: 40px; }
.radius-50 { border-radius: 50px; }
.radius-80 { border-radius: 80px; }

.transform-translate-y100 { transform: translateY(100px); }
.transform-translate-y-100 { transform: translateY(-100px); }
.transform-translate-y-110 { transform: translateY(-110px); }
.transform-translate-y-210 { transform: translateY(-210px); }
.transform-translate-y-370 { transform: translateY(-370px); }

.color-s1 { color: var(--color-1); }
.color-s2 { color: var(--color-2); }
.color-s3 { color: var(--color-3); }
.color-s4 { color: var(--color-7); }
.color-s5 { color: var(--color-7); }
.color-s6 { color: var(--color-8); }
.color-s7 { color: var(--color-9); }
.color-s8 { color: var(--color-10); }
.bg1 { background: var(--color-7); }
.bg2 { background: var(--color-6); }
.bg3 { background: var(--color-3); }
.bg4 { background: var(--color-7); }
.bg5 { background: var(--color-2); }
.bg6 { background: var(--color-5); }
.bg7 { background: var(--color-10); }
.bg8 { background: var(--color-3); }
.bg9 { background: var(--color-13); }
/* .bg7 { background: var(--color-11); } */

.border-bottom1 { border-bottom: 1px solid #000000; }
.border-top1 { border-top: 1px solid #000000; }

.bg-degrade { background: radial-gradient(circle at top right, #FCFCFC 0%, var(--color-11) 70%) }
.fmedium { font-weight: 400; }
.t-center { text-align: center; }
.btn-s1 { width: 100%; max-width: 180px; height: 32px; background: var(--color-3); color: var(--color-1); border: none; border-radius: 45px; overflow: hidden; display: flex; align-items: center; justify-content: center; border: none; transition: all 0.5s ease; position: relative; text-decoration: none; text-align: center; font-size: 11px; padding: 0px 15px; z-index: 1; }
#main-header .d-flex .btn-s1:hover { background: var(--color-2); color: var(--color-7); }
.btn-s2 { width: 100%; max-width: 398px; height: auto; background: var(--color-3); color: var(--color-7); border: none; border-radius: 47px; overflow: hidden; display: flex; align-items: center; justify-content: center; gap: 20px; border: 1px solid var(--color-1); padding: 18px 25px; transition: all 0.5s ease; position: relative; text-decoration: none; z-index: 1; }
.btn-s2:hover { background: var(--color-2); border: 1px solid var(--color-7); color: var(--color-7); }
.btn-s2 .btn-icon  { min-width: 17px; height: 17px; display: flex; justify-content: center; align-items: center; right: 6px; transition: all 0.5s ease; position: relative; z-index: 2; }
.btn-s2 .btn-text { text-align: center; margin-right: 5px; }  

.btn-s3 { width: 100%; max-width: 243px; height: auto; background: var(--color-2); color: var(--color-7); border: none; border-radius: 47px; overflow: hidden; display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--color-1); padding: 18px 25px; transition: all 0.5s ease; position: relative; text-decoration: none; z-index: 1; }
.btn-s3:hover { background: var(--color-2); border: 1px solid var(--color-2); color: var(--color-7); }
.btn-s3 .btn-icon  { min-width: 17px; height: 17px; display: flex; justify-content: center; align-items: center; right: 6px; transition: all 0.5s ease; position: relative; z-index: 2; }
.btn-s3 .btn-text { width: 100%; text-align: center; margin-right: 5px; }  

.btn-s4 { width: 100%; max-width: 450px; height: auto; background: var(--color-3); color: var(--color-7); border: none; border-radius: 47px; overflow: hidden; display: flex; align-items: center; justify-content: center; gap: 20px; border: 1px solid var(--color-1); padding: 18px 25px; transition: all 0.5s ease; position: relative; text-decoration: none; z-index: 1; }
.btn-s4:hover { background: var(--color-2); border: 1px solid var(--color-7); color: var(--color-7); }
.btn-s4 .btn-icon  { min-width: 17px; height: 17px; display: flex; justify-content: center; align-items: center; right: 6px; transition: all 0.5s ease; position: relative; z-index: 2; }
.btn-s4 .btn-text { text-align: center; margin-right: 5px; }

.btn-s5 { width: 100%; max-width: 398px; height: auto; background: var(--color-2); color: var(--color-7); border: none; border-radius: 47px; overflow: hidden; display: flex; align-items: center; justify-content: center; gap: 20px; border: 1px solid var(--color-1); padding: 18px 25px; transition: all 0.5s ease; position: relative; text-decoration: none; z-index: 1; }
.btn-s5:hover { background: var(--color-2); border: 1px solid var(--color-2); color: var(--color-7); }
.btn-s5 .btn-icon  { min-width: 17px; height: 17px; display: flex; justify-content: center; align-items: center; right: 6px; transition: all 0.5s ease; position: relative; z-index: 2; }
.btn-s5 .btn-text { text-align: center; margin-right: 5px; }  

.btn-s6 { width: 100%; max-width: 190px; height: auto; background: var(--color-3); color: var(--color-7); border: none; border-radius: 47px; overflow: hidden; display: flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid var(--color-1); padding: 18px 25px; transition: all 0.5s ease; position: relative; text-decoration: none; z-index: 1; }
.btn-s6:hover { background: var(--color-2); border: 1px solid var(--color-7); color: var(--color-7); }
.btn-s6 .btn-icon  { min-width: 17px; height: 17px; display: flex; justify-content: center; align-items: center; right: 6px; transition: all 0.5s ease; position: relative; z-index: 2; }
.btn-s6 .btn-text { text-align: center; margin-right: 5px; }

/* .btn-text span { margin-left: 30px; } */
.btn-icon img { width: auto; transform: translatex(0px); transition: transform 0.5s ease; }
.btn-s2:hover .btn-icon img, .btn-s3:hover .btn-icon img, .btn-s4:hover .btn-icon img, .btn-s5:hover .btn-icon img { transform: translatex(5px); }

.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-130 { line-height: 130%; }
.lh-140 { line-height: 140%; }
.lh-150 { line-height: 150%; }
.lh-180 { line-height: 180%; }

.text-decoration-none { text-decoration: none; }

.space-sub-title { width: 100%; height: 1px; }

.title-page { display: inline-block; position: relative; padding: 0px 22px; z-index: 2; }
.title-page::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 34px; background-color: var(--color-3); z-index: -1; }

/* Header Fixo */
#main-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 7; transition: all 0.5s ease; }
#main-header .d-flex a { transition: all 0.3s ease; }
#main-header .d-flex a:hover, #main-header .d-flex a:active, #main-header .d-flex a:focus { color: var(--color-3); }
/* #main-header nav { padding-right: 100px; } */
.header-infos { position: relative; }
.header-infos::after { width: 90%; content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); border-bottom: 1px solid var(--color-13); }
.header-transparent { height: auto; background: var(--color-10); box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.header-scrolled { height: auto; 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; }
.single-post .header-transparent { background: var(--color-10); }
@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; }
/* NAVEGAÇÃO PRINCIPAL */
.nav-links { display: flex; align-items: center; gap: 40px; list-style: none; margin: 0; padding: 0; transition: all 0.3s ease; }
.nav-links > li { position: relative; }
.nav-links .nav-link { color: var(--color-5); 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, .nav-links .nav-link:active { color: var(--color-3);}
/* .nav-links .nav-link:hover, .nav-links .nav-link:active, .nav-links .nav-link:focus { color: var(--color-3); transform: scale(1.1);} */

.menu-title { position: relative; display: inline-block; overflow: hidden; height: auto; }

.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 .menu-item-has-children:hover > .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-1); padding: 20px 0px 17px 0px; list-style: none; 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: var(--color-2); -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-3); }
#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: var(--color-2); 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, .nav-links-mobile a:active { 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, .nav-links-mobile a:active { 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: var(--color-7); }
body::-webkit-scrollbar-thumb { background-color: var(--color-12); border-radius: 20px; border: 3px solid var(--color-7); }

/* SEGMENTOS */
.table-scroll::-webkit-scrollbar { height: 3px; }
.table-scroll::-webkit-scrollbar-track { background: transparent; }
.table-scroll::-webkit-scrollbar-thumb { background: var(--color-12); border-radius: 10px; }

/* 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); }


/* HOME */
/* #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%; margin-top: var(--header-height); background: var(--color-2); display: flex; justify-content: center; align-items: center; }
.container-movie { width: 100%; max-width: 100vw; aspect-ratio: 16 / 9; max-height: calc(100vh - var(--header-height));  position: relative; background: var(--color-2); }
.youtube-player { position: relative; width: 100%; height: 100%; }
.youtube-player iframe { position: relative; width: 100%; height: 100%; aspect-ratio: 16 / 9; border: 0; object-fit: cover; }
/* .container-movie { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; z-index: 1; }
.container-movie video { width: 100%; display: block; max-inline-size: 100%; z-index: 1; position: absolute; -webkit-clip-path: inset(1px 1px); clip-path: inset(1px 1px); } */

.img-home-sobre { max-width: 100%; position: absolute; margin-top: 96px; }
.text-home-sobre { height: 100%; display: flex; flex-direction: column; justify-content: center; position: relative; }
.text-home-sobre h2 { margin-top: 400px; }
.box-sobre { width: 100%; max-width: 363px; display: flex ; flex-direction: column; align-items: center; padding: 40px; text-align: center; background: var(--color-1); border-radius: 30px; box-shadow: -10px 11px 29px 0 rgba(0, 0, 0, 0.25); }
.img-sobre { width: 131px; height: 91px; display: flex; justify-content: center; align-items: center; background: var(--color-3); border-radius: 30px; }

.path-solu { position: relative; z-index: 2;}
.path-solu::before { width: 155px; height: 47px; position: absolute; content:''; background: url("../assets/icons/vector-img-solu.png") center center no-repeat; top: 60px; right: -80px; }

.content-clientes { width: 100%; max-width: 1360px; min-height: 599px; height: auto; display: flex; flex-direction: column; align-items: center; gap: 50px; padding: 20px; background: var(--color-1); border-radius: 30px; box-shadow: -10px 11px 29px 0 rgba(0, 0, 0, 0.25); }
.row-clientes { display: flex; justify-content: center; gap: 50px 10px; flex-wrap: wrap; }
.icon-cliente { width: 178px; height: 124px; }

/* PRODUTOS */
.box-produtos { width: 585px; max-width: 100%; display: flex; background: var(--color-7); border-radius: 25px; padding: 20px; flex-direction: column; align-items: center; }
.produtos-titles { display: flex; align-items: center; justify-content: center; background: var(--color-3); border-radius: 25px; flex-direction: column; }
.produtos-titles img { border-radius: 25px; }
.produtos-infos { display: flex; justify-content: center; align-items: flex-start; gap: 20px; margin-top: 40px; margin-bottom: 40px; }
.produtos-infos p { margin-bottom: 0px; }

@media (max-width: 480px) {
  .row-clientes { justify-content: center; }
  /* .icon-cliente { width: 50px; height: 50px; } */
}

/* Serviços */
.title-wrapper { position: relative; text-align: center; margin: 80px 0; } 
.title-wrapper h2 { position: relative; z-index: 2; margin: 0; } 
.title-wrapper span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); white-space: normal; z-index: 1; pointer-events: none; }

/* Catalogo */
.content-img-catalogo { width: 100%; max-width: 530px; min-height: 385px; position: relative; margin-left: 35px; }
.img-catalogo { width: 513px; max-width: 100%; height: 425px; position: absolute; top: -20px; }
.content-btn-catalogo { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 35px; text-align: center; }

/* Por que */
.box-porque { width: 560px; max-width: 100%; display: flex; align-items: center; gap: 35px; border-bottom: 1px solid var(--color-2); padding: 15px 0px;}
.bg-porque-home { width: auto; max-width: 100%; height: 100%; position: absolute; top: -58px; object-fit: cover; left: 0px; }
.box-porque-produtos { width: 100%; max-width: 280px; min-height: 330px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px; background: var(--color-7); border-radius: 40px; }
.box-porque-segmentos { width: 100%; max-width: 280px; min-height: 350px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px; background: var(--color-7); border-radius: 40px; }
.box-porque-sobre { width: 100%; max-width: 305px; min-height: 450px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 25px; background: var(--color-6); border-radius: 40px; }

/* w-60 img-fluid img-bg-content z-1 left-0 */

@media(max-width: 1440px) { 
  .bg-porque-home { max-width: 68%; height: auto; top: auto; bottom: 0px; }
}
@media(max-width: 1220px) { 
  .backdrop-lg { background: rgb(255 255 255 / 70%); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
}

.path-home-form1 { width: auto; max-width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; object-fit: cover; }
.path-home-form2 { width: auto; max-width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; object-fit: cover; }
@media(max-width: 1120px) { 
  .path-home-form1 { left: -120px; }
.path-home-form2 { right: -120px; }
.content-img-catalogo { margin: 0px auto 10px auto; }
.content-btn-catalogo { margin: 0px auto 40px auto; }
}
@media(max-width: 768px) { 
  .path-home-form1 { left: -280px; }
  .path-home-form2 { right: -280px; }
  .box-porque-produtos, .box-porque-sobre, .box-porque-segmentos { min-height: auto; }
  .box-porque-sobre { justify-content: center; }
}

.content-float-fornecedores { max-width: 712px; position: relative; }
.box-float-fornecedores { width: 100%; padding: 30px 35px; border-radius: 20px; position: absolute; bottom: 40px; left: 85px; z-index: 1; animation: pulsoBorda 2s infinite ease-in-out; }

/* FORM HOME */
form.wpcf7-form .wpcf7-form-control.wpcf7-submit { text-wrap: auto; }

/* wrapper  ROLLS IMG*/
.rolls-img { overflow: hidden; white-space: nowrap;        /* restaura o comportamento antigo */ position: relative; width: 100%; user-select: none; -webkit-tap-highlight-color: transparent; box-sizing: border-box; } /* owl stage = equivalente de .inner antigo */ .rolls-img .owl-stage { display: flex; gap: 15px;                  /* manter mesmo gap do antigo */ align-items: flex-end;      /* importa para alinhar imagens ao fundo, como antes */ width: max-content;         /* garante o layout inline longo como o antigo .inner */ transition-timing-function: linear; will-change: transform; backface-visibility: hidden; } /* cada item (equivalente a .inner .content-rolls-img) */ .rolls-img .content-rolls-img { max-width: 100%; display: flex; flex-direction: column; justify-content: flex-end; position: relative; transition: all 0.5s ease; white-space: normal;        /* texto quebra normalmente — como no antigo */ box-sizing: border-box; overflow: hidden;           /* evita overflow quando aumenta no hover */ } /* imagem por trás do conteúdo (como antes) */ .rolls-img .content-rolls-img img { width: 100%; height: 100%; border-radius: 40px; object-fit: cover; position: absolute; top: 0; left: 0; display: block; will-change: transform, opacity; backface-visibility: hidden; } /* tamanhos por índice (mantive suas regras originais) */ .content-rolls-img[data-index="0"], .content-rolls-img[data-index="2"], .content-rolls-img[data-index="4"], .content-rolls-img[data-index="6"], .content-rolls-img[data-index="8"], .content-rolls-img[data-index="10"] { width: 507px; height: 255px; } .content-rolls-img[data-index="1"], .content-rolls-img[data-index="3"], .content-rolls-img[data-index="5"], .content-rolls-img[data-index="7"], .content-rolls-img[data-index="9"] { width: 690px; height: 347px; } /* hover: aumenta dimensões (igual ao antigo) */ .rolls-img .content-rolls-img:hover { width: 827px; height: 416px; } /* overlay gradient / efeitos do antigo */ .rolls-img .content-rolls-img::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background: linear-gradient(to top, var(--color-2) 0%, transparent 100%); border-radius: 40px; opacity: 0; transition: opacity 0.5s ease; pointer-events: none; } /* link dentro do item começa escondido e aparece no hover (como antes) */ .rolls-img .content-rolls-img a { opacity: 0; transition: all 0.5s ease; z-index: 2;                 /* garante que o texto apareça sobre a imagem */ color: inherit; text-decoration: none; } /* quando hover, mostra overlay e link (idêntico ao antigo) */ .rolls-img .content-rolls-img:hover::after, .rolls-img .content-rolls-img:hover a { opacity: 1; } /* desempenho: evita que o owl adicione transições conflitantes */ .rolls-img .owl-stage { transition: none; /* controlamos a animação via JS */ } /* pequenas proteções para responsividade */ @media (max-width: 768px) { .content-rolls-img[data-index="0"], .content-rolls-img[data-index="2"], .content-rolls-img[data-index="4"] { width: calc(100% - 40px); height: auto; } .content-rolls-img[data-index="1"], .content-rolls-img[data-index="3"], .content-rolls-img[data-index="5"] { width: calc(100% - 40px); height: auto; } .rolls-img .content-rolls-img:hover { width: calc(100% - 20px); height: auto; } }


.h-projetos { max-height: 1655px; }
.imgs-projeto-list img { max-width: 431px; max-height: 255px; }

/* BLOG */
article.box-blog { width: 100%; max-width: 331px; height: auto; min-height: 433px; border-radius: 30px; overflow: hidden; transition: all 0.5s; position: relative; }
.box-blog img { width: 100%; min-height: 300px; height: auto; object-fit: cover; }
/* .box-blog img:hover { opacity: 0.8; } */
.box-blog h3, .box-blog p, .box-blog a, .box-blog img { transition: all 0.5s; }

article.box-blog:hover { transform: translateY(-10px); }
.box-blog h3:hover, .box-blog p:hover, .box-blog a:hover { color: var(--color-3); }
article.box-blog::before { content: ''; position: absolute; bottom: 130px; left: 0px; width: 100%; height: 135px; background: linear-gradient(to top, var(--color-5) 20%, transparent 95%); background-size: 100% 100%;  z-index: 2; opacity: 1; transition: all 0.4s ease, opacity 0.4s ease, background-size 0.4s ease, transform 0.4s ease; transform: translateY(0); }
article.box-blog:hover::before { height: 105px; }

.thumb-single-blog { width: 100%; max-width: 1300px; height: auto; border-radius: 80px; }
.category-blog { width: 100%; max-width: 119px; height: auto; min-height: 32px; display: flex; justify-content: center; align-items: center; background: var(--color-3); color: var(--color-1); border-radius: 16px; text-align: center; text-decoration: none; transition: all 0.5s ease-in-out; }
.category-blog:hover { opacity: 0.9; transform: scale(1.1); }

/* Sobre */
.path-sobre-topo1 { width: auto; max-width: 396px; position: absolute; top: 0px; left: 0px; object-fit: contain; }
.path-sobre-topo2 { width: auto; max-width: 415px; position: absolute; bottom: 0px; right: 0px; object-fit: contain; }
@media(max-width: 1120px) { 
  .path-sobre-topo1 { left: -120px; }
  .path-sobre-topo2 { right: -120px; }
}
@media(max-width: 768px) { 
  .path-sobre-topo1 { left: -280px; }
  .path-sobre-topo2 { right: -280px; }
}

/* SEGMENTOS */
.breadcrumb { justify-content: center; margin: 20px 0; color: var(--color-12); }
.breadcrumb ol { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
.breadcrumb li { margin-right: 15px; font-size: 39px; }
.breadcrumb a { color: var(--color-3); text-decoration: none; transition: color 0.3s; }
.breadcrumb a:hover { color: var(--color-11); text-decoration: none; }
.breadcrumb li:first-child a { font-weight: 700; }
.breadcrumb li:last-child a { color: var(--color-7); font-weight: 400; }
.breadcrumb .current { color: var(--color-7); }
.breadcrumb li:not(:last-child)::after { content: ">"; margin-left: 15px; color: var(--color-12); }

.table-scroll { width: 100%; }
.line-check-mid { width: 100%; max-width: 1100px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0px 30px 0px 100px; padding-bottom: 20px; border-bottom: 1px solid var(--color-6); }
.line-check-mid:last-child { border: none; }
.line-check-between { width: 100%; max-width: 1100px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0px 30px 0px 30px; padding-bottom: 20px; border-bottom: 1px solid var(--color-6); }
.line-check-between:last-child { border: none; }

/* Normas */
.line-check-norma { width: 100%; max-width: 1100px; display: flex; align-items: center; justify-content: flex-start; gap: 20px; padding: 0px 30px 0px 100px; padding-bottom: 20px; border-bottom: 1px solid var(--color-2); }
.line-check-norma:last-child { border: none; }
.line-table-norma { width: 100%; max-width: 1100px; display: flex; align-items: center; justify-content: flex-start; gap: 20px; padding: 0px 20px 0px 20px; padding-bottom: 20px; border-bottom: 1px solid var(--color-2); }
.line-table-norma:last-child { border: none; }
.circle-norma { display: inline-flex; align-items: center; justify-content: center; width: 142px; height: 32px; position: relative; z-index: 1; } 
.circle-norma::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--color-3); border-radius: 16px; z-index: -1; }
.path-bottom-normas { max-width: 100%; height: 47px; position: absolute; top: -37px; left: 50%; transform: translateX(-50%); z-index: 2; }

/* FAQ */
.pergunta-box { overflow: hidden; display: flex; flex-direction: column; gap: 25px; min-height: 295px; justify-content: space-between; align-items: center; }
.pergunta-item { width: 100%; max-width: 975px;}
.pergunta-title { width: 100%; max-width: 975px; display: flex; align-items: center; padding: 10px 25px 10px 30px; cursor: pointer; background-color: var(--color-6); transition: background-color 0.7s ease, color 0.7s ease; justify-content: space-between; color: var(--color-2); }
.pergunta-title:hover { opacity: 0.95; }
.pergunta-icon { display: flex; margin-right: 10px; }
.icon-opened { display: none; }
.pergunta-title[aria-expanded="true"] { background: var(--color-3); border: transparent; color: var(--color-7); outline: none; }
.pergunta-title[aria-expanded="true"] .icon-closed { display: none; }
.pergunta-title[aria-expanded="true"] .icon-opened { display: inline; }
.pergunta-content { height: 0; width: 100%; max-width: 975px; padding: 0 25px 0 30px; display: block; background-color: transparent; line-height: 130%; overflow: hidden; transition: height 0.7s ease, padding 0.7s ease; }
.pergunta-content[aria-expanded="true"] { height: auto; padding: 20px 25px 20px 30px; outline: none; }
#contentPerguntas > p { margin-top: 30px; }

/* CONTATO */
.content-float-contato { width: 100%; max-width: 100%; position: relative; }
.box-float-contato { width: 100%; padding: 30px 35px; border-radius: 20px; position: absolute; bottom: 70px; left: 415px; z-index: 1; animation: pulsoBorda 2s infinite ease-in-out; }

/* Serviços */
.content-selo-servicos { margin-left: 160px; margin-bottom: 190px; }
.img-servicos { border-radius: 80px; }
.selo-servicos { max-width: 100%; height: auto; position: absolute; bottom: -190px; left: -160px; object-fit: cover; }

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


/* Certificações */
.box-certificacoes { width: 100%; max-width: 400px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}
.box-certificacoes > img { border: 8px solid var(--color-6); }

/* 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; }

form.wpcf7-form { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; gap: 25px 30px; }
.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: var(--color-8); border: 1px solid transparent; border-radius: 20px; background-color: var(--color-1); outline: none; }
.label-input { position: absolute; left: 34px; top: 25px; font-size: 16px; color: var(--color-8); 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: var(--color-8); } */
.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: var(--color-12); }

.input-form { width: 100%; max-width: 768px; height: auto; min-height: 78px; padding: 14px 34px 6px 34px; font-size: 16px; color: var(--color-8); border-radius: 15px; background-color: var(--color-1); border: 1px solid var(--color-12); outline: none; }
textarea.input-form::placeholder { color: var(--color-12); }
.input-form-md { width: 100%; max-width: 369px; }
.input-form-lg { width: 100%; max-width: 512px; }
.label-input { position: absolute; left: 34px; top: 25px; font-size: 16px; color: var(--color-8); 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: var(--color-12); }
/* .input-form { background-color: transparent; } */
.wpcf7-form-control-wrap { width: 100%; }

.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: var(--color-12) !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; }

.arrow-form-select { position: absolute; top: 30px; right: 20px; }

.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: var(--color-2); }

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

#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: 930px; height: 71px; padding: 14px 34px 6px 34px; font-size: 16px; color: var(--color-8); border-radius: 20px; background-color: var(--color-1); 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: 34px; font-size: 16px; color: var(--color-8); 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: var(--color-2) !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: var(--color-8); }
select.input-form { appearance: none; -webkit-appearance: none; -moz-appearance: none; color: var(--color-2); }
select.input-form option { background-color: var(--color-7); color: var(--color-12); }
select.input-form option:checked { background-color: var(--color-6); }
.label-form:has(select.input-form) .label-input { opacity: 0; visibility: hidden; transition: all .2s ease; }
.label-form:has(select.input-form:focus) .label-input, .label-form:has(select.has-value) .label-input { opacity: 1; visibility: visible; top: 5px; font-size: 12px; color: var(--color-12); }



/* Seção de Compartilhamento */
.custom-comments-area { max-width: 900px; 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); }

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

/* 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 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 } */


/* Footer */
#footer { display: flex; flex-direction: column; width: 100%; height: auto; position: relative;}
#bgFooter { width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; background: var(--color-2); z-index: 1; position: relative; padding-top: 20px; }
.path-topo-footer { height: 50px; top: -42px; object-fit: cover; z-index: 4; }
#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 { width: auto; display: flex; flex-direction: column; margin: 0px; }
.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); }
.nav-footer p { line-height: 120%; }
#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; }


/* 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); }

.border-bottom-mobile-1 { border-bottom: 0px; }
.img-modal { width: 100vw; height: 100vh; display: none; position: fixed; z-index: 9999; inset: 0; background: rgba(0,0,0,0.9); justify-content: center; align-items: center; overflow: hidden; }
.img-modal-content { max-width: 90%; max-height: 90%; border-radius: 8px; transition: transform 0.3s ease; touch-action: pinch-zoom; }
#caption { margin-top: 15px; text-align: center; color: #ccc; font-size: 16px; }
.img-modal .close { position: absolute; top: 20px; right: 35px; color: #fff; font-size: 40px; font-weight: bold; cursor: pointer; }
#copy { background: var(--color-13); min-height: 50px; height: auto; padding: 15px; }

@media (max-width: 1700px) { 
  .img-home-sobre { width: 930px; margin-top: 115px;}
}
@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-s14 { font-size: 35px; }
  .fs-s15 { font-size: 38px; }
  .fs-s16 { font-size: 50px; }
  .fs-s17 { font-size: 65px; }
  .fs-s18 { font-size: 90px; }
  .fs-s19 { font-size: 260px; }
  .fs-s220 { font-size: 170px; }
  .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; } 
  
  .carousel-item > .row { padding: 0px 55px; }

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

}

@media (max-width: 1500px) {
  .nav-links { flex-wrap: wrap; gap: 25px; }
}

@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-s14 { font-size: 30px; }
  .fs-s15 { font-size: 35px; }
  .fs-s16 { font-size: 45px; }
  .fs-s17 { font-size: 50px; }
  .fs-s18 { font-size: 80px; }
  .fs-s19 { font-size: 180px; }
  .fs-s220 { font-size: 125px; }

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

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

  .ml-xxl-0 { margin-left: 20px; }
  .mt-xxl-40 { margin-top: 40px; }

  .ml-xxl-50 { margin-left: 0px; }
  .ml-xxl-90 { margin-left: 0px; }

  .mr-xl-50 { margin-left: 0px; }
  .mr-xl-90 { margin-left: 0px; }

  .gap-1400-30 { gap: 20px }

  /* #bgTopo { min-height: 700px; } */

  .img-home-sobre { width: 810px; margin-top: 128px; }

  .h-projetos { max-height: 1550px; }
}

@media (max-width: 1360px) {

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

  .ml-xxl-0 { margin-left: 0px; }

  .posts-list { padding: 0px; }
  .first-posts-list  { padding: 0px }
}
@media (max-width: 1300px) {
  .nav-links { gap: 20px; }
}

@media (max-width: 1200px) {
  #main-header nav .social-icons, .header-infos { display: none; }  
  .img-desktop { display: none; }
  .nav-links { display: none; }
  .hamburger { display: flex; gap: 6px; } 
  .navbar { width: 90%; padding: 45px 0px 15px 0px; }

  .content-rolls-img[data-index] { width: 45vw; height: 25vw; }
  .rolls-img .inner .content-rolls-img:hover { width: 55vw; height: 30vw; }

  /* HOME SOBRE */
  .img-home-sobre { position: relative; }
  .text-home-sobre h2 { margin-top: 20px; }

  /* .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; }

  #homeBlog { margin-top: 0px; }
}

@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-s14 { font-size: 28px; }
  .fs-s15 { font-size: 32px; }
  .fs-s16 { font-size: 35px; }
  .fs-s17 { font-size: 38px; }
  .fs-s18 { font-size: 70px; }
  .fs-s19 { font-size: 130px; }
  .fs-s220 { font-size: 75px; }

  .gap-20 { gap: 12px }
  .gap-25 { gap: 17px }
  .gap-30 { gap: 19px }
  .gap-35 { 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 }
  .gap-160 { gap: 80px }

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

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

  .h-projetos { max-height: 1230px; }
  .min-h-1655 { min-height: auto; }

  /* .navbar { justify-content: center; } */
  .breadcrumb li { font-size: 32px; }

  /* TOPO */
  /* #bgTopo { min-height: 650px; } */


  .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: var(--color-2); margin: 0px; }
  .menu-item-has-children > a { padding-right: 60px; }

  .col-1120 { display: none; }

  /* Home */
  .container-movie video { bottom: 0px; }
  /* .box-servicos { flex: 0 0 72%; }  */
  .servicos-carousel { margin-bottom: 140px; }

  /* CONTATO */
  .content-float-contato  { margin-bottom: 180px; }
  .content-float-contato img { left: 50%; transform: translateX(-50%); }
  .box-float-contato  { border: 1px solid var(--color-6); bottom: -180px; left: 50%; transform: translateX(-50%); }

  /* SEGMENTOS */
  .line-check-mid, .line-check-between { flex-direction: column; }
  .line-check-mid p { text-align: left; }
  .line-check-between p { text-align: center; }
  /* SEGMENTOS */

  /* 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 }
}

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

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

@media (max-width: 900px) {
  .input-form { max-width: 100%; }
  .label-form-md { max-width: 100%; }
  /* #bgTopo { min-height: 550px; } */
}

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

@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-s14 { font-size: 24px; }
  .fs-s15 { font-size: 26px; }
  .fs-s16 { font-size: 30px; }
  .fs-s17 { font-size: 32px; }
  .fs-s18 { font-size: 45px; }
  .fs-s19 { font-size: 90px; }
  .fs-s220 { font-size: 55px; }

  .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: 90px; }
  .mt-200 { margin-top: 110px; }
  .mt-230 { margin-top: 135px; }  
  .mt-250 { margin-top: 175px; }
  .mt-300 { margin-top: 180px; }
  .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-170 { margin-bottom: 85px; }
  .mb-190 { margin-bottom: 85px; }
  .mb-200 { margin-bottom: 100px; }
  .mb-210 { margin-bottom: 105px; }
  .mb-230 { margin-bottom: 115px; }

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

  .p-50 { padding: 30px; }
  .p-100 { padding: 50px; }
  .pb-350 { padding-bottom: 175px; }

  .top-350 { top: -175px; }

  .p-mobile-30 { padding: 30px; }
  .p-mobile-15 { padding: 15px; }

  .t-md-center { text-align: center; }

  .border-bottom-mobile-1 { border-bottom: 1px solid var(--color-2); }

  /* #bgTopo { min-height: 415px; } */

  .breadcrumb li { font-size: 26px; }

  .box-float-contato { position: relative; top: -10px; }

  /* Segmentos */ 
  .table-scroll { overflow-x:auto; }
  .single-produtos .line-check-mid, .single-produtos .line-check-between { align-items: center; }
  .line-check-mid, .line-check-between { gap: 10px; padding: 0px 0px 10px 0px; align-items: flex-start;}
  /* .line-check-mid div, .line-check-mid p { margin-left: auto; margin-right: auto; } */
  .line-check-mid p { text-align: left; }
  .line-check-mid .gap-50, .line-check-between .gap-50 { gap: 10px; }
  .line-check-mid img, .line-check-between  img { max-width: 30px; height: 30px; }
  .line-check-norma { min-width: 720px; align-items: flex-start; padding: 0px 0px 10px 0px; gap: 10px; }
  
  .line-check-norma .mw-350 { max-width: 100px;  }

  .box-porque { width: 100%; }

  .content-selo-servicos { margin-left: 80px; margin-bottom: 210px; }
  .selo-servicos { max-width: 200px; bottom: -100px; left: -70px; }

  /* .nav-footer { display: none !important; } */
  .footer-box { text-align: center; }
  .footer-box > div { flex-direction: column; align-items: center; }

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

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

  .content-float-fornecedores  { margin-bottom: 180px; }
  .content-float-contato  { margin-bottom: 0px; }
  .box-float-fornecedores, .box-float-contato  { border: 1px solid var(--color-6); bottom: -180px; left: 0px; transform: translateX(0px); }
  /* HOME */
  /* .box-servicos { flex: 0 0 80%; }
  .box-servicos { flex: 0 0 86%; } */

  /* Catalogo */
  .content-img-catalogo { min-height: 390px; }
  .img-catalogo { height: auto; }

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

  .h-projetos { max-height: 1030px; }

  .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; }    
  .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; } 
/* #bgTopo { min-height: 380px; } */ 
} 
@media (max-width: 576px) {
  /* Projetos */
  .title-wrapper-projetos h2 { margin: 0px 0px 0px 20px; }
  .title-wrapper-projetos span { left: 0px; }
  .imgs-projeto-list img { max-width: 100%; }

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

@media (max-width: 480px) {
  /* #bgTopo { min-height: 300px; }       */
  .breadcrumb ol { justify-content: center; }
  .breadcrumb li { font-size: 22px; text-align: center; }
  /* Catalogo */
  .content-img-catalogo { min-height: 270px; }
}


/* 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;
    }
  }
  
  @keyframes pulsoBorda {
      0% {
          /* No início, a sombra está colada no box e totalmente visível */
          box-shadow: 0 0 0 0 rgba(247, 247, 247, 0.7);
      }
      70% {
          /* A sombra se expande para fora (20px) e começa a sumir */
          box-shadow: 0 0 0 20px rgba(247, 247, 247, 0);
      }
      100% {
          /* O pulso reseta invisível antes de recomeçar */
          box-shadow: 0 0 0 0 rgba(247, 247, 247, 0);
      }
  }


/* 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; }