@font-face {
  font-family: 'DreadnoughtusBlack';
  src: url('../fonts/DreadnoughtusExtended/OpenType-TT/DreadnoughtusBlack.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DreadnoughtusBold';
  src: url('../fonts/DreadnoughtusExtended/OpenType-TT/DreadnoughtusBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'InterBold';
  src: url('../fonts/INTER/Inter-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'InterRegular';
  src: url('../fonts/INTER/Inter-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'InterSemiBold';
  src: url('../fonts/INTER/Inter-SemiBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'InterLight';
  src: url('../fonts/INTER/Inter-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Fonts */
.fm-s1 { font-family: "DreadnoughtusBold"; }
.fm-s2 { font-family: "DreadnoughtusBlack"; }
.fm-s3 { font-family: "InterRegular"; }
.fm-s4 { font-family: "InterSemiBold"; }
.fm-s5 { font-family: "InterLight"; }
.fm-s5 { font-family: "InterBold"; }

/* 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: 21px; }
.fs-s8 { font-size: 22px; }
.fs-s9 { font-size: 25px; }
.fs-s10 { font-size: 29px; }
.fs-s11 { font-size: 30px; }
.fs-s12 { font-size: 34px; }
.fs-s13 { font-size: 38px; }
.fs-s14 { font-size: 48px; }
.fs-s15 { font-size: 49px; }
.fs-s16 { font-size: 55px; }
.fs-s17 { font-size: 69px; }
.fs-s18 { font-size: 90px; }

: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%);
}
.color-s1 { color: #ffffff; }
.color-s2 { color: #000000; }
.color-s3 { color: #011024; }
.color-s4 { color: #002c4d; }
.fBold { font-weight: bold; }
.fmedium { font-weight: 400; }
.text-upper { text-transform: uppercase; }
.btn-s1 { width: 182px; height: 43px; background: transparent; color: #ffffff; background: transparent; border: none; border-radius: 12px; overflow: hidden; display: flex; align-items: center; justify-content: center; border: none; gap: 10px; transition: all 0.3s ease; position: relative; text-decoration: none; z-index: 1; }
.btn-s1::before, .btn-s3::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid transparent; background: linear-gradient(to right, #097e97, #d2d4ce) border-box; mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; border-radius: 12px; }
/* .btn-s1:after { position: absolute; content: ""; width: 100%; height: 0; top: 0; left: 0; border-radius: 12px; background-color: #097e97; background-image: linear-gradient(315deg, #097e97 17%, #d2d4ce 135%); transition: all 0.5s ease; z-index: -1; }  */
.btn-s1:after { color: #fff; position: absolute; content: ""; width: 0; height: 100%; top: 0; right: 0; z-index: -1; border-radius: 12px; background-color: #097e97; background-image: linear-gradient(90deg, #13869c 20%, #c0cdc9 100%); box-shadow:inset 1px 1px 1px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1); transition: all 0.5s ease; } 
/* .btn-s1:hover { color: #fff; } */
.nav-links a.btn-s1:hover { color: #fff; }
.nav-links ul, .nav-links li, .nav-links-mobile ul, .nav-links-mobile li { margin: 0px; }
/* .btn-s1:hover:after { top: auto; bottom: 0; height: 100%; } */
.btn-s1:hover:after { left: 0; width: 100%; }
.btn-s1:active {  transform: scale( 1.005 ); }
.btn-s2 { width: 267px; height: 59px; display: flex; justify-content: center; color: #011024; background-color: #13869c; background-image: linear-gradient(90deg, #13869c 20%, #c0cdc9 100%); border-radius: 12px; transition: all 0.3s ease; align-items: center; text-align: center; position: relative; text-decoration: none; z-index: 1; }
.btn-s2:after { position: absolute; content: ""; width: 100%; height: 0; top: 0; left: 0; z-index: -1; border-radius: 12px; background-color: #13869c; background-image: linear-gradient(90deg, #13869c 20%, #c0cdc9 100%); transition: all 0.5s ease; }
.btn-s2:hover { color: #fff; }
.btn-s2:hover:after { top: auto; bottom: 0; height: 100%; }
.btn-s2:active { transform: scale( 1.005 ); }
.btn-s3 { 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.3s 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:after { position: absolute; content: ""; width: 0; height: 100%; top: 0; right: 0; z-index: -1; border-radius: 12px; background-color: #097e97; background-image: linear-gradient(90deg, #13869c 20%, #c0cdc9 100%); box-shadow:inset 1px 1px 1px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1); transition: all 0.5s ease; }
.btn-s3:hover { color: #fff; }
.btn-s3:hover:after { left: 0; width: 100%; }
.btn-s3:active { transform: scale( 1.005 ); }
.btn-s4 { width: 267px; height: 59px; border: none; background-color: #097e97; background-image: linear-gradient(90deg, #13869c 20%, #c0cdc9 100%); color: #000c20; border-radius: 12px; overflow: hidden; display: flex; align-items: center; justify-content: center; border: none; gap: 10px; transition: all 0.3s ease; position: relative; text-decoration: none;  z-index: 1; }
.btn-s4:after { position: absolute; content: ""; width: 0; height: 100%; top: 0; right: 0; z-index: -1; border-radius: 12px; background-color: #097e97; background-image: linear-gradient(90deg, #13869c 20%, #c0cdc9 100%); box-shadow:inset 1px 1px 1px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1); transition: all 0.5s ease; }
.btn-s4:hover { color: #fff; }
.btn-s4:hover:after { left: 0; width: 100%; }
.btn-s4:active { transform: scale( 1.005 ); }
.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-n { line-height: normal; }
.lh-100 { line-height: 100%; }
.lh-150 { line-height: 150%; }

/* COMPONENTES GERAIS */
.flex { display: flex; }
.flex-resp { display: flex; flex-wrap: nowrap;}
.flex-center { display: flex; align-items: center; }
.flex-wrap { display: flex; flex-wrap: wrap; }
.f-row { display: flex; flex-direction: row; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-end { justify-content: flex-end; }
.align-center { align-items: center; }
.align-end { align-items: flex-end; }
.align-base { align-items: baseline; }
.content-s { display: flex; max-width: 1120px; flex-direction: column; margin: 0 auto; overflow: hidden; }
.content-t { display: flex; max-width: 1180px; flex-direction: column; margin: 0 auto; overflow: hidden; }
.content-u { display: flex; max-width: 1596px; flex-direction: column; margin: 0 auto; overflow: hidden; }
.content-v { display: flex; max-width: 90%; flex-direction: column; margin: 0 auto; overflow: hidden; }
.content-w { display: flex; max-width: 1280px; flex-direction: column; margin: 0 auto; overflow: hidden; }
.content-f { display: flex; width: 100%; flex-direction: column; overflow: hidden; }
.content-block { width: 90%; margin: 0 auto; }
.content-modelo { display: flex; flex-direction: column; gap: 50px 100px; margin: 90px auto; min-height: 60vh; }
.content-block-img { width: 95%; margin: 0 auto; }
.content-duo-img { display: flex; flex-wrap: wrap; gap: 30px; }
.content-img { display: block; margin: 0px auto; }
.content-img img { width: 100%; height: auto; }
.content-text { width: 100%; max-width: 650px; }
.content-img-text { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; }
.content-title-text { display: flex; flex-direction: column; gap: 50px; }
.content-default-title { padding-top: 160px; }
.content-default { flex-wrap: wrap; justify-content: center; margin: 60px auto; }
.content-default h2, .content-default h3, .content-default h4, .content-default h5, .content-default h6 { font-family: 'DreadnoughtusBold'; margin: 15px 0px; }
.content-default p { margin-bottom: 10px; }
.t-center { text-align: center; }
.decoration-none { text-decoration: none; }

.h-auto { height: auto; }
.content-text-larger { max-width: 700px; }
.content-text-medium { max-width: 650px; }
.content-text-small { width: 100%; max-width: 600px; }
.content-text-short { width: 100%; max-width: 550px; }
.mw-270 { max-width: 270px; }
.mw-275 { max-width: 275px; }
.mw-300 { max-width: 300px; }
.mw-360 { max-width: 360px; }
.mw-390 { max-width: 390px; }
.mw-440 { max-width: 440px; }
.mw-490 { max-width: 490px; }
.mw-680 { max-width: 680px; }
.mw-780 { max-width: 780px; }
.mw-890 { max-width: 890px; }
.mw-900 { max-width: 900px; }
.mw-1000 { max-width: 1000px; }
.mw-1120 { max-width: 1120px; }

/* GAP */
.gap-10 { gap: 10px; }
.gap-20 { gap: 20px; }
.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-130 { gap: 130px; }

/* Margin */
.m-auto { margin: 0px auto; }

.m-0 { margin: 0px; }
.m-10 { margin: 10px; }
.m-20 { margin: 20px; }
.m-30 { margin: 30px; }
.m-40 { margin: 40px; }
.m-50 { margin: 50px; }
.m-60 { margin: 60px; }
.m-70 { margin: 70px; }
.m-80 { margin: 80px; }

.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mt-60 { margin-top: 60px; }
.mt-70 { margin-top: 70px; }
.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-150 { margin-top: 150px }
.mt-160 { margin-top: 160px }
.mt-180 { margin-top: 180px }

.mb-7 { margin-bottom: 7px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }
.mb-100 { margin-bottom: 100px; }
.mb-120 { margin-bottom: 120px; }
.mb-130 { margin-bottom: 130px; }
.mb-150 { margin-bottom: 150px; }

.mr-10 { margin-right: 10px; }
.mr-20 { margin-right: 20px; }
.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-80 { margin-right: 80px; }
.mr-100 { margin-right: 100px }

.mL-10 { margin-left: 10px; }
.mL-20 { margin-left: 20px; }
.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-80 { margin-left: 80px; }
.mL-100 { margin-left: 100px }

.pb-100 { padding-bottom: 100px; }
.pb-150 { padding-bottom: 150px; }
.pb-200 { padding-bottom: 200px; }
.pb-250 { padding-bottom: 250px; }
.pl-4 { padding-left: 4%; }
.pl-5 { padding-left: 5%; }
.pl-8 { padding-left: 8%; }
.pl-12 { padding-left: 12%; }
.pl-15 { padding-left: 15%; }
.w-90 { width: 100%; }
.w-100 { width: 100%; }
.br-50 { border-radius: 50px;}
.bg1 { background: #000000; }
.overflow-visible { overflow: visible; }
.index6 { z-index: 6; }

/* Transform */
.translate-y70 { transform: translatey(-70px) }
.title-sobre { max-width: 970px; text-align: center; padding: 330px 0px 220px 0px; margin: 0px auto; }

/* Header Fixo */
#main-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 7; transition: all 0.5s ease; }
.header-transparent { background: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.header-scrolled { 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; }

.header-transparent, .header-scrolled { will-change: transform, background, backdrop-filter; }
.navbar { width: 90%; /* max-width: 1200px; */ margin: 0 auto; padding: 45px 0px 45px 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: rgb(0, 44, 77); 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); }
.sub-menu { display: none; position: relative; list-style: none; padding-left: 20px; background: rgba(255, 255, 255, 0.05); }
.sub-menu li { margin: 0; }
.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); text-transform: none; }
.sub-menu a:hover { color: #1e7f96; }
.sub-menu .menu-item .nav-link { text-transform: none; }

/* NAVEGAÇÃO PRINCIPAL */
.nav-links { display: flex; align-items: center; gap: 95px; list-style: none; margin: 0; padding: 0; transition: all 0.3s ease; }
.nav-links > li { position: relative; }
.nav-links .nav-link, .nav-links a  { color: #ffffff; text-decoration: none; font-weight: 600; display: flex; align-items: center; gap: 5px; text-transform: uppercase; transition: all 0.3s ease; position: relative; padding: 10px 0px 2px 0px; }
.nav-links .nav-link:hover, .nav-links a:hover  { color: #1e7f96; }
.nav-links .btn-s1 { padding: 0px; }

/* 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 { width: 200px; display: none; position: absolute; top: calc(100% + 7px); left: 0; background: #ffffff; padding: 10px 25px; list-style-type: none; transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); z-index: 99; min-width: auto; opacity: 0; box-shadow: 0 10px 20px rgba(0,0,0,0.1); margin-bottom: 5px; border-bottom: 1px solid #002c4d; }
#nav-desktop .sub-menu a { color: #002c4d !important; font-weight: 400; font-family: 'InterRegular'; white-space: nowrap; transition: all 0.2s ease; transform-origin: left center; padding: 0px; }
#nav-desktop .sub-menu .product-category:not(:first-child) { display: flex; border-top: 1px solid #002c4d; padding-top: 18px; margin-top: 18px; }
#nav-desktop .sub-menu li::marker { color: #002c4d; font-size: 1.2em; }
#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 .menu-item:last-child { margin-bottom: 18px; }
#nav-desktop .sub-menu .sub-menu { position: relative; list-style-type: disc; box-shadow: none;}
#nav-desktop .sub-menu .menu-item { list-style: disc; padding: 5px 0px 0px 0px; margin-left: 35px; }
#nav-desktop .menu-item-has-children:hover .sub-menu { display: block; opacity: 1; transform: translateY(0); }
/* 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: #1e7f96; }
.flip-horizontal { transform: scaleX(-1); }

.img-desktop { display: block; }
.img-mobile { display: none; }
/* Desktop - mantendo seu estilo original */

/* 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 { display: block; 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: #1e7f96; 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); }

/* 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: #002c4d;*/ color: #ffffff; white-space: nowrap; padding: 5px 0; display: block; }
.sub-menu a:hover { color: #1e7f96; }

/* BREADCRUMB */
.breadcrumb { font-family: "InterRegular", sans-serif; font-size: 14px; margin: 20px 0; color: #999; }
.breadcrumb ol { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
.breadcrumb li { margin-right: 5px; }
.breadcrumb a { color: #ffffff; text-decoration: none; transition: color 0.3s; }
.breadcrumb a:hover { color: #004d75; text-decoration: none; }
.breadcrumb .current { color: #ffffff; font-weight: 600; }
.breadcrumb li:not(:last-child)::after { content: "/"; margin-left: 5px; color: #999; }
/* BREADCRUMB */

/* TOPO */
#topo { display: flex; width: 100%; min-height: auto; position: relative; }
#bgTopo { width: 100%; min-height: 2182px; background-image: url("../assets/bgs/bg1.png"); background-color: #000000; background-position: center; background-size: cover; z-index: 6; }
#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%; }

/* Combate */
#titleCombate { margin-top: 105px; }
#titleCombate h2 { max-width: 780px; text-align: center; margin: 0px auto 85px auto; }

.contentCombate { display: flex; gap: 40px; margin-bottom: 50px;}
.contentCombate:nth-child(odd) { flex-direction: row-reverse; }
.combateText { max-width: 420px; display: flex; flex-direction: column; align-items: center; gap: 25px; }
.combateTitle { display: flex; align-items: center; gap: 15px; }
.combateText p { text-align: center; }
.imgCombate { width: 100%; max-width: 595px; height: 293px; border-radius: 51px; overflow: hidden; }
.imgCombate img { width: 100%; height: 100%; object-fit: cover;  border-radius: 51px; }
.title-degrade { font-weight: 600; background: linear-gradient(90deg, #e2e5e3, #1f8097); -webkit-background-clip: text; background-clip: text; color: transparent; }
.title-revert-degrade { font-weight: 600; background: linear-gradient(270deg, #e2e5e3, #1f8097); -webkit-background-clip: text; background-clip: text; color: transparent; }

#bgSolucoes { width: 100%; min-height: 1025px; background-image: url("../assets/bgs/bg2.png"); background-color: #000000; background-position: center; background-size: cover; z-index: 2; }
#solucoesText { margin-top: 40px; }
#solucoesText h2 { text-align: center; }
.carousel { display: flex; justify-content: center; align-items: center; height: 500px; position: relative; }
.carousel__list { display: flex; position: relative; width: 100%; height: 100%; justify-content: center; align-items: center; list-style: none; margin: 0; padding: 0; }
.carousel__item { position: absolute; transition: transform 0.5s ease, opacity 0.5s ease; width: 60%; max-width: 620px; height: 445px; display: flex; justify-content: center; align-items: center; pointer-events: none; opacity: 0; transform: scale(0.8); z-index: 1; }
.carousel__item.active { transform: scale(1); opacity: 1; pointer-events: auto; z-index: 3; }
.carousel__item.active .carousel__img { box-shadow: 0px 0px 100px 90px #000000db; }
.carousel__item.prev,
.carousel__item.next { transform: scale(0.9); opacity: 1; pointer-events: auto; z-index: 2; }
.carousel__item.prev { transform: translateX(-70%) scale(0.9); }
.carousel__item.next { transform: translateX(70%) scale(0.9); }
.carousel__img { width: 100%; height: auto; border-radius: 20px; user-select: none; }
#containerSolucoesBtn { margin: 190px auto 90px auto; }

/* Blog */
#blog { display: flex; width: 100%; min-height: auto; position: relative; }
#bgBlog { width: 100%; min-height: 942px; background-image: url("../assets/bgs/bg3.png"); background-color: #ffffff; background-position: center; background-size: cover; z-index: 2; }
#titleBlog { max-width: 490px; width: 100%; text-align: center; margin: 80px auto 90px auto;}
#containerBlogs #blogBoxs { justify-content: center; }
#blogBoxs { display: flex; justify-content: flex-start; gap: 40px; }
.blog-content-thumb { width: 100%; }
/* .content-blog .blog-content-thumb { height: 100%; } */
.blog-thumb { width: 100%; }
.content-blog .blog-thumb { width: 100%; max-width: 460px; min-height: 325px; }

.blog-icon { max-width: 100%; width: 40px; height: 40px; position: absolute; top: 25px; right: 25px; z-index: 1; }
.blog-box { width: 100%; max-width: 445px; height: auto; min-height: 570px; display: flex; flex-direction: column; align-items: center; gap: 10px; background: #ffffff; position: relative; }
.content-blog .blog-box { max-width: 460px; box-shadow: -4.85px 8.74px 13px 0px rgba(0, 0, 0, 0.1); box-shadow: -4.85px 8.74px 13px -1px rgba(0, 0, 0, 0.1); }
.content-blog .first-blog-box { max-width: 960px; align-items: flex-start; box-shadow: -4.85px 8.74px 13px 0px rgba(0, 0, 0, 0.1); box-shadow: -4.85px 8.74px 13px -1px rgba(0, 0, 0, 0.1);}
.content-blog .first-blog-box::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 50%; background: linear-gradient(to top, #000000 35%, transparent 100%); opacity: 1; transition: opacity 0.3s ease; z-index: 1; }
.first-blog-box img.bg-img-blog { position: absolute; width: 100%; height: 100%; }
.blog-box p { text-align: center; font-weight: 600; max-width: 180px; line-height: 130%; }
.text-blog-box { max-width: 325px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: 20px; margin: 30px auto; }
.first-text-blog-box { max-width: 565px; width: 100%; max-height: 570px; height: 100%; display: flex; justify-content: flex-end; flex-direction: column; gap: 20px; margin: 0px 0px 0px 70px; z-index: 2; }
.box-into-blog { width: 36px; height: 36px; position: absolute; top: 0px; right: 0; background: #000; }
.containerRecBtn { margin: 50px auto 95px auto; }

.content-blog { width: 100%; display: flex; gap: 50px 100px; margin: 90px auto; }
.content-blog article { width: 100%; max-width: 960px; }
.content-blog #blogBoxs { width: 100%; flex-wrap: wrap; flex: 3; }
.post-content h2 { font-size: 28px; }
.post-content h3 { font-size: 21px; }
.post-content h4 { font-size: 18px; }
.post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6, .post-content h7, .post-content h8, .post-content h9, .post-content h10 { font-family: "InterBold"; text-align: left; margin-top: 40px; margin-bottom: 40px; }
.post-content p { font-size: 18px; font-family: "InterRegular"; text-align: left; margin-bottom: 20px; }

/* Pagination Styles */
.pagination { display: flex; justify-content: center; align-items: center; margin: 50px auto 95px; font-family: "InterRegular", 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: #333; font-size: 16px; border-radius: 4px; transition: all 0.3s ease; }
.pagination .current { color: #1e7f96; font-weight: bold; }
.pagination a:hover { background-color: #1e7f96; 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; }
/* Responsive adjustments */

/* Abrangência */
#abrangencia { display: flex; max-height: 1000px; width: 100%; position: relative;}
#bgAbrangencia { width: 100%; min-height: 494px; background: #ffffff; z-index: 0; position: relative; ;}
#contentAbrangencia { max-width: 913px; height: auto; min-height: 494px; display: flex; align-items: center; justify-content: space-around; gap: 15px; position: relative; margin: 0 auto;}
.textAbrangencia { max-width: 325px; margin-top: 75px; }
.textAbrangencia p { margin-bottom: 25px; }
.listAbrangencia { max-width: 250px; padding: 0; margin: 0px;}
#abrangenciaText { max-width: 600px; display: flex; flex-wrap: wrap; flex-direction: column; align-content: space-around; align-items: flex-start; color: #ffffff; gap: 15px; z-index: 0; }
#abrangenciaText h2 { max-width: 450px; line-height: 35px;}
#abrangenciaImg { max-width: 435px; min-height: 446px; }
#abrangenciaImg img{ max-width: 435px; width: 100%; height: auto; position: relative;}
.containerBtn { margin: 75px auto; }

/* Footer */
#footer { display: flex; flex-direction: column; width: 100%; height: 220px; position: relative;}
#bgFooter { width: auto; height: 220px; display: flex; align-items: center; background: #000000; z-index: 1; position: relative; padding: 0px 30px; }
#contentFooter { width: 100%; height: auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;  gap: 20px; margin: 0px auto; padding: 30px 0px; }
#footerLogo { margin: 0px auto; }
#nav-footer { max-width: 810px; width: 100%; display: flex; gap: 85px; align-items: center; margin: 0px auto; }
#nav-footer a { min-width: 100px; text-decoration: none; transition: 0.5s; font-weight: 600; }
#nav-footer a:hover { opacity: 0.8; }
#nav-footer a:active { opacity: 0.8; }
#social { width: auto; max-width: 100%; height: 36px; display: flex; align-items: center; gap: 15px; margin: 0px auto; }
#social p { width: 100%; }
#socialIcons { width: auto; height: 36px; display: flex; gap: 5px; }
#contentFooter a img { transition: 0.7s; }
#contentFooter a img:hover { opacity: 0.8; }

/* COPY */
#copy { display: flex; width: 100%; height: 105px; position: relative;}
#bgCopy { width: 100%; height: auto; display: flex; align-items: center; background: #E7E7E7; z-index: 1; position: relative; }
#contentCopy { width: 70%; height: auto; display: flex; align-items: center; justify-content: space-between; padding: 20px 40px; margin: 0px auto; }
#contentcopy a img:hover { opacity: 0.8; }
#footerCopy p { color: #818181; }
#copyLogo { max-width: 104px; }
#copyLogo img { width: 100%; }

/* SOBRE */
#sobre-content { width: 100%; background: #00020f;}
#bg-sobre { width: 100%; min-height: 2380px; background-image: url("https://hydor.com.br/wp-content/uploads/2025/04/bg1-sobre.png"); background-color: #00020f; background-position: center; background-size: cover; z-index: 2; }
#bg2-sobre { width: 100%; min-height: auto; background-image: url("https://hydor.com.br/wp-content/uploads/2025/04/bg2-sobre.png"); background-color: #00020f; background-position: bottom; background-size: cover; z-index: 2; }
.content-acesse { width: auto; min-height: 610px; display: flex; align-items: center; background-image: url("https://hydor.com.br/wp-content/uploads/2025/04/bg-acesse-sobre.jpg"); background-color: #00020f; background-position: center; background-size: cover; z-index: 2; border: 1px solid #ffffff; border-radius: 50px; position: relative; margin-top: 120px; margin-bottom: 250px; }
.content-acesse .content-title-text { transform: translateX(70px); }
.content-acesse .content-text { width: auto; }
.content-acesse .content-img-text { width: 100%; position: relative; flex-wrap: nowrap; justify-content: normal; }
.content-acesse .content-img { position: relative; width: 100%; max-width: 590px; height: 493px; }
.content-acesse .content-img img { position: absolute; max-width: 590px; top: 50%; transform: translateY(-38%) translateX(35px); }
.shadow { filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.4)) drop-shadow(28px 15px 6px rgba(0, 0, 0, 0.2)); }
.content-acesse2 { min-height: 590px; background-image: url("https://hydor.com.br/wp-content/uploads/2025/04/bg-mockup.jpg") }
.content-acesse2 .content-img { width: 100%; max-width: 809px; height: auto; }
.content-acesse2 .content-img img { max-width: 809px; top: 0%; transform: translateY(-50%) translateX(35px); }
.content-acesse2 .content-title-text { transform: translateX(100px);}
.content-acesse3 { width: auto; min-height: 610px; display: flex; align-items: center; background-image: url("https://hydor.com.br/wp-content/uploads/2025/04/bg-mockup-phryos.jpg"); background-color: #00020f; background-position: center; background-size: cover; z-index: 2; border: 1px solid #ffffff; border-radius: 50px; position: relative; margin-top: 120px; margin-bottom: 250px; }
.content-acesse .content-img img { transform: translateY(-50%) translateX(35px); }

/* CONTATO */
.bg-default { width: 100%; min-height: 340px; background-image: url("https://hydor.com.br/wp-content/uploads/2025/04/bg-default.jpg"); background-color: #00020f; background-position: center; background-size: cover; z-index: 2; }
.content-contato { display: flex; gap: 50px 100px; margin: 90px auto; }
.content-contato-whats { width: 100%; max-width: 516px; height: auto; max-height: 724px; color: #ffffff; text-decoration: none; font-weight: 600; display: flex; align-items: flex-start; gap: 35px; transition: all 0.3s ease; position: relative; padding: 60px 70px; flex-direction: column; justify-content: center; }
.content-contato-whats::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid transparent; background: linear-gradient(to right, #097e97, #d2d4ce) border-box; mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; border-radius: 50px; }
.content-contato-whats h3, .content-contato-whats p { max-width: 350px; }
.content-contato-whats div img { margin-bottom: 5px; }
.content-form { width: 100%; max-width: 750px; height: auto; display: flex; flex-direction: column; gap: 40px; }
.content-form form { display: flex; gap: 22px; flex-direction: column; }
.content-form div { display: flex; flex-direction: column; gap: 7px; }
.content-form div input, .content-form div select { width: auto; height: auto; padding: 20px; border: 1px solid #d7d7d7; border-radius: 4px; box-shadow: -3.5px 6.06px 10px 0px rgba(0, 0, 0, 0.11); }
.content-form .form-line { display: flex; gap: 30px; flex-direction: row; }
.content-form .form-line #telefone { width: 80%; }
.content-form form input[type="text"], .content-form form input[type="number"], .content-form form input[type="email"], .content-form form textarea, .content-form form select { width: auto; padding: 0px 20px; height: 50px; background: #FFF; border-radius: 7px; border: 1px solid #e5e5e5; }
.content-form div textarea { width: auto; height: auto; padding: 10px 20px; border: 1px solid #d7d7d7; border-radius: 4px; box-shadow: -3.5px 6.06px 10px 0px rgba(0, 0, 0, 0.11); }
.content-form button { border: none; }
.wpcf7-form label { display: block; margin-bottom: 10px; }
.wpcf7-form br { display: none; }
.wpcf7-form-control-wrap { width: 100%; display: flex; flex-direction: column; }
.wpcf7-form-control-wrap #motivo { height: 150px; }
.content-form form #cidade { display: none; }
.content-form form #cidade-select { width: 100%; }
/* PRODUTOS */
/* .content-title-produtos { display: flex; gap: 50px 100px; margin: 90px auto; } */
.produto-single { padding: 30px 0; }
.produto-imagem { margin-bottom: 20px; border: 1px solid #eee; padding: 10px; }
.produto-precos { margin: 20px 0; font-size: 1.5em; }
.preco-promocional { color: #004d75; font-weight: bold; }
.preco-original { color: #999; margin-right: 10px; }
.produto-caracteristicas ul { list-style: none; padding-left: 0; }
.produto-caracteristicas li { padding: 5px 0; border-bottom: 1px dashed #eee; }
.bg-produtos-default { width: 100%;  background-color: #00020f; background-position: center; background-size: cover; z-index: 2; }
.content-title-produtos { width: 100%; max-width: 1360px; min-height: 340px; background-color: transparent; z-index: 2; margin: 0px auto; }

/* diluvio-fdv */
#bg-diluvio-fdv { min-height: 1005px; background-image: url("https://hydor.com.br/wp-content/uploads/2025/04/bg-diluvio-fdv.jpg"); } 
#bg-diluvio-fdv2 { min-height: 1770px; background-image: url("https://hydor.com.br/wp-content/uploads/2025/04/bg-diluvio-fdv2.jpg"); background-repeat: no-repeat; background-size: cover; }
.box-valvula { max-width: 550px; width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; }
.box-valvula img { width: 100%; }
.bg-text-degrade { width: 100%; max-width: 519px; height: 66px; display: flex; justify-content: center; color: #ffffff; background-color: #007690; background-image: linear-gradient(90deg, #007690 20%, #003454 100%); transition: all 0.3s ease; align-items: center; text-align: center; position: relative; text-decoration: none; z-index: 1; line-height: 25px; margin-left: 29px; }
.bg-diluvio-fdv { background: #000000; }

.content-play { position: relative; display: flex; align-items: center; justify-content: center; z-index: 5; }
.content-play img.text-right { border-radius: 54px; }
.icon-player { width: 120px; height: 120px; color: #ffffff; background-color: #15869c; background-image: linear-gradient(90deg, #15869c 20%, #bfcdc9 100%); transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; text-align: center; position: absolute;  top: 50%; transform: translateY(-50%) rotate(0deg); border: none; overflow: hidden; cursor: pointer; border-radius: 50%; }
.icon-player::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(90deg, #bfcdc9 20%, #15869c 100%); opacity: 0; transition: opacity 0.7s ease; z-index: -1; }
.icon-player:hover::before { opacity: 1; }

.modal { position: fixed; top: 0; left: 0; width: 100%;height: 100%; background: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center; z-index: 1000; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; }
.modal.active { opacity: 1; visibility: visible; }
.modal-content { position: relative; width: 90%; max-width: 800px; }
.modal-close { position: absolute; top: -40px; right: 0; background: none; border: none; color: #ffffff; font-size: 24px; cursor: pointer; transition: 0.7s; }
.modal-close:hover { color: #1e7f96; }
.modal-video { width: 100%; aspect-ratio: 16/9; border: none; }
/* diluvio-fdv */

/* hallos */
#bg-hallos { width: 100%; min-height: 1538px; background-image: url("https://hydor.com.br/wp-content/uploads/2025/04/bg-hallos.jpg"); background-color: #000000; background-position: bottom; background-repeat: no-repeat; z-index: 3; }
#bg-hallos2 {  width: 100%; min-height: 1470px; height: 2060px; background-image: url("https://hydor.com.br/wp-content/uploads/2025/04/bg-hallos2.jpg"); background-color: #000000; background-repeat: no-repeat; background-position: center; z-index: 2; }
#hallos-qualidade { transform: translateY(-420px); }
#bg-hallos3 { width: 100%; min-height: 2710px; background-image: url("https://hydor.com.br/wp-content/uploads/2025/04/bg-hallos3.jpg"); background-color: #000000; background-repeat: no-repeat; background-position-x: center; z-index: 3; }
#box-sustentabilidade { height: 725px; position: relative; }
.box-white { width: 675px; height: 544px; display: flex; align-items: center; background: #ffffff; border-radius: 50px; position: relative; z-index: 5; }
.box-white p { margin-right: 310px; }
.box-sustenta-img { position: relative; z-index: 6;}
.box-sustenta-img img { border-radius: 50px; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; }
.box-degrade-right { width: 918px; height: 382px; display: flex; justify-content: flex-end; align-items: center; background-image: url("https://hydor.com.br/wp-content/uploads/2025/04/box-degrade.jpg"); background-color: #000000; background-repeat: no-repeat; border-radius: 50px; margin-top: 335px; margin-right: 50px; position: relative; z-index: 4; }
.box-degrade-right p { margin-right: 50px; margin-left: 215px; }
#bg-hallos4 { width: 100%; min-height: 1248px; background-image: url("https://hydor.com.br/wp-content/uploads/2025/04/bg-hallos4.jpg"); background-color: #000000; background-repeat: no-repeat; z-index: 3; }
/* hallos */

/* phryos */
#bg-phryos { width: 100%; min-height: 1203px; background-image: url("https://hydor.com.br/wp-content/uploads/2025/04/bg-phryos.jpg"); background-color: #000000; background-position: bottom; background-repeat: no-repeat; z-index: 3; position: relative;}
#bg-phryos2 { width: 100%; min-height: auto; background-image: url("https://hydor.com.br/wp-content/uploads/2025/04/bg-phryos2.jpg"); background-color: #000000; background-position: bottom; background-repeat: no-repeat; z-index: 3; }
#box-confrontando { height: auto; min-height: 520px; }
.box-confrontando-text { width: 1024px; height: 412px; display: flex; justify-content: flex-start; align-items: center; background-image: url("https://hydor.com.br/wp-content/uploads/2025/04/box-phryos-degrade.png"); background-color: transparent; background-repeat: no-repeat; position: relative; z-index: 3; }
.box-confrontando-img { position: relative; z-index: 4; }
/* .box-confrontando-img img { border-radius: 50px; transform: translateY(85px) translateX(-185px);} */
.box-confrontando-img .img-gout { border-radius: 50px; transform: translateY(55px) translateX(-185px); }
.line-phryos { position: absolute; bottom: 5%; right: 0px; z-index: 4; }
.box-sustentabilidade-text { width: 1300px; min-height: 496px; height: auto; display: flex; justify-content: flex-start; align-items: center; background-image: url("https://hydor.com.br/wp-content/uploads/2025/04/retangulo-phyros.png"); background-color: transparent; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 3; }
.box-sustentabilidade-text p { margin-left: 103px; }
.box-emerge-img { max-width: 820px; width: 100%; display: flex; justify-content: flex-start;  transform: translateY(-200px); z-index: 3; }
.box-emerge-text { margin-top: 50px; }
#bg-phryos3 { width: 100%; min-height: 1847px; background-image: url("https://hydor.com.br/wp-content/uploads/2025/04/bg-phryos3.jpg"); background-color: #000000; background-repeat: no-repeat; background-position: right; z-index: 3; }

.content-benef { width: auto; min-height: 840px; display: flex; align-items: center; background-color: #ffffff; z-index: 2; border-radius: 50px; position: relative; margin-top: 0px; margin-bottom: 90px; }
/* .content-benef .content-title-text { transform: translateX(70px); } */
.content-benef .content-img-text { width: 100%; position: relative; display: flex; flex-wrap: nowrap; align-items: center; }
.content-benef .content-img { position: relative; width: 100%; max-width: 693px; height: 611px; display: flex; align-items: center; }
.content-benef .content-img img { position: absolute; max-width: 693px; transform: translateX(-65px); border-radius: 50px; }
.content-benef .icons-benef { width: 100%; display: flex; flex-direction: column; gap: 30px; }
.content-benef .icon-benef { height: auto; display: flex; align-items: center; gap: 30px; }
.icon-benef p { width: 380px; }
.content-benef a { position: absolute; left: 0; bottom: -30px; margin: auto; }
/* phryos */

/* reacton */
#bg-reacton { width: 100%; min-height: 1184px; background-image: url("https://hydor.com.br/wp-content/uploads/2025/05/bg-reacton.jpg"); background-color: #000000; background-position: bottom; background-repeat: no-repeat; z-index: 3; }
.boxs-aplicacoes { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; padding: 20px; }
.box-aplicacoes { width: 370px; height: 494px; border-radius: 50px; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); border: 1px solid transparent; background-origin: border-box; background-clip: content-box, border-box; background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(270deg, #e2e5e3, #1f8097); box-shadow: 0 1px 3px rgba(0,0,0,0.12),  0 10px 20px -10px rgba(31, 128, 151, 0.3); position: relative; }  
.box-aplicacoes::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 50%; background: linear-gradient(to top, #000000 20%, transparent 100%); opacity: 1; transition: opacity 0.3s ease; z-index: 1; }
.box-aplicacoes img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; transition: transform 0.5s ease; }
.box-aplicacoes p { width: 100%; max-width: 345px; position: relative; color: #ffffff; text-align: center; padding: 20px; margin: 0; z-index: 2; transform: translateY(20px); opacity: 0; transition: all 0.4s ease 0.1s; font-weight: 500; text-shadow: 0 1px 3px rgba(0,0,0,0.5); box-sizing: border-box; margin-bottom: 45px; }
.box-aplicacoes:hover { transform: translateY(-5px); box-shadow: 0 4px 8px rgba(0,0,0,0.15), 0 15px 30px -10px rgba(31, 128, 151, 0.4); }
.box-aplicacoes:hover img { transform: scale(1.05); }
.box-aplicacoes:hover p { transform: translateY(0); opacity: 1; }
.box-aplicacoes:hover::before { opacity: 0.9; }
@media (hover: none) {
  .box-aplicacoes:active { transform: translateY(-3px) scale(0.98); }
  .box-aplicacoes:active p { transform: translateY(0); opacity: 1; } 
}
/* reacton */
/* PRODUTOS */

/* Comentários Blog */
.container { max-width: 1200px; margin: 0 auto; padding: 20px; }
.content-area { display: flex; gap: 40px; }
.main-content { flex: 2;}
.sidebar { flex: 1; min-width: 350px; width: 100%; }
.widget { margin-bottom: 30px; background: #ffffff; border-radius: 5px; }
.widget-title { margin-top: 0; margin-bottom: 15px; }
.category-widget { margin-left: 30px; }
.sidebar .search-widget h3 { margin-left: 30px; }
.sidebar .g img { width: 100%; max-width: 390px; }
/* Estilo do campo de busca com ícone */
.search-form { position: relative; }
.search-container { position: relative; display: flex; }
.search-field { width: 100%; padding: 10px 40px 10px 15px; border: 1px solid #ddd; border-radius: 4px; background: #f1f1f1; font-size: 1em; border-radius: 25px; }
.search-submit { position: absolute; right: 0; top: 0; height: 100%; width: 40px; background: none; border: none; cursor: pointer; color: #666; display: flex; align-items: center; justify-content: center; padding: 0; }
.search-submit:hover { color: #0073aa; }
.search-submit svg { width: 16px; height: 16px; }
.categories-list { padding: 0; margin: 0; }
.categories-list li { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #eee; }
.categories-list li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } 
.categories-list a { text-decoration: none; color: #333; }
.categories-list a:hover { color: #0073aa; }
/* Estilos para a página de pesquisa */
.search-page .search-field { width: 100%; padding: 10px 40px 10px 15px; border: 1px solid #ddd; border-radius: 4px; margin-bottom: 20px; }
.no-results { padding: 30px; background: #f9f9f9; border-radius: 5px; text-align: center; }
.no-results h3 { margin-top: 20px; }
.popular-categories { margin-top: 30px; text-align: left; }
.popular-categories ul { list-style: none; padding: 0; }
.popular-categories li { margin-bottom: 8px; }
.search-again { margin: 30px 0; }

/* Seção de Compartilhamento */
.comment-share-section { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; padding: 15px 0px; border-top: 1px solid #eee; }
.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; padding: 0; margin: 40px 0px; }
.comment-container { display: flex; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #eee; }
.comment-avatar { margin-right: 20px; }
.comment-avatar img { border-radius: 50%; width: 60px; height: 60px; object-fit: cover;}
.comment-content { flex: 1;}
.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: #0073aa; 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: #0073aa; outline: none; }
.comment-form input[type="text"], .comment-form input[type="email"] { max-width: 100%; }
.comment-form #subject { max-width: 100%; }
.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-form #subject.error { border-color: #ff0000; }
.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: #1e7f96; }
#title-page-error a:active { color: #0073aa; }
input[name="estado-hidden"], input[name="cidade-hidden"] { display: none; }

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

.sitemap-container { max-width: 1200px; margin: 0 auto; padding: 20px; }
.sitemap-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 30px; }
.sitemap-section { background: #f9f9f9; padding: 20px; border-radius: 5px; }
.sitemap-section h2 { margin-top: 0; color: #333; border-bottom: 2px solid #eee; padding-bottom: 10px; }
.sitemap-list { list-style: none; padding-left: 0; }
.sitemap-list li { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px dotted #ddd; }
.sitemap-list li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.sitemap-list a { text-decoration: none; color: #0066cc; }
.sitemap-list a:hover { text-decoration: underline; }
.post-date { color: #666; font-size: 0.9em; margin-left: 5px; }
.see-all { display: inline-block; margin-top: 10px; font-weight: bold; }

/* CMB2 */
.cmb2-tabs { display: flex; flex-wrap: wrap; 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 */

@media (min-width: 1920px) { #bg-phryos2 { background-position-x: left; background-position-y: bottom; } #bg-phryos3 { background-position: right; } }
@media (max-width: 1600px) {
   .content-u { width: 90%; }
   .content-u .content-block { width: 100%; }
	.content-u .content-v { max-width: 100%; }
   .carousel__item {width: 55%; }
   .carousel__item.prev { transform: translateX(-40%); }
   .carousel__item.next { transform: translateX(40%) }
   .content-blog { flex-wrap: wrap; gap: 50px 25px; }
/*    .content-blog .first-blog-box { height: auto; min-height: auto; } */
	.content-blog .first-blog-box { height: auto; min-height: 610px; }
   .sidebar { max-width: 960px; }

   /* SOBRE */
   #bg-sobre { min-height: auto; }
   #bg2-sobre { margin-top: 40px; }
   .nav-links { gap: 80px; }
   #hallos-qualidade { width: 90%; align-items: center; }

  .box-white { height: 430px; }
  .box-white p { margin-right: 155px; }
  .box-degrade-right { width: 800px; height: 380px; margin-right: 0px;}
  .box-sustenta-img img { width: 330px; height: auto; }

   #bg-hallos2 { height: 2850px; background-position: center; }
   #bg-hallos2 .title-arrow { flex-wrap: wrap; }
   #box-sustentabilidade { width: 90%; }
   .content-form .form-line { flex-wrap: wrap; }
   .content-form div { width: 100%; }
   .content-form .form-line #telefone { width: auto; }
   .box-confrontando-text { width: 100%; padding-left: 3%; }
}
@media (max-width: 1550px) { #bg-hallos2 { height: 2760px; } }
@media (max-width: 1470px) { .content-blog #blogBoxs { flex: auto; } }
@media (max-width: 1460px) { 
  .content-form .form-line { flex-direction: column; flex-wrap: wrap; }
  .content-title-produtos { width: 90%; }
  #bg-hallos2 { height: 2610px; }
  #box-confrontando { width: 90%; }
  .box-confrontando-text { width: 100%; height: 485px; padding-left: 2%; }
  .box-confrontando-img img { width: 100%; height: auto; transform: translateX(-20px); }
  #box-phryos-emerge { width: 90%; gap: 5px; }
  .box-emerge-img { max-width: 410px; transform: translateY(-170px); z-index: 4; }
  .box-emerge-img img{ width: 100%; height: auto; }
  .box-emerge-text { transform: translateY(-35px); }
  .box-emerge-text h3 { max-width: 425px; }
  .line-phryos { display: none; }
}
@media (max-width: 1380px) {   
  #bg-hallos2 { height: 2510px; }
  .box-sustenta-img img { width: 340px; height: auto; }
  #box-sustentabilidade { height: auto; flex-direction: column; align-items: center; }
  
  .box-degrade-right { max-width: 100%; height: 380px; background-position: center; }

  .box-white { width: 100%; max-width: 918px; height: auto; justify-content: center; padding-top: 40px; padding-bottom: 200px; padding-left: 0px; }
  .box-white p { margin-right: 0px; max-width: 400px; text-align: center; }
  .box-degrade-right { width: 100%; margin-top: 120px; justify-content: center; margin-right: 0px; }
  .box-degrade-right p { margin-right: 0px; margin-left: 0px; text-align: center; }
  .box-sustentabilidade-text { background-size: contain; align-items: flex-start;}
  .box-sustentabilidade-text p { width: 360px; margin-left: 10px; margin-top: 60px; }
  #bg-phryos .img-gout { display: none; }
  #bg-phryos3 .content-w { width: 90%; }
}
@media (max-width: 1300px) { #bg-hallos2 { height: 2420px; } }
@media (max-width: 1280px) { .nav-links { gap: 50px; } .content-block { width: 90%; } #bg-hallos2 { height: 2180px; } }
@media (max-width: 1280px) { #bg-hallos2 { height: 2330px; } }
@media (max-width: 1180px) { 
  #bg-hallos2 { height: 2250px; }
  .box-sustentabilidade-text p { width: 360px; }
}

@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: 26px; }
  .fs-s15 { font-size: 27px; }
  .fs-s16 { font-size: 48px; }  
  .fs-s17 { font-size: 49px; }
  .fs-s18 { font-size: 61px; }
  .mt-120 { margin-top: 45px; }
  .mt-130 { margin-top: 65px; }
  .mt-160 { margin-top: 70px }
  .titile { padding: 240px 0px 150px 0px; }
  .content-text { margin-right: auto; margin-left: auto; }
  .content-title { display: flex; flex-direction: column; align-items: center; text-align: center; }
  .content-img-text { flex-wrap: wrap; }
  .flex-resp { flex-wrap: wrap; }
  .img-resp-none { display: none; }
  .img-resp-block { display: block; }
  .translate-y70 { transform: translatey(0px);}

  /* 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; margin: 40px auto 45px auto; }
  #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;  align-items: center; }
  .mobile-menu, .mobile-menu-overlay, .hamburger { display: none; }
  .nav-links { display: flex; }
  .menu-item-has-children > a { padding-right: 60px; }
  .nav-links { display: none; }
  .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: 3px; background-color: white; margin: 2px 0; }

  /* 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 */
  #solucoes { margin-bottom: 40px; }
  #bgSolucoes { min-height: auto; padding: 40px 0px; }
  #solucoesText { margin: 0px auto 40px auto; }
  #contentCarousel { margin-top: 40px; }
  .carousel { margin-top: 0px; }
  .carousel__item {width: 80%; height: 380px; }
  .carousel__item.prev { transform: translateX(-20%) scale(0.85); }
  .carousel__item.next { transform: translateX(20%) scale(0.85); }
  .carousel__item.active .carousel__img { box-shadow: 0px 0px 60px 50px #000000aa; }
  #containerSolucoesBtn { margin: 90px auto 40px auto; }

  /* Blog */
  #titleBlog { margin: 40px auto; }
  #blogBoxs { flex-direction: column; align-items: center; margin-bottom: 40px; }
  .blog-box { height: auto; min-height: auto; }
  .text-blog-box { margin: 40px auto; }
  #blogBoxs { width: 100%; }
  /* .content-blog { flex-wrap: wrap; }
  .content-blog .first-blog-box { height: auto; min-height: auto; } */
  .first-text-blog-box { /* min-height: 400px; */ margin: 0px; }
  .first-text-blog-box h3 { padding: 20px; }
  .first-text-blog-box a { margin: 20px auto; }

  /* FOOTER */
  #footer { height: auto; }
  #bgFooter { height: auto; }
  #contentFooter { width: 90%; min-height: 250px; height: auto; display: flex; align-items: center; justify-content: center; gap: 30px; flex-direction: column; margin: 40px auto; padding: 0px; }
  #nav-footer { flex-wrap: wrap; flex-direction: column; gap: 30px; }
  #social { height: auto; flex-direction: column; gap: 20px; }
  #social p { width: auto; }
  #socialIcons { gap: 15px; }
  #nav-footer a { text-align: center; }
  /* COPY */
  #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; }
  .content-acesse { margin-bottom: 120px; min-height: 450px; }
  .content-acesse .content-title-text { transform: translateX(50px); padding: 40px 0px;}
  .bg-default { min-height: 250px; }
  .content-default-title { padding-top: 100px; }

  /* CONTATO */  
  .content-contato { flex-wrap: wrap; justify-content: center; margin: 60px auto; }
  .content-contato-whats { max-width: 600px; padding: 50px 25px;}
  .content-form a { margin: 0px auto; }  
	
  #bg-hallos { min-height: auto; }  
  /* #bg-hallos2 { height: 2240px; } */
  #bg-hallos2 { height: auto; padding-bottom: 70px; }
  #bg-hallos .content-t { width: 90%; }
  #bg-hallos2 .content-duo-img img { width: 100%; height: auto; border-radius: 15px; }
  .box-sustentabilidade-text p { width: 300px; }
  #bg-hallos3 { min-height: auto; }
  #bg-phryos2 p { width: 90%; margin: 40px 20px; }
  #bg-phryos2 .content-u .content-img {  width: 90%; }
  #hallos-qualidade { transform: translateY(0px); }
  .icon-qualidade { display: none; }
  /* #bg-phryos3 .content-w { width: 90%; } */
  #bg-phryos3 { min-height: auto; }
  #bg-phryos3 .content-s p { width: 90%; }
  #box-confrontando { min-height: auto; }
  .box-sustentabilidade-text { min-height: 400px; }
  .circle-play { width: 70px; height: 70px; }
  .content-play img { width: 100%; }
  .content-play #circle-play { width: auto; }
  #bg-reacton { min-height: auto; }
  .box-valvula .bg-text-degrade { margin-left: 0px; padding: 20px; }
	
  #bg-diluvio-fdv2 .content-block-img .content-duo-img { flex-direction: column; }  
	
  .content-blog .first-blog-box { max-width: 460px;}
	
  #commentform .form-control { width: auto; }
  #commentform .form-group { display: flex; flex-direction: column; width: 100%; }
}
@media (max-width: 1080px) {
  #bg-hallos { padding-bottom: 0px; }
  #hallos-qualidade { transform: translateY(0px); }
  /* #bg-hallos2 { height: auto; padding-bottom: 70px;}  */
}
/* @media (max-width: 1040px) { #bg-hallos2 { height: 2000px; } }
@media (max-width: 980px) { #bg-hallos2 { height: 1950px; } } */
@media (max-width: 918px) { .box-degrade-right { width: 100%; }  .box-degrade-right p { margin-right: auto; margin-left: auto; padding: 15px; } #bg-hallos2 { height: auto; min-height: auto; padding-bottom: 40px; } #bg-hallos2 .flex-center { justify-content: normal; gap: 15px; } #bg-hallos2 .content-img { display: none; } }
/* 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; }

@media (max-width: 880px) {
  .box-sustentabilidade-text { min-height: 340px; }
  .box-sustentabilidade-text p { width: 280px; margin-top: 30px; margin-left: 0px; }
}
@media (max-width: 782px) {
  .admin-bar .header-transparent { top: 46px; }
}
@media (max-width: 768px) {
  /* 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: 27px; }
  .fs-s14 { font-size: 32px; }
  .fs-s15 { font-size: 35px; }
  .fs-s16 { font-size: 40px; }
  .fs-s17 { font-size: 41px; }
  .fs-s18 { font-size: 55px; }

  .mb-80 { margin-bottom: 60px; }
  .mb-100 { margin-bottom: 65px; }
  .mb-130 { margin-bottom: 70px; }

  .mt-90 { margin-top: 45px; }
  .mt-150 { margin-top: 75px; }

  .content-acesse .content-title-text { transform: translateX(0px); padding: 20px; }
  .content-acesse .content-title-text h2 { text-align: center; }
  .content-acesse .content-title-text a { margin: 0px auto; }
  /* .carousel__list { height: auto; min-height: 250px; }
  .carousel__item { height: 220px; }
  .carousel__item img { height: 185px; } */
  /* .carousel { height: 500px; } */
  .carousel__item { width: 80%; min-height: 290px; height: auto; }
  .carousel__item.prev { transform: translateX(-20%) scale(0.8); }
  .carousel__item.next { transform: translateX(20%) scale(0.8); }
  .carousel__item.active .carousel__img { box-shadow: 0px 0px 30px 30px #00000099; }

  #bg-hallos { padding-bottom: 0px; }
  #bg-hallos .content-t { width: 90%; }
  #bg-hallos2 { height: auto; min-height: auto; padding-bottom: 40px; }
  #bg-hallos2 .flex-center { justify-content: normal; gap: 15px; }
  #bg-hallos2 .content-img { display: none; }
  #hallos-qualidade { transform: translateY(0px); }
  #bg-hallos3 .content-u { width: 90%; }
  #bg-hallos3 .box-degrade-right { margin: 120px auto 0px auto; }
  #bg-hallos4 .content-img-text { gap: 25px; }
  #bg-hallos4 .content-w { width: 90%; }
  #bg-phryos { min-height: auto; }
  #bg-phryos .content-t { width: 90%; }
  #box-confrontando { height: auto; min-height: auto; margin-bottom: 40px; }
  .box-confrontando-text { width: 90%; height: auto; display: flex; align-items: center; justify-content: center; padding: 40px; }
  .box-confrontando-text p { margin-bottom: 0px; }
  .box-confrontando-img img { transform: translateX(0px); }
  #box-phryos-emerge { flex-direction: column; align-items: center; margin-bottom: 40px;}
  .box-emerge-img { transform: translateY(0px); z-index: 4; }
  .box-emerge-text { transform: translateY(0px); }
  .box-sustentabilidade-text { height: auto; min-height: auto; display: flex; align-items: center; justify-content: center; background-image: none; background: #ffffff; border-radius: 50px; padding: 25px; }
  .box-sustentabilidade-text p { width: 100%; max-width: 100%; text-align: center; margin-top: 30px; margin-left: 0px; }
  .content-acesse3 { margin-top: 0px; }
  #bg-reacton p { width: 90%; text-align: center; }
  #bg-reacton a { margin-top: 0px; margin-bottom: 40px; }
  .content-benef { padding: 20px; margin-bottom: 35px; }
  .content-benef .content-img { display: none; }
  .content-benef .icons-benef { align-items: center; padding: 20px; }
  .content-benef .icon-benef { width: 100%; }
  .icon-player { width: 70px; height: 70px; }
  .content-form form input[type="text"], .content-form form input[type="number"], .content-form form input[type="email"], .content-form form textarea, .content-form form select { padding: 0px 5px; }
  .form-line div { width: 100%; }
  .title-arrow { display: flex; gap: 15px }
  .title-arrow img { width: auto; height: 30px; }
  .content-duo-img img { width: 100%; }
  #bg-phryos3 .title-arrow { flex-direction: column; align-items: flex-start; }
  .modal-video { aspect-ratio: 9 / 9; }
  .blog-thumb img { width: 100%; height: auto; }
  .content-blog .blog-thumb { min-height: auto; }
  #commentform .form-control { width: auto; }
  #commentform .form-group { display: flex; flex-direction: column; width: 100%; }
  .content-area { flex-direction: column; }
  .sidebar {  min-width: 100%; width: 100%; }
  .search-field { padding: 10px 40px 10px 15px; }
  .comment-date { font-size: 0.7em; }
  .pagination a, .pagination span { width: 35px; height: 35px; font-size: 14px; margin: 0 3px; }
  .sitemap-grid { grid-template-columns: 1fr; }
  .nav-links { display: none; }
  .hamburger { display: flex; }
  .navbar { width: 90%; padding: 45px 0px 15px 0px; }
  .img-desktop { display: none; }
  .img-mobile { display: block; width: 100%;}
  .header-scrolled { backdrop-filter: blur(5px); }
  .title-sobre { padding: 220px 0px 130px 0px; }
  .blog-content-thumb img { max-height: 290px; }
  .first-blog-box img.bg-img-blog { max-height: 100%; }
}

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

  .content-acesse { margin-top: 60px; margin-bottom: 120px; min-height: 450px; }
  .content-acesse .content-img { min-width: 210px; }
}

@media (max-width: 500px) { 
  .carousel { height: 425px; }
}

@media (max-width: 450px) { 
  .carousel { height: 290px;}
  .fs-s14 { font-size: 22px; }
  .content-acesse { margin-bottom: 120px; min-height: 450px; }
}