/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.3.0
	Stable tag: 3.3.0
	Requires at least: 6.0
	Tested up to: 6.7
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/
/**
 * Loading first in the style.scss & classic-editor.scss
 */
/**
* Document basic styling
* Inspired by Normalize.css, HTML5 Boilerplate & Bootstrap Reboot Projects under MIT License
 */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
 */
@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap');
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

*,
*::before,
*::after {
  box-sizing: border-box; /* 3 */
}

/* Sections
 */
body {
  margin: 0;
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
    font-family: "Oxygen", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #333333;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1, h2, h3, h4, h5, h6 {
  margin-block-start: 0.5rem;
  margin-block-end: 1rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

p {
  margin-block-start: 0;
  margin-block-end: 0.9rem;
}

/* Grouping content
 */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
  white-space: pre-wrap;
}

/* Text-level semantics
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: #CC3366;
}
a:hover, a:active {
  color: #333366;
}
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-block-end: none; /* 1 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
 */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
  height: auto;
  max-width: 100%;
}

/* Interactive
 */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

figcaption {
  font-size: 16px;
  color: #333333;
  line-height: 1.4;
  font-style: italic;
  font-weight: 400;
}

/* Misc
 */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Print
 */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important; /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    border: 1px solid #cccccc;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    -moz-column-break-after: avoid;
         break-after: avoid;
  }
}
/**
 * Form styling
 */
label {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 1rem; /* 1 */
  line-height: 1.5; /* 1 */
  margin: 0; /* 2 */
}

input[type=text],
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=url],
select,
textarea {
  width: 100%;
  border: solid 1px #666666;
  border-radius: 3px;
  padding: 0.5rem 1rem;
  transition: all 0.3s;
}
input[type=text]:focus,
input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
  border-color: #333333;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  width: auto;
  -webkit-appearance: button;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button,
[type=submit],
[type=button] {
  display: inline-block;
  font-weight: 400;
  color: #CC3366;
  text-align: center;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid #CC3366;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 3px;
  transition: all 0.3s;
}
button:focus:not(:focus-visible),
[type=submit]:focus:not(:focus-visible),
[type=button]:focus:not(:focus-visible) {
  outline: none;
}
button:hover, button:focus,
[type=submit]:hover,
[type=submit]:focus,
[type=button]:hover,
[type=button]:focus {
  color: #ffffff;
  background-color: #CC3366;
  text-decoration: none;
}
button:not(:disabled),
[type=submit]:not(:disabled),
[type=button]:not(:disabled) {
  cursor: pointer;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
  resize: vertical;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

select {
  display: block;
}

/**
 * Table styling
 */
table {
  background-color: transparent;
  width: 100%;
  margin-block-end: 15px;
  font-size: 0.9em;
  border-spacing: 0;
  border-collapse: collapse;
}
table th,
table td {
  padding: 15px;
  line-height: 1.5;
  vertical-align: top;
  border: 1px solid rgba(128, 128, 128, 0.5019607843);
}
table th {
  font-weight: bold;
}
table thead th,
table tfoot th {
  font-size: 1em;
}
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
  border-block-start: 1px solid rgba(128, 128, 128, 0.5019607843);
}
table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
  background-color: rgba(128, 128, 128, 0.0705882353);
}
table tbody tr:hover > td,
table tbody tr:hover > th {
  background-color: rgba(128, 128, 128, 0.1019607843);
}
table tbody + tbody {
  border-block-start: 2px solid rgba(128, 128, 128, 0.5019607843);
}
@media (max-width: 767px) {
  table table {
    font-size: 0.8em;
  }
  table table th,
  table table td {
    padding: 7px;
    line-height: 1.3;
  }
  table table th {
    font-weight: 400;
  }
}

/**
 * List styling
 */
dl,
dt,
dd,
ol,
ul,
li {
  margin-block-start: 0;
  margin-block-end: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}





#main-slider-tecnogera .slider-image {
  position: relative;

}

#main-slider-tecnogera .slider-content {
  position: absolute;
  z-index: 99;
  left: 10%;
  max-width: 470px;
}
#main-slider-tecnogera .slider-content strong{ color: #FF7A00; padding: 0 6px; font-size:40px; font-weight:700; border-radius:3px;}
a.cta-button:hover {
  background: white;
  color:#333;
}
#main-slider-tecnogera.swiper-container {
  width: 100%;
  height: 60vh; /* Faz o slider ocupar toda a tela */
  position: relative;
}

#main-slider-tecnogera .swiper-slide {
    
  
  position: relative;
  width: 100%;
  height: 60vh; /* Mantém o slide ocupando toda a tela */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
#main-slider-tecnogera .slider-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; /* Mantém a imagem no fundo */
}

#main-slider-tecnogera .slider-image img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Faz a imagem preencher sem distorcer */
}
#main-slider-tecnogera  h2 {
  font-family: "Oxygen", Sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 55px;
  color: #FFFFFF;
  margin-bottom: 10%;
}

#main-slider-tecnogera .swiper-button-next, #main-slider-tecnogera .swiper-button-prev {
  color: #fff;
  bottom: 10px;
  top: unset;
  background: transparent;  
}



#main-slider-tecnogera .overlay{
  background: linear-gradient(to right,rgba(0,0,0,.85),rgba(0,0,0,.2));
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left:0;
  top:0;
  z-index: 0;
  content: "";
}
#main-slider-tecnogera .swiper-button-prev{
  left: 45% !important;
  right: auto;
  z-index: 3;

}

#main-slider-tecnogera .swiper-button-next{
  right: 45% !important;
  left: auto;
  z-index: 3;
}
#main-slider-tecnogera .swiper-pagination{
  margin: 0px auto;
  padding-top: 10px;
  text-align: center !important;
  min-height: 50px;  
  z-index: 1;
  bottom: 20px;
}
#main-slider-tecnogera .swiper-pagination-bullet{ margin: 0px 6px; position: unset !important; display: inline-block; width: 12px; height:12px;}
#main-slider-tecnogera .swiper-pagination-bullet-active{background: #FF7A00;}

#main-slider-tecnogera .swiper-slide {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* background-color: #f4f4f4; */
  padding: 0px; 
}

.page-header {
  display: none;
}

span.orange{
color: rgba(255, 122, 0, 1);
font-weight: 700;
}


.solucoes-card-hover-content {
display: none;

} 


.solucoes-card-hover-content .e-grid.e-con-full.e-con.e-child {
  --widgets-spacing: 0px;
--widgets-spacing-row: 0px;
--widgets-spacing-column: 0px;
}
.titulo-sublinhado span {
border-bottom: 3px solid rgba(243, 128, 40, 1);
padding-bottom: 2px;
}

.titulo-sublinhado.branco span {
border-bottom: 3px solid white;
padding-bottom: 2px;
}

.por-dentro-hover-content {
/* 	display: none; */
}
.por-dentro-title.por-dentro-hover-content {
display: flex !important
}

.por-dentro-card {
  max-height: 135px; 
  overflow: hidden; /* Impede que o conteúdo extra seja exibido */
  transition: max-height 0.5s ease-in-out;
}

.por-dentro-card:hover {
  max-height: 500px; 
}

.por-dentro-hover-content {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  transform: translateY(-20px); 
}

.por-dentro-card:hover .por-dentro-hover-content {
  opacity: 1;
  transform: translateY(0); 
}


.solucoes-card {
  max-height: 220px; 
  overflow: hidden; 
  transition: max-height 0.5s ease-in-out;
}

.solucoes-card:hover {
  max-height: 220px; 
}

.solucoes-card-hover-content {
  opacity: 0;
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.solucoes-card:hover .solucoes-card-hover-content {
  opacity: 1;
  transform: translateY(0); 
}

.elementor-kit-6 button, .elementor-kit-6 input[type="button"], .elementor-kit-6 input[type="submit"], .elementor-kit-6 .elementor-button {
background-image: none !important;
}

.botao-laranja a.elementor-button.elementor-button-link.elementor-size-sm:hover {
border: 2px solid white;
border-radius: 5px;
width: auto;
}



/* CASES GRID */
/* Importando a fonte Oxygen */
@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@400;700&display=swap');

/* Estilos gerais */
.grid-cases {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
  margin: 0 auto;
  padding: 30px;
}

.case-item {
  position: relative;
  background: white;
  background-position: center;
  border-radius: 5px;
  overflow: hidden;
  /* height: 395px; */
  color: white;
  border: 1px solid rgba(203, 203, 203, 1);
}

.case-item .case-content {
  background: white;
  color: black;
  padding: 15px;
  width: 100%;
  text-align: left;
}

.case-item .case-category {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  color: rgba(243, 128, 40, 1);
  margin-bottom: 10px;
}

.case-item .case-title {
  font-family: 'Oxygen', sans-serif;
  font-size: 24px;
  margin: 0;
min-height: 50px;
}
.case-item .case-title a{
  color:#333;
  text-decoration: none;
}
.case-item .case-summary {
  font-family: 'Oxygen', sans-serif;
  font-size: 13px;  
  margin: 10px 0;
}
.case-item .case-link {
  position: absolute;
  bottom: -1%;
  right: 1%;
  color: rgba(243, 128, 40, 1);
  text-decoration: none;
  border-radius: 4px;
  font-weight: 100;
  font-size: 40px;
}
.case-item .case-link:hover {
  color: #944000;
}
.case-item .case-link:focus {
  outline: none;
  box-shadow: 0 0 4px rgba(243, 128, 40, 1);
}
.case-thumb {
  height: 190px;
  background-repeat: no-repeat;
  background-size: cover;
}
select#categoria {
  background: rgba(217, 217, 217, 1);
  border: none;
  /* max-width: 380px; */
  min-width: 385px;
  padding: 16px 16px 16px 24px;
  font-family: Oxygen;
  font-weight: 400;
  font-size: 20px;
  line-height: 25.25px;
  color: rgba(117, 117, 117, 1);
}

.case-header .texts {
  max-width: 450px;
}
.case-header .texts h1 {
  font-family: Oxygen;
  font-weight: 300;
  font-size: 40px;
  line-height: 45px;
}

.case-header .texts p {
  font-family: Oxygen;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
}

.necessidade-slucao {
  flex: 1;
  padding: 2% 5% 2% 2%;
  background: #fff;
  border: 1px solid #f5f5f5;
  margin: 10px;
  border-radius: 21px;
}

.necessidade-slucao h2 {
  font-family: Oxygen;
  font-weight: 300;
  font-size: 38px;
  line-height: 45px;
  color: rgba(30, 30, 30, 1);
}
.necessidade-slucao p {
  font-family: Oxygen;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: rgba(102, 102, 102, 1);
}



.container.single-case, .container.resultado .content {
  padding: 40px 20px; max-width: 1200px; margin: auto;
}

.container.resultado {
background: white;
padding: 0px;
}

.container.resultado .content {
  padding: 0px;
  align-items: center;
}
.container.resultado h2 {
  font-family: Oxygen;
  font-weight: 700;
  font-size: 75.09px;
  line-height: 88.92px;
  letter-spacing: 0%;
  text-align: center;
  padding-left: 5%;
}

.container.resultado p {
  font-family: Oxygen;
  font-weight: 400;
  font-size: 17.01px;
  line-height: 21.09px;
  letter-spacing: 0%;
  text-align: center;
  color: rgba(243, 128, 40, 1);
  padding-left: 5%;
}

.container.resultado .texts, 
.container.resultado .slides{
  flex: 1;
  padding: 2% 5% 2% 2%;
}
.container.resultado .slides {
  background: linear-gradient(84.39deg, #F38028 42.47%, rgba(217, 217, 217, 0) 82.42%);

}


div#wpcf7-f559-p383-o1 form {
  display: flex;
}

div#wpcf7-f559-p383-o1 form input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email {
  border: 1px solid rgba(243, 128, 40, 1);
  border-radius: 8px 0px 0px 8px;
  max-height: 38px;
}

div#wpcf7-f559-p383-o1 input.wpcf7-form-control.wpcf7-submit.has-spinner {
  background: rgba(243, 128, 40, 1);
  border-radius: 0px 8px 8px 0px;
  border: none;
  min-height: 38px;
  font-family: Oxygen;
  font-weight: 400;
  font-size: 18px;
  line-height: 22.73px;
}

div#form-contato form .row.two-col p {
  display: flex;  
  gap: 10px;
  
}


div#form-contato form input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, div#form-contato form textarea {
  border: 1px solid #CBCBCB;
}

div#form-contato form input:hover {
  font-family: Oxygen;
  font-weight: unset;
  font-size: 1rem;
  line-height: 24px;
  color: rgba(243, 128, 40, 1);
  background: white;
  border: 1px solid rgba(243, 128, 40, 1);
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
  background: rgba(243, 128, 40, 1);
  border: none;
  line-height: 14.7px;
  min-width: 120px;
  float: right;
  /* position: relative; */
  /* top: 20px; */
  font-family: "Oxygen", Sans-serif;
  font-size: 13px;
  font-weight: 700;
  border-style: solid;
  border-width: 2px;
  border-color: #F38028;
  border-radius: 4px;
  padding: 12px 22px;
  color: white;
  text-decoration: none !important;
}
/* contato */

/* novo contato */
.contact .states {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1200px;
  padding: 100px 0;
  position: relative;  
}
.contact .states .states-counters {
  display: flex;
  flex-direction: column;
  width: 30%;
  position: relative;
  z-index: 2;  
}
.contact .states .states-counters .counter {
  border: solid 1px #f58229;
  border-radius: 50px;
  color: #f58229;
  cursor: pointer;
  font-weight: bold;
  margin-bottom: 20px;
  padding: 15px 50px 15px 30px;
  position: relative;
  width: 90%;  
  transform: scale(0.95);
  transition: all 0.2s ease;
}
.contact .states .states-counters .counter::after {
  border-right: solid 3px #f58229;
  border-top: solid 3px #f58229;
  content: '';
  height: 10px;
  position: absolute;
  right: 20px;
  transform: rotate(45deg) translateY(5px);
  width: 10px;
}
.contact .states .states-counters .counter.__active {
  background-color: #f58229;
  color: #fff;
  transform: scale(1) translateX(8px);
}
.contact .states .states-counters .counter.__active:after {
  border-right: solid 3px #fff;
  border-top: solid 3px #fff;
}
.contact .states .states-counters .counter:empty {
  display: none;
}
.contact .states .states-rail {
  width: 100%;  
}
.contact .states .states-rail .states-item {
  align-items: flex-start;
  display: block;
  justify-content: space-between;
  margin: 25px 0;  
}

.contact .states .states-rail .states-item img {
  margin: 0px auto;
  width: 100%;
  max-width: 550px;
  height:auto;
  display: block;
	position: relative;  
	left: 0%;
	bottom: 80px;
	margin-bottom: -70px;
}
.contact .states .states-rail .states-item .right {
    width: 90%;
    max-width: 90%;
    display: grid;
	    position: relative;
      z-index: 0;
    right: 0%;
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
}
.contact .states .states-rail .states-item .right .box {
    background-color: #ffffff;
    border: 1px solid #f5822959;
    border-radius: 6px;
    padding: 15px 10px;
    display: flex
;
    flex-direction: column;
    color: #58595b;
    margin-bottom: 10px;
}
.contact .states .states-rail .states-item .right .box .title {
  font-weight: bold;
  margin-bottom: 10px;
}
.contact .states .states-rail .states-item .right .box a {
  color: #f58229;
  display: block;
  font-weight: bold;
  margin-top: 10px;
  transition: all 0.2s ease;
  width: -moz-fit-content;
  width: fit-content;
		text-decoration: none;

}
.contact .states .states-rail .states-item .right .box a:hover {
  transform: scale(1.1);
}
.contact .states .states-rail .states-item .right .box a.address {
  color: #58595b;
  font-weight: normal;
	text-decoration: none;
}
@media (max-width: 440px) {
  .contact .states {
    flex-direction: column;
  }
  .contact .states .states-counters {
    flex-wrap: wrap;
    width: 100%;
  }
  .contact .states .states-counters .counter {
    margin: 0 auto 10px;
    width: 90%;
  }
  .contact .states .states-counters .counter.__active {
    transform: scale(1) translateX(0);
  }
  .contact .states .states-rail {
    width: 100%;    
  }
  .contact .states .states-rail .states-item {
    flex-direction: column;
  }  
}

[data-switcher] [class*='-item'].__active {
    opacity: 1;
    position: relative;
    z-index: 2;
}
[data-switcher] [class*='-item'] {
    opacity: 0;
    position: absolute;
    transition: opacity 0.2s ease;
    z-index: -1;
}
.contact .states .states-counters .counter.__active {
    background-color: #f58229;
    color: #fff;
    transform: scale(1) translateX(8px);
}


.container.mais-lidas, .container.cases {
  max-width: 1100px;
  margin: 0 auto;
  padding: 5%;
}


h2.section-title {
  font-family: Oxygen;
  font-weight: 400;
  font-size: 38px;
  line-height: 25px;
  color: rgba(102, 102, 102, 1);
  margin: 5%;
}

.cases-solucoes-container {
  display: flex;
  flex-direction: column;
  gap: 20px;

}

.cases-solucoes-container .case-item-cc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(217, 217, 217, 0.15);
  border-radius: 5px;
}
.cases-solucoes-container .case-content-cc {
  flex: 1;
  max-width: 80%;
  padding: 2% 3%;
}
.cases-solucoes-container .case-category-cc {
  font-family: Oxygen;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0%;

  display: block;
  margin-bottom: 5px;
  border-bottom: 3px solid rgba(243, 128, 40, 1);
  display: inline-block;
  padding-bottom: 3px;
}

.cases-solucoes-container .case-title-cc {
  font-size: 24px;
  font-weight: 400;
  color: #666;
  line-height: 1.3;
}

.cases-solucoes-container .case-title-cc .highlight {
  font-family: Oxygen;
  font-weight: 300;
  font-size: 32px;
  line-height: 45px;
  color: rgba(30, 30, 30, 1);
}

.cases-solucoes-container .case-image-cc {
  flex-shrink: 0;
  max-width: 210px;
  border-radius: 5px;
  overflow: hidden;
}

.cases-solucoes-container .case-image-cc img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 5px;
}
.cases-content h3 {
  font-family: "Oxygen", Sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 45px;
  color: #666;
  max-width: 100%;		
  margin-top: -5px;		
}
.cases-content h4{
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  color: rgba(243, 128, 40, 1);
  margin-bottom: 10px;
  margin: 0px;
}


.cases-content p {
  color: #666666;
  font-family: "Oxygen", Sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}
.cases-solucoes {
  position: relative;
  overflow: hidden;
  max-width: 1180px;
  margin: 0 auto;
}
.case-thumbnail img {
  width: 100%;
  display: block;
}
.slide-row {
  display: flex;
  align-items: center;
  justify-content: flex-start !important;
  align-items: flex-start;
  margin: 0 auto;
  gap: 10%;
  padding: 5% 0%;
}            
* .swiper-slide.case-item{
  max-width: none;
  margin: 7px !important;
  min-height: 450px !important;
}
.cases-content { max-width: 50%;  }
      .cases-carousel { position: relative; display: flex; align-items: center; justify-content: flex-start; width: 50%; }
      .case-slider  .case-item {
  position: relative;
  background-position: center;
  border-radius: 5px;
  overflow: hidden;
  height: 100%;
  width: 100%;
  color: white;
  border: none;
  min-height: 426px;
  max-height: 426px;
  margin: 0px 9px;
  padding-bottom: 30px;
  border:1px solid #f0f0f0;
}


.case-slider-nav button.slick-next.slick-arrow {
  right: -50px;
}

.case-slider-nav button.slick-prev.slick-arrow {
  left: -50px;
}

.case-slider .slick-list.draggable {

  height: 444px;
}
      .highlight { color: orange; font-weight: bold; }
      .btn-saiba-mais {
  position: relative;
  top:20px;
  
  background-color: #F38028;
  font-family: "Oxygen", Sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  border-style: solid;
  border-width: 2px;
  border-color: #F38028;
  border-radius: 4px;
  padding: 12px 22px;
  color: white;
  text-decoration: none !important;
}
.btn-saiba-mais:hover{
  color: #F38028;
  background: transparent;
}
.slider-controls {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  pointer-events: none; /* Evita interferência no clique na imagem */
}

.slider-controls button {
  background: rgba(243, 128, 40, 1);
  color: white;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 100;
  border-radius: 5px;
  pointer-events: auto;
}

.slider-controls button.prev {
  width: 35px !important;
  height: 35px !important;
  margin-left: 10px;    
  text-indent: -999px;
  overflow: hidden;
  background-image: url('assets/images/seta-left.png') !important;
  background-size: 20px !important;
  background-position: center center;
  background-repeat: no-repeat;

}

.slider-controls button.next {
  width: 35px !important;
  height: 35px !important;
  margin-right: 10px;  
  
  background-image: url('assets/images/seta-right.png') !important;
  background-size: 20px !important;
  background-position: center center;
  background-repeat: no-repeat;
}


span.wpcf7-spinner {
  display: none;
}

#porque-alugar .e-grid.e-con-full.e-con.e-child {
  --e-con-grid-template-rows: none;
}

/* Ajustes na swiper-container */
.swiper-container.case-slider {
  display: flex;  
  margin: 0px auto;
  padding: 0;
}

/* Ajustes no swiper-slide */
.swiper-container.case-slider .swiper-slide {
  display: flex !important;
  flex-direction: column !important; /* Alinha o conteúdo dentro do slide de forma vertical */
  height: 100%; /* Garante que o slide ocupe a altura total disponível */
  
  flex-grow: 1 !important; /* Garante que todos os slides tenham a mesma altura */
  min-height: 400px;
}

.swiper-container.case-slider.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
  overflow: hidden;
/*     position: relative; */
}
span.swiper-pagination-bullet {
  position: relative;
  left: 50%;
  bottom: 40px;
}
#overlay {
  background-color: transparent;
  background-image: linear-gradient(86deg, #5A5959 0%, #D9D9D900 100%);
  opacity: 0.82;
  mix-blend-mode: multiply;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  inset: 0;
  position: absolute;
}
    .swiper-container {
        width: 100%;
        height: 100%;
    }

    .swiper-button-next, .swiper-button-prev {
        color: #fff;
        
    }
    .case-slider .swiper-button-next, 
    .case-slider .swiper-button-prev{
      top:35% !important;
    }
    .case-slider .swiper-button-prev{
      left:-35px !important;
    }
    .case-slider .swiper-button-next{
      right: -35px !important;
    }
    .slider-image img {
        max-width: 100%;
        height: auto;
    }

.swiper-pagination {
  position: absolute;
  bottom: 20px; /* Ajuste conforme necessário */
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: rgba(255, 255, 255, 0.5);
  opacity: 1;
  border-radius: 50%;
  margin: 0 5px;
  transition: background 0.3s;
}

.swiper-pagination-bullet-active {
  background: #ff5722; /* Cor ativa do dot */
}
.container.cases h3.subtitle {
  color: rgba(102, 102, 102, 1);
  font-family: Oxygen;
  font-weight: 400;
  font-size: 25px;
  line-height: 25px;
}

.container.cases h2.title {
  color: rgba(102, 102, 102, 1);
font-family: Oxygen;
font-weight: 700;
font-size: 42px;
line-height: 45px;
letter-spacing: 0%;

}

.container.cases select#categoria {
  min-width: 350px;
  max-width: 350px;
}

.container.button-orcamento {
  margin: 0 auto;
  max-width: 500px;
  display: flex
;
  justify-content: center;
  padding-top: 5%;
}

a.botao-laranja, a.cta-button {
  background: var(--Color-Orange, rgba(243, 128, 40, 1));
  color: white;
  padding: 12px 24px;
  border-radius: 5px;
  font-family: Oxygen;
  font-weight: 700;
  font-size: 17.18px;
  line-height: 21.7px;
  text-align: center;
  text-decoration: none !important;
}

a.botao-laranja:hover,
.botao-laranja a.elementor-button.elementor-button-link:hover, a.cta-button:hover{
background:#fff;
color: rgba(243, 128, 40, 1);
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 20px;
}
.swiper-button-next, .swiper-button-prev, button.slick-arrow {
  background: rgba(243, 128, 40, 1);
  opacity: 1;
  color: white;
  padding: 1% !important;
  border-radius: 5px;
  height: 20px !important;
  width: 20px !important;
  font-size: 17px !important;

} 
.swiper-button-prev{  
  background-image: url('assets/images/seta-left.png');
  background-position: center center;
  background-size: 16px;
  background-repeat: no-repeat;
  top:30%;
  left: 0 !important;
  }
.swiper-button-next{
background-image: url('assets/images/seta-right.png');
background-position: center center;
background-size: 16px;
background-repeat: no-repeat;
top:30%;
right: 0 !important;
}

button.slick-arrow {
padding: 0% !important;
font-weight: 300;
font-size:14px !important;
}

button.slick-arrow img {
width: 100%;
}
.slick-prev:before, .slick-next:before{
display: none;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  color: white;
  outline: none;
  background: #999999 !important;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, -5%);
  left: auto;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, -5%);
  right: auto;
}
div#porque-tecnogera .e-grid.e-con-full.e-con.e-child {
  --widgets-spacing-row: 5px;
}

.swiper-container.case-slide .swiper-button-prev {
  left: -5% !important;
}
.swiper-container.case-slider .swiper-button-next:after, .swiper-container.case-slider .swiper-button-prev:after, .swiper-container.case-slider .swiper-rtl .swiper-button-next:after{
  display: none;
}
.swiper-container.case-slider .swiper-button-next img, .swiper-container.case-slider .swiper-button-prev img {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  z-index: 999;
}
.elementor-element .swiper .elementor-swiper-button svg, .elementor-element .swiper~.elementor-swiper-button svg, .elementor-lightbox .swiper .elementor-swiper-button svg, .elementor-lightbox .swiper~.elementor-swiper-button svg {
  fill: hsla(0, 0%, 93%, .9);
  height: 20px;
  width: 20px;
  background: rgba(243, 128, 40, 1);
  border-radius: 4px;
  padding: 5px;
}

.parent-pageid-383 .swiper-container.case-slider.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
  position: relative;

}



/* Garantir que a largura máxima da wrapper seja 100% */
.container.cases .swiper-wrapper {
  overflow: hidden;  /* Crucial para esconder o conteúdo extra dos slides */
  max-width: 100%;    /* Garante que a largura máxima da wrapper seja 100% */
}

/* Garantir a visibilidade dos botões e posicionamento correto */
.swiper-button-prev, .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10; 
}

.swiper-button-prev {
  left: 10px; /* Ajuste a distância conforme necessário */
}

.swiper-button-next {
  right: 10px; /* Ajuste a distância conforme necessário */
}



.fa-search:before {
  content: "" !important;
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(https://tecnogera.com.br/wp-content/uploads/2025/02/Group-245.svg);
  background-size: contain;
  background-repeat: no-repeat;
}


.categoria-dropdown-container {
  position: relative;
  width: 200px;
  cursor: pointer;
}

.categoria-dropdown {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 13px 16px;
  border: none;
  background-color:#FF7A00;
  border-radius: 10px;
  color: #fff;
    font-weight: 500;
  font-size: 17px;  
  letter-spacing: 0%;
  position: relative;
}

div#categoria-dropdown::before{
  position: absolute;
  top:15px;
  right:10px;
  display: block;
  width: 22px;
  height: 20px;
  content:"";
  background: url('assets/images/seta-select-2.png') no-repeat center center;
  background-size: cover;
  z-index: 3;
  opacity: 1;
}

div#categoria-options {
  position: absolute;
  z-index: 99;
  background: transparent;
  color:#666;
}
.categoria-option {
  width: 100%;
  display: block;
  padding: 10px 13px;
  background-color: #fff;
  border: 0.5px solid #f0f0f0;
  cursor: pointer;  
  font-weight: 400;
  font-size: 15px;
  text-align: left;
  line-height: 25.25px;
  color: #666;
}
.categoria-option:hover{
  color:#FF7A00;
}
.categoria-option:last-child{
  -webkit-border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
}


.por-dentro-card-2, .por-dentro-hover-content-2 {
    max-height: 130px;
}


#documentos-conduta a.elementor-button.elementor-button-link.elementor-size-sm {
  width: 315px;
}
#documentos-conduta span.elementor-button-content-wrapper {
  display: grid;
}

#documentos-conduta .elementor-button-icon svg {
  height: 39px;
  width: 39px;
}

#conheca-conduta a.elementor-button.elementor-button-link.elementor-size-sm {
  width: 210px;
}
/* BLOG */
#blog .container{
  max-width:1200px;
  margin:0px auto;      
  padding: 30px;      
}        
.head-news{
display: flex;
flex-direction:row;
justify-content: space-between;
color:#666;
margin: 25px 0;
}
.single-post .container{
  max-width:1200px;
  margin:0px auto;            
}
.single-post .container article{
  padding: 55px 30px;
}
.topo-single{
  background-color: rgba(255, 122, 0, 1);
  color:#fff;
  font-size:32px;            
}
.single-post .btn-voltar{
  border:1px solid #000;
  color:#000;
  padding: 14px 30px;
}
.single-post .btn-voltar:hover{
  background:#000;
  color:#fff;            
}
.single-post .container .flex{
display: flex;
flex-direction: row;        
gap:20px;
}
.single-post .container .flex .col{
  width: 50%;
  align-self: center;
  display: flex;
  flex-direction: column;
  padding: 30px;
}
.single-post .data{
  font-size:14px;
}
.single-post .cat span{
  width: auto;
  border:1px solid #fff;
  padding: 9px 16px;
  border-radius:8px;
  font-size:16px;
  line-height:160%;
}
.single-post .container .imagem-post{
  border-radius: 30px;
  border:10px solid #fff;            
  display: block;
  width: 100%;
  min-height: 300px;
  background-repeat: no-repeat;
  background-size: cover !important;
  background-position: center;
}
.single-post .share{
  display: flex;
  flex-direction;            
  align-items: center;
  padding: 25px 0;
  margin:25px 0;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}
.single-post .share svg{
  margin: 0 6px;
width: 20px !important;
height: 20px !important;
}
.single-post .relacionados{
  padding: 0 25px !important;
}
.single-post .relacionados h2{
  color:#666;
  margin: 25px 0;
}
.single-post .share a:hover svg{
  fill: orange;
  color:orange;
}
/* SEARCH */
.flex-main{
  display: grid;
  grid-template-columns: 75% 25%;
  gap:20px;
  max-width:98%;
}
#busca .container{
  max-width: 1100px;
  margin:0px auto;
  padding: 50px 20px;
}
.resultados h2{
  font-size: 22px;
}
.resultados .item{
  border:1px solid #f0f0f0;
  border-radius: 16px;
  padding: 30px;
}
.resultados .item a{
  color:#000;
}
.resultados .item a:hover{ color:#FF7A00;}

/* sidebar */
.sidebar{
  background:#f0f0f0;
  padding: 35px 25px;
  border-radius:30px;
}
.sidebar form{
  position: relative;
}
.sidebar form #s{
  border-radius:20px;
  border:none;
  outline:none;
  z-index: 0;
  position: relative;
}
  .sidebar form #searchsubmit {
  background: #fff;
      background-image: url("<?php echo get_template_directory_uri(); ?>/assets/images/busca.png") !important;
      background-position: center center;
      background-size: cover;
      width: 30px;
      height: 30px;
      position: absolute;
      right: 2px;
      top: 2px;
      font-size: 13px;
      padding: 4px;
      border: none;
  }
  /* orçamento */
.form-orcamento input{
margin-bottom: 6px;
}
.form-orcamento .grid{
  display: grid;
  grid-template-columns: 1fr;
  max-width:100%;
  gap: 20px;
}
.form-orcamento .grid.cols-2{
  grid-template-columns: 1fr 1fr;  
}
.form-orcamento .wpcf7-form-control.wpcf7-checkbox label{
  display: block !important;  
  padding-left: 30px;
  position: relative;
}
.form-orcamento input[type="checkbox"] {  
border:1px solid red;
position: absolute;
left:2px;
top:0;
z-index: 9;

}
.form-etica input, .form-etica textarea{
margin-bottom: 10px;
}
div#submit-home input.wpcf7-form-control.wpcf7-submit.has-spinner {
  width: 33%;
  font-size: 22px;
  font-weight: 300;
  padding: 1.5%;
}
div#form-contato form input:focus-visible {
  outline-color: unset;
}
div#form-contato form label {
  color: #666666;
}
a.por-dentro-card {
  text-decoration: none !important;
}

nav.breadcrumb, nav.breadcrumb a {
  font-size: 14px;
  color: rgb(200, 200, 200);
  font-family: Oxygen, sans-serif;
}
/* SINGLE - SOLUÇÃO */
.imagem-solucao{
  position: relative;
  z-index: 1;
}
.imagem-solucao img{
  position: relative;
  z-index: 1;
}
.imagem-solucao::after{
  width: 103%;
  height: 110%;
  top: -30px;
  left:30px;
  background: linear-gradient(to right,#FF7A00,#fff);
  display: block;
  content:"";
  position: absolute;
  z-index: 0;
}
/* FORM PRODUTOS */
.formulario-produtos .grid{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-width: 100%;
  width: 100%;
  gap: 10px;
}
.formulario-produtos *{
  border-color:#666;
  outline:none;
}
.formulario-produtos .input-nome{
  background: #fff url('assets/images/form-icon-nome.svg') no-repeat 5px center;
  background-size: 24px;
  padding-left: 32px;
}
.formulario-produtos .input-email{
  background: #fff url('assets/images/form-icon-email.svg') no-repeat 5px center;
  background-size: 24px;
  padding-left: 32px;
}
.formulario-produtos .input-tel{
  background: #fff url('assets/images/form-icon-tel.svg') no-repeat 5px center;
  background-size: 24px;
  padding-left: 32px;
}
.formulario-produtos .input-cnpj{
  background: #fff url('assets/images/form-icon-cnpj.svg') no-repeat 5px center;
  background-size: 24px;
  padding-left: 32px;
}
/* Esconde o checkbox */
.formulario-produtos .wpcf7-checkbox input[type="checkbox"] {
  display: none;
}

/* Esconde os checkboxes padrão */
.formulario-produtos .wpcf7-checkbox input[type="checkbox"] {
  display: none;
}

/* Estilo dos cards */
/* Esconde os checkboxes padrão */
.formulario-produtos .wpcf7-checkbox input[type="checkbox"] {
  display: none;
}

/* Cada item (coluna do produto) */
.formulario-produtos .wpcf7-checkbox .wpcf7-list-item {
  width: 60px;
  display: flex;
  justify-content: center;
}

/* Label principal */
.formulario-produtos .wpcf7-checkbox .wpcf7-list-item label {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 11px;
  text-align: center;
  cursor: pointer;
}

/* Card ao redor do ícone */
.formulario-produtos .produto-card {
  width: 60px;
  height: 60px;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 10px;
  background-color: #f9f9f9;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  margin-bottom: 4px;
}

/* Texto abaixo do card */
.formulario-produtos .produto-label-text {
  display: block;
  color: #333;
  font-size: 11px;
  line-height: 1.2;
}

/* Estado selecionado (card ativo) */
.formulario-produtos .wpcf7-checkbox .wpcf7-list-item label:has(input:checked) .produto-card {
  background-color: #FF7A00;
  border-color: #FF7A00;
}

.formulario-produtos .wpcf7-checkbox .wpcf7-list-item label:has(input:checked) .produto-label-text {
  color: #FF7A00;
}

/* Ícone dentro do card */
.formulario-produtos .produto-card img {
  width: 40px;
  height: 40px;
  transition: filter 0.3s ease;
}

/* Ícone branco quando selecionado */
.formulario-produtos .wpcf7-checkbox .wpcf7-list-item label:has(input:checked) .produto-card img {
  filter: brightness(0) invert(1); /* deixa o ícone branco */
}

/* Container dos cards */
.formulario-produtos .wpcf7-form-control.wpcf7-checkbox {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: space-between;
}


/* Estilização do painel */
.menuPanel {    
	margin: -40px 0 0 0;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;
    padding: 0px;    
	background:#f0f0f0;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);   
    opacity: 0;
    display: none;
	
}
.menuPanel .conteudo{	
	position: relative;
	top: 0;
	padding: 20px;
	max-width:1400px;
	margin: 0px auto;
	display: block;
}
.menuPanel .grid{
	display: grid;
	gap:20px;
}
.menuPanel .grid.cols-3{	grid-template-columns: 1fr 1fr 1fr;}
.menuPanel .grid.cols-4{	grid-template-columns: 1fr 1fr 1fr 1fr;}
.menuPanel .col{	
	padding: 0 20px 40px 0;
	position: relative;
}
.menuPanel .col h2,
.menuPanel .col h2 a{color:	#FF7A00;font-size:22px; font-weight:600;}

.menuPanel ul{
	padding: 0;
	list-style:none;
	margin: 0;
}
.menuPanel .botao-go{	
	border:1px solid #666;
	padding: 7px 18px;
	clear:both;
	color:#666;
	border-radius:6px;
	font-size:12px;
	position: absolute;
	bottom:15px;
	left:0px;
}
.menuPanel .botao-go:hover{ background:#fff; color:#FF7A00; border-color:#FF7A00;	}

/* SOLUÇÕES */
.menuPanel .col figure{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color:	#FF7A00;	
  border-radius:10px;
}
.menuPanel .col img{
  border-radius:10px;
	display: block;	
	height:auto;
  max-height: 210px;
	max-width: 100%;
	-webkit-border-bottom-right-radius: 50px;
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
}
.menuPanel .solucoes ul li a{
	display: block;
	color:#666;
	font-weight:bold;
}

.menuPanel .solucoes ul li a:hover{ color:	#FF7A00;}
.menuPanel .solucoes ul li{margin: 10px 0;}
.menuPanel .solucoes ul li span{ font-size: 12px; color:#666; line-height:130% !important; display: block;}

/* Classe para mostrar o painel */
.menuPanel.show {
    position: fixed;
    display: block;
    top:130px;
    transform: translateY(0);
    opacity: 1;    
}
.conteudo.solucoes, .conteudo.sobre{	display: none;}
.conteudo.solucoes.show, .conteudo.sobre.show{	display: block;}
#barra-topo .solucoes,
#barra-topo .sobre{
	position: relative;
}
#barra-topo .solucoes::after,
#barra-topo .sobre::after{
	position: absolute;
	width: 15px;
	height:15px;
	right:-5px;
	top:15px;
	z-index: 1;
	content:"";
	display: block;
	background: url('assets/images/seta-menu.png') no-repeat center top;
	background-size: cover;
}
#barra-topo .menu ul{
	list-style:none;
	padding:0;
	margin:0;
	display: flex;
	flex-direction:horizontal;
	flex-wrap:nowrap;
	justify-content:space-between;
	width:100%;
}
#barra-topo .menu li{
	font-size:16px;
	padding:4px 12px;
	line-height:100%;
}
#barra-topo .menu li a{ color:#666;}
#barra-topo .menu li a:hover{ color:#ff7a00;}

/* MENU MOBILE */
#barra-topo{
  position: relative;
  top:0;
}
#barra-topo.active{		  
	position: fixed;
	    -webkit-animation: fixaTopo 1s forwards; /* Safari 4+ */
  -moz-animation:    fixaTopo 1s forwards; /* Fx 5+ */
  -o-animation:      fixaTopo 1s forwards; /* Opera 12+ */
  animation:         fixaTopo 1s forwards; /* IE 10+, Fx 29+ */    
animation-iteration-count: 1; 
animation-delay:0.4s;
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.2);
box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.2);
}
.ancora{
  cursor: pointer;
}
.fechar{
	cursor: pointer;
}

.painel{    	
	display: none;
	z-index: 9999;
    position: fixed;
    top:0;
right:-100%;    
    width: 100% !important;
    max-width: 400px !important;
    overflow-x: hidden;
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s; 
}
.painel.active {
	display: block;
		    -webkit-animation: puxaPainel 1s forwards; /* Safari 4+ */
  -moz-animation:    puxaPainel 1s forwards; /* Fx 5+ */
  -o-animation:      puxaPainel 1s forwards; /* Opera 12+ */
  animation:         puxaPainel 1s forwards; /* IE 10+, Fx 29+ */    
animation-iteration-count: 1; 
animation-delay:0s;    
}
.fechaPainel{
  display: block;
      -webkit-animation: retornaPainel 1s forwards; /* Safari 4+ */
-moz-animation:    retornaPainel 1s forwards; /* Fx 5+ */
-o-animation:      retornaPainel 1s forwards; /* Opera 12+ */
animation:         retornaPainel 1s forwards; /* IE 10+, Fx 29+ */    
animation-iteration-count: 1; 
animation-delay:0s;  
}
@-webkit-keyframes fixatopo{
  0%{
top:-140px;
  }
  100%{
    top:0 !important;
  }
}
@-webkit-keyframes puxaPainel{
  0% {
  right: -100%;
  }
  100% {
  right: 0;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
  }
  }
  @-webkit-keyframes retornaPainel {
  0% {
  right:0;
  }
  100% {
  right:-100%;
  }
  }
  


a.botao-laranja, a.cta-button,
a.solucoes-card.e-flex.e-con.e-child {
    text-decoration: none;
}


div#tabs-localizacao .e-n-tabs-heading {
    position: relative;
    right: -4%;
    z-index: 99;
    top: 35px;
}


.logos .elementor-widget-container {
    min-height: 100px;
    min-width: 79px;
    justify-content: center;
		align-items: center;
		display: inline-block
}
#logos-home .elementor-widget.elementor-widget-image {
    width: 100%;
    min-width: 100px;
			align-items: center;
		display: inline-block;
}
#logos-home {
    position: relative;
    width: 100%;
    padding: 2%;
    background-color: white;
    overflow: hidden;
    display: flex;
}

#logos-home .e-con-inner {
    display: flex;
    gap: 30px;
    width: max-content;
    animation: scrollLogos 10s linear infinite;
}

/* Duplicação virtual dos logos */
#logos-home .e-con-inner::after {
    content: "";
    display: flex;
    gap: 30px;
    width: 100%;
}

@keyframes scrollLogos {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}
.orcamento-filtrado {
  display: flex;
  flex-direction: row; /* valor correto */
  width: 100%;
  margin: 30px auto;
  gap: 0; /* garante que não haverá espaçamento entre colunas */
}

.orcamento-filtrado .col {
  flex: 1;  
  padding: 12px;
}

.orcamento-filtrado input,
.orcamento-filtrado select {
  width: 100%; /* para ocupar toda a largura do .col */
  max-width: 100%;
  display: block;
  border: none;
  border-bottom: 1px solid #666;
  padding: 12px 0;
  color: #666;
}
.orcamento-filtrado input.wpcf7-submit {
  background: rgba(243, 128, 40, 1);
  border: 2px solid rgba(243, 128, 40, 1) !important;
  border-radius: 3.33px;
  font-family: Oxygen;
  font-weight: 700;
  font-size: 14px;
  line-height: 14.7px;
  color: white;
  text-align: center;
  min-width: 120px;  
  padding: 12px 20px;
  top: 20px;  
}
.orcamento-filtrado input.wpcf7-submit:hover{background: none; color:rgba(243, 128, 40, 1);}
.form-newsletter{ 
  display: flex; justify-content: center; align-items: center; gap: 1%
}
.testimonial-slider{
  max-width:950px; margin:0px auto;
  padding: 0 35px;
}
.testimonial-slider .slick-slide {
  display: flex !important;
  align-items: center;
  justify-content: center;
  
}

.testimonial-content {
  flex: 0.5;
  align-items: center;
  padding: 5% 9% 0% 8%;
}
.testimonial-content p {
  font-family: Oxygen;
  font-weight: 400;
  font-size: 17px;
  line-height: 27px;
  letter-spacing: 0%;
  color: rgba(102, 102, 102, 1);
}
    .testimonial-content strong {
        font-weight: bold;
    }

.testimonial-image {
  
  border-radius: 5px;
  position: relative;
  width: 100%;
  display: block;
  max-width:400px;			
  min-height:350px;
  flex: 0.8;
  text-align: center;
  background-color: transparent;
  background-image: linear-gradient(90deg, #F38028 50%, #D9D9D900 85%);
}
/* .testimonial-image img {
  display: block;
  border-radius: 5px;
  position: relative;
  width: auto;			
  height:auto;
  top: 9%;
  right: 25%;
} */
.testimonial-image img {
  border-radius: 5px;
  position: absolute;
  width: auto;
  top: 8%;
  bottom:10%;
  right: 30%;
  max-height:300px;
  
}
    .slick-prev, .slick-next {
        background: #E76F00;
        border-radius: 50%;
        width: 30px;
        height: 30px;
    }
    .slick-prev:before, .slick-next:before {
        color: white;
        font-size: 20px;
    }
.testimonial-slider.trabalhe-conosco{
  padding: 0 30px;
}
.testimonial-slider.trabalhe-conosco .slick-slide {
  display: flex !important;
  align-items: center;
  justify-content: space-between !important;
  
}

#trabalhe-conosco .testimonial-content {
  flex: 0.5;
  align-items: center;
  padding: 0% 11% 0% 5%;
  color: white;
}
#trabalhe-conosco .testimonial-content p {
  font-family: Oxygen;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0%;
  color: white;
}
    .testimonial-content strong {
        font-weight: bold;
    }

  #trabalhe-conosco .swiper-button-next,
  #trabalhe-conosco .swiper-button-prev,
  #trabalhe-conosco button.slick-arrow {
    color: orange;
    background: white;

  }

  #trabalhe-conosco button.slick-arrow img {
    display: none;
  }

  #trabalhe-conosco button.slick-next.slick-arrow {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  #trabalhe-conosco .slick-dots li button:before, #trabalhe-conosc .slick-dots li.slick-active button:before {

      color: white !important;
  }

  #trabalhe-conosco button.slick-prev.slick-arrow {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }



#trabalhe-conosco .slick-prev:hover, #trabalhe-conosco .slick-prev:focus, #trabalhe-conosco .slick-next:hover, #trabalhe-conosco .slick-next:focus {
    color: orange;
    outline: none;
    background: gray;
  }
#trabalhe-conosco .testimonial-image {			
  width: 100%;
  position: relative;								
  left: 0%;
  flex: 0.8;
  text-align: center;
  background-color: transparent;
  background-image: linear-gradient(90deg, #F38028 50%, #D9D9D900 85%);
}

#trabalhe-conosco .testimonial-image img {
  width: 100%;
  width: 400px;
  top: 15%;
  left:0%;
  height: auto;
  margin:0px auto;
  display: block;			
}

    .slick-prev, .slick-next {
        background: #E76F00;
        border-radius: 50%;
        width: 40px;
        height: 40px;
    }
    .slick-prev:before, .slick-next:before {
        color: white;
        font-size: 20px;
    }







#form-equipamento-container {
  display: flex;
  flex-direction: column;
  gap: 0rem;
  }  
  .select-wrapper {
  position: relative;
  }
  .select-wrapper label{
    text-transform: uppercase;
    font-size:9px;
    font-weight: 600;
    display: block;
    padding-bottom: 6px;
  }
  #equipamento-select,
  #modelo-select,
  #tensao-altura-select,
  #combustivel-ambiente-select {
  padding: 8px 12px 8px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;  
  }

  #form-filtros {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 0px auto;
  gap: 0;
  align-items: center;  
  }
  
  #form-filtros .select-wrapper {
  flex: 1;
  padding: 12px;
  }
  
  #form-filtros select {
  width: 100%;
  max-width: 100%;
  display: block;
  border: none;
  border-bottom: 1px solid #666;
  padding: 12px;
  color: #666;  
  }
  
  #form-filtros button {
  background: rgba(243, 128, 40, 1);
  border: 2px solid rgba(243, 128, 40, 1);
  border-radius: 3.33px;
  font-family: Oxygen, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 14.7px;
  color: white;
  text-align: center;
  min-width: 120px;
  padding: 12px 20px;
  margin-top: 20px;
  }
  
  #form-filtros a {
  text-decoration: none;
  }

  .equipamento-header {
    display: flex
;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}

@media (min-width: 1650px) {
  #breadcrumbs-pap {
    padding-top: 1%;
  }
}

/* PERSONALIZAD */
.marquee {
	height:auto;
  overflow: hidden;
  width: 100%;
  background: #fff; /* opcional */
}

.bdt-slide-image{
    width: 100% !important;
	max-width: 290px !important;    
border-radius:12px;
    display: block; 
    background-size: cover;
	position:relative;
	padding:5% !important;
	margin: 5% !important;
	border:5px solid #fff;
}
.bdt-slide-image::after{
	width:100%;
	height:104%;
	position:absolute;
		left:7%;
	top: -7px;
	z-index:-1;
	border-radius:12px;
	display:block;
	background:#f38028;
	content:"";
	
}
#slider-oval .bdt-position-relative.bdt-slide-overlay .size-full {
    width: 100%;
    height: auto;
    display: block; /* evita espaço extra abaixo da imagem */
    object-fit: contain; /* garante que a imagem se ajuste sem cortar */
}
#slider-oval .bdt-slide-overlay::before{
	display:none !important;
}

.hfe-search-button-wrapper.hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input {
    top: 50px;
}

.hfe-search-button-wrapper.hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input::placeholder {
			border-bottom: 1px solid #afafaf ;
min-height:20px;
}

li.hfe-breadcrumbs-item a {
    text-decoration: none;
}
.orcamento-filtrado *{
	outline:none;
}
.orcamento-filtrado .qtd{ position: relative}
.orcamento-filtrado .qualidade-input{width:70px;}
.quantidade-wrapper {
  display: flex;
  gap: 10px;
  margin-top: 5px;
	position:absolute;
	left:0;
	top:0;
	width:100%;
}

.quantidade-wrapper button {
	top:18px;
	position:absolute;
	padding:2px;
  width: 25px;
  height: 40px;
  font-size: 16px;	
  border: none;
  background-color: rgba(243, 128, 40, 1);
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
}
.quantidade-wrapper button:hover {
  background-color: orange;
}
.quantidade-wrapper .mais{
	right:10px;	
}
.quantidade-wrapper .menos{
	left:10px;	
}
.quantidade-input {
  width: 60px;
  height: 50px;
  font-size: 16px;
  text-align: center;
}
.btn-busca{
	cursor:pointer;
}
.painel-busca{
	position:fixed;
	top:-120px;	
}
@media only screen and (max-width: 600px) {
	.painel-busca {
			position: fixed;
			top: -160px;
	}
}
.painel-busca.active{
	
		    -webkit-animation: desceBusca 1s forwards; /* Safari 4+ */
  -moz-animation:    desceBusca 1s forwards; /* Fx 5+ */
  -o-animation:      desceBusca 1s forwards; /* Opera 12+ */
  animation:         desceBusca 1s forwards; /* IE 10+, Fx 29+ */    
animation-iteration-count: 1; 
animation-delay:0s;
}
.fechaBusca{cursor:pointer;}
@-webkit-keyframes desceBusca{
  0% {
  top: -120px;
  }
  100% {
  top: 0px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
  }
  }



div.cta-button a.elementor-button.elementor-button-link.elementor-size-sm {
    background: var(--Color-Orange, rgba(243, 128, 40, 1));
    color: white;
    padding: 12px 24px;
    border-radius: 5px;
    font-family: Oxygen;
    font-weight: 700;
    font-size: 17.18px;
    line-height: 21.7px;
    text-align: center;
    text-decoration: none !important;
}

div.cta-button a.elementor-button.elementor-button-link.elementor-size-sm:hover {
	background: #fff;
    color: rgba(243, 128, 40, 1);
}




div#form-contato form input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, div#form-contato form textarea, div#form-contato form input {
    border: 1px solid #CBCBCB;
}


div#form-contato form input[type="submit"] {
	    background: rgba(243, 128, 40, 1);
    border: none;
    line-height: 14.7px;
    min-width: 120px;
    float: right;
    /* position: relative; */
    /* top: 20px; */
    font-family: "Oxygen", Sans-serif;
    font-size: 13px;
    font-weight: 700;
    border-style: solid;
    border-width: 2px;
    border-color: #F38028;
    border-radius: 4px;
    padding: 12px 22px;
    color: white;
    text-decoration: none !important;
		margin-top:20px;
}


button#btnChatFlt, #chatBot {
    display: none !important;
}

.cases-solucoes .case-item { position: relative; background: white; background-position: center; border-radius: 5px; overflow: hidden; height: 270px; width: 500px; color: white; border: 1px solid rgba(203, 203, 203, 1); }
#comp-home-slideshow .elementor-button{
	padding:15px 24px;
}
#comp-home-slideshow .elementor-swiper-button{
	font-size:35px !important;
}
#comp-home-slideshow .elementor-swiper-button-prev{
	background: transparent !important;
}
/* Carrossel contínuo */
#carrossel-logos .swiper-wrapper {
  display: flex;
  animation: scroll-continuous 60s linear infinite;
  width: max-content;
}

#carrossel-logos .swiper-slide {
  flex: 0 0 auto;
  margin-right: 40px; /* espaçamento entre os logos */
}

@keyframes scroll-continuous {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}


.carrossel-img-solucoes .elementor-image-carousel-wrapper .swiper-slide {
    height: 400px !important;
    display: flex !important;
    align-items: stretch !important;
}

.carrossel-img-solucoes .swiper-slide-inner {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;

}

.carrossel-img-solucoes .swiper-slide-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
}

@media only screen and (max-width: 900px) {
	.carrossel-img-solucoes .elementor-image-carousel-wrapper .swiper-slide {
			height: 224px !important; 
	}
}
.single-post .container article {
    font-family: "Oxygen", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    color: #666666;
}

.single-post article h2 {
    font-family: "Oxygen", Sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    color: #666666;
    margin: 40px 0px 20px;
}

.single-post article a {
    color: #f38028;
}


/* MOBILE */
@media (max-width: 850px) {

  .equipamento-header {
      display: grid;
      gap: 20px;
      padding: 20px 10px;
  }
  .subtitulo-internas span {
    font-size: 22px !important;
  }

  a.scroll-to-orcamento {
    text-align: center;
    display: flex;
    justify-content: center;
  }
  #main-slider-tecnogera .swiper-button-next {
    right: 15% !important;
    left: auto;
    z-index: 3;
   
   position: relative;
   width: 100%;
   height: 60vh; /* Mantém o slide ocupando toda a tela */
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
 }
 #main-slider-tecnogera .slider-image {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1; /* Mantém a imagem no fundo */
 }
 
 #main-slider-tecnogera .slider-image img {
   width: 100%;
   height: 100%;
   object-fit: cover; /* Faz a imagem preencher sem distorcer */
 }
 #main-slider-tecnogera  h2 {
   font-family: "Oxygen", Sans-serif;
   font-size: 40px;
   font-weight: 300;
   line-height: 55px;
   color: #FFFFFF;
   margin-bottom: 10%;
 }
 
 #main-slider-tecnogera .swiper-button-next, #main-slider-tecnogera .swiper-button-prev {
   color: #fff;
   bottom: 10px;
   top: unset;
   background: transparent;  
 }
 
 
 
 #main-slider-tecnogera .overlay{
   background: linear-gradient(to right,rgba(0,0,0,.85),rgba(0,0,0,.2));
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   left:0;
   top:0;
   z-index: 0;
   content: "";
 }
 #main-slider-tecnogera .swiper-button-prev{
   left: 45% !important;
   right: auto;
   z-index: 3;
 
 }
 
 #main-slider-tecnogera .swiper-button-next{
   right: 45% !important;
   left: auto;
   z-index: 3;
 }
 #main-slider-tecnogera .swiper-pagination{
   margin: 0px auto;
   padding-top: 10px;
   text-align: center !important;
   min-height: 50px;  
   z-index: 1;
   bottom: 20px;
 }
 #main-slider-tecnogera .swiper-pagination-bullet{ margin: 0px 6px; position: unset !important; display: inline-block; width: 12px; height:12px;}
 #main-slider-tecnogera .swiper-pagination-bullet-active{background: #FF7A00;}
 
 #main-slider-tecnogera .swiper-slide {
   display: flex;
   justify-content: space-between;
   align-items: center;
   /* background-color: #f4f4f4; */
   padding: 0px; 
 }
 
 .page-header {
   display: none;
 }
 
 span.orange{
 color: rgba(255, 122, 0, 1);
 font-weight: 700;
 }
 
 
 .solucoes-card-hover-content {
 display: none;
 
 } 
 
 
 .solucoes-card-hover-content .e-grid.e-con-full.e-con.e-child {
   --widgets-spacing: 0px;
 --widgets-spacing-row: 0px;
 --widgets-spacing-column: 0px;
 }
 .titulo-sublinhado span {
 border-bottom: 3px solid rgba(243, 128, 40, 1);
 padding-bottom: 2px;
 }
 
 .titulo-sublinhado.branco span {
 border-bottom: 3px solid white;
 padding-bottom: 2px;
 }
 
 .por-dentro-hover-content {
 /* 	display: none; */
 }
 .por-dentro-title.por-dentro-hover-content {
 display: flex !important
 }
 
 .por-dentro-card {
   max-height: 135px; 
   overflow: hidden; /* Impede que o conteúdo extra seja exibido */
   transition: max-height 0.5s ease-in-out;
 }
 
 .por-dentro-card:hover {
   max-height: 500px; 
 }
 
 .por-dentro-hover-content {
   opacity: 0;
   transition: opacity 0.5s ease-in-out;
   transform: translateY(-20px); 
 }
 
 .por-dentro-card:hover .por-dentro-hover-content {
   opacity: 1;
   transform: translateY(0); 
 }
 
 
 .solucoes-card {
   max-height: 220px; 
   overflow: hidden; 
   transition: max-height 0.5s ease-in-out;
 }
 
 .solucoes-card:hover {
   max-height: 220px; 
 }
 
 .solucoes-card-hover-content {
   opacity: 0;
   transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
 }
 
 .solucoes-card:hover .solucoes-card-hover-content {
   opacity: 1;
   transform: translateY(0); 
 }
 
 .elementor-kit-6 button, .elementor-kit-6 input[type="button"], .elementor-kit-6 input[type="submit"], .elementor-kit-6 .elementor-button {
 background-image: none !important;
 }
 
 .botao-laranja a.elementor-button.elementor-button-link.elementor-size-sm:hover {
 border: 2px solid white;
 border-radius: 5px;
 width: auto;
 }
 
 
 
 /* CASES GRID */
 /* Importando a fonte Oxygen */
 @import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@400;700&display=swap');
 
 /* Estilos gerais */
 .grid-cases {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
   gap: 20px;
   margin: 0 auto;
   padding: 30px;
 }
 
 .case-item {
   position: relative;
   background: white;
   background-position: center;
   border-radius: 5px;
   overflow: hidden;
   /* height: 395px; */
   color: white;
   border: 1px solid rgba(203, 203, 203, 1);
 }
 
 .case-item .case-content {
   background: white;
   color: black;
   padding: 15px;
   width: 100%;
   text-align: left;
 }
 
 .case-item .case-category {
   text-transform: uppercase;
   font-size: 12px;
   font-weight: 400;
   color: rgba(243, 128, 40, 1);
   margin-bottom: 10px;
 }
 
 .case-item .case-title {
   font-family: 'Oxygen', sans-serif;
   font-size: 24px;
   margin: 0;
 min-height: 50px;
 }
 .case-item .case-title a{
   color:#333;
   text-decoration: none;
 }
 .case-item .case-summary {
   font-family: 'Oxygen', sans-serif;
   font-size: 13px;  
   margin: 10px 0;
 }
 .case-item .case-link {
   position: absolute;
   bottom: -1%;
   right: 1%;
   color: rgba(243, 128, 40, 1);
   text-decoration: none;
   border-radius: 4px;
   font-weight: 100;
   font-size: 40px;
 }
 .case-item .case-link:hover {
   color: #944000;
 }
 .case-item .case-link:focus {
   outline: none;
   box-shadow: 0 0 4px rgba(243, 128, 40, 1);
 }
 .case-thumb {
   height: 190px;
   background-repeat: no-repeat;
   background-size: cover;
 }
 select#categoria {
   background: rgba(217, 217, 217, 1);
   border: none;
   /* max-width: 380px; */
   min-width: 385px;
   padding: 16px 16px 16px 24px;
   font-family: Oxygen;
   font-weight: 400;
   font-size: 20px;
   line-height: 25.25px;
   color: rgba(117, 117, 117, 1);
 }
 
 .case-header .texts {
   max-width: 450px;
 }
 .case-header .texts h1 {
   font-family: Oxygen;
   font-weight: 300;
   font-size: 40px;
   line-height: 45px;
 }
 
 .case-header .texts p {
   font-family: Oxygen;
   font-weight: 400;
   font-size: 18px;
   line-height: 25px;
 }
 
 .necessidade-slucao {
   flex: 1;
   padding: 2% 5% 2% 2%;
   background: #fff;
   border: 1px solid #f5f5f5;
   margin: 10px;
   border-radius: 21px;
 }
 
 .necessidade-slucao h2 {
   font-family: Oxygen;
   font-weight: 300;
   font-size: 38px;
   line-height: 45px;
   color: rgba(30, 30, 30, 1);
 }
 .necessidade-slucao p {
   font-family: Oxygen;
   font-weight: 400;
   font-size: 18px;
   line-height: 25px;
   color: rgba(102, 102, 102, 1);
 }
 
 
 
 .container.single-case, .container.resultado .content {
   padding: 40px 20px; max-width: 1200px; margin: auto;
 }
 
 .container.resultado {
 background: white;
 padding: 0px;
 }
 
 .container.resultado .content {
   padding: 0px;
   align-items: center;
 }
 .container.resultado h2 {
   font-family: Oxygen;
   font-weight: 700;
   font-size: 75.09px;
   line-height: 88.92px;
   letter-spacing: 0%;
   text-align: center;
   padding-left: 5%;
 }
 
 .container.resultado p {
   font-family: Oxygen;
   font-weight: 400;
   font-size: 17.01px;
   line-height: 21.09px;
   letter-spacing: 0%;
   text-align: center;
   color: rgba(243, 128, 40, 1);
   padding-left: 5%;
 }
 
 .container.resultado .texts, 
 .container.resultado .slides{
   flex: 1;
   padding: 2% 5% 2% 2%;
 }
 .container.resultado .slides {
   background: linear-gradient(84.39deg, #F38028 42.47%, rgba(217, 217, 217, 0) 82.42%);
 
 }
 
 
 div#wpcf7-f559-p383-o1 form {
   display: flex;
 }
 
 div#wpcf7-f559-p383-o1 form input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email {
   border: 1px solid rgba(243, 128, 40, 1);
   border-radius: 8px 0px 0px 8px;
   max-height: 38px;
 }
 
 div#wpcf7-f559-p383-o1 input.wpcf7-form-control.wpcf7-submit.has-spinner {
   background: rgba(243, 128, 40, 1);
   border-radius: 0px 8px 8px 0px;
   border: none;
   min-height: 38px;
   font-family: Oxygen;
   font-weight: 400;
   font-size: 18px;
   line-height: 22.73px;
 }
 
 div#form-contato form .row.two-col p {
   display: flex;  
   gap: 10px;
   
 }
 
 
 div#form-contato form input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, div#form-contato form textarea {
   border: 1px solid #CBCBCB;
 }
 
 div#form-contato form input:hover {
   font-family: Oxygen;
   font-weight: unset;
   font-size: 1rem;
   line-height: 24px;
   color: rgba(243, 128, 40, 1);
   background: white;
   border: 1px solid rgba(243, 128, 40, 1);
 }
 
 input.wpcf7-form-control.wpcf7-submit.has-spinner {
   background: rgba(243, 128, 40, 1);
   border: none;
   line-height: 14.7px;
   min-width: 120px;
   float: right;
   /* position: relative; */
   /* top: 20px; */
   font-family: "Oxygen", Sans-serif;
   font-size: 13px;
   font-weight: 700;
   border-style: solid;
   border-width: 2px;
   border-color: #F38028;
   border-radius: 4px;
   padding: 12px 22px;
   color: white;
   text-decoration: none !important;
 }
 /* contato */
 
 /* novo contato */
 .contact .states {
   align-items: flex-start;
   display: flex;
   justify-content: space-between;
   margin: 0 auto;
   max-width: 1200px;
   padding: 100px 0;
   position: relative;  
 }
 .contact .states .states-counters {
   display: flex;
   flex-direction: column;
   width: 30%;
   position: relative;
   z-index: 2;  
 }
 .contact .states .states-counters .counter {
   border: solid 1px #f58229;
   border-radius: 50px;
   color: #f58229;
   cursor: pointer;
   font-weight: bold;
   margin-bottom: 20px;
   padding: 15px 50px 15px 30px;
   position: relative;
   width: 90%;  
   transform: scale(0.95);
   transition: all 0.2s ease;
 }
 .contact .states .states-counters .counter::after {
   border-right: solid 3px #f58229;
   border-top: solid 3px #f58229;
   content: '';
   height: 10px;
   position: absolute;
   right: 20px;
   transform: rotate(45deg) translateY(5px);
   width: 10px;
 }
 .contact .states .states-counters .counter.__active {
   background-color: #f58229;
   color: #fff;
   transform: scale(1) translateX(8px);
 }
 .contact .states .states-counters .counter.__active:after {
   border-right: solid 3px #fff;
   border-top: solid 3px #fff;
 }
 .contact .states .states-counters .counter:empty {
   display: none;
 }
 .contact .states .states-rail {
   width: 100%;  
 }
 .contact .states .states-rail .states-item {
   align-items: flex-start;
   display: block;
   justify-content: space-between;
   margin: 25px 0;  
 }
 
 .contact .states .states-rail .states-item img {
   margin: 0px auto;
   width: 100%;
   max-width: 550px;
   height:auto;
   display: block;
   position: relative;  
   left: 0%;
   bottom: 80px;
   margin-bottom: -70px;
 }
 .contact .states .states-rail .states-item .right {
     width: 90%;
     max-width: 90%;
     display: grid;
       position: relative;
       z-index: 0;
     right: 0%;
     gap: 10px;
     grid-template-columns: repeat(3, 1fr);
 }
 .contact .states .states-rail .states-item .right .box {
     background-color: #ffffff;
     border: 1px solid #f5822959;
     border-radius: 6px;
     padding: 15px 10px;
     display: flex
 ;
     flex-direction: column;
     color: #58595b;
     margin-bottom: 10px;
 }
 .contact .states .states-rail .states-item .right .box .title {
   font-weight: bold;
   margin-bottom: 10px;
 }
 .contact .states .states-rail .states-item .right .box a {
   color: #f58229;
   display: block;
   font-weight: bold;
   margin-top: 10px;
   transition: all 0.2s ease;
   width: -moz-fit-content;
   width: fit-content;
     text-decoration: none;
 
 }
 .contact .states .states-rail .states-item .right .box a:hover {
   transform: scale(1.1);
 }
 .contact .states .states-rail .states-item .right .box a.address {
   color: #58595b;
   font-weight: normal;
   text-decoration: none;
 }
 @media (max-width: 440px) {
   .contact .states {
     flex-direction: column;
   }
   .contact .states .states-counters {
     flex-wrap: wrap;
     width: 100%;
   }
   .contact .states .states-counters .counter {
     margin: 0 auto 10px;
     width: 90%;
   }
   .contact .states .states-counters .counter.__active {
     transform: scale(1) translateX(0);
   }
   .contact .states .states-rail {
     width: 100%;    
   }
   .contact .states .states-rail .states-item {
     flex-direction: column;
   }  
 }
 
 [data-switcher] [class*='-item'].__active {
     opacity: 1;
     position: relative;
     z-index: 2;
 }
 [data-switcher] [class*='-item'] {
     opacity: 0;
     position: absolute;
     transition: opacity 0.2s ease;
     z-index: -1;
 }
 .contact .states .states-counters .counter.__active {
     background-color: #f58229;
     color: #fff;
     transform: scale(1) translateX(8px);
 }
 
 
 .container.mais-lidas, .container.cases {
   max-width: 1100px;
   margin: 0 auto;
   padding: 5%;
 }
 
 
 h2.section-title {
   font-family: Oxygen;
   font-weight: 400;
   font-size: 38px;
   line-height: 25px;
   color: rgba(102, 102, 102, 1);
   margin: 5%;
 }
 
 .cases-solucoes-container {
   display: flex;
   flex-direction: column;
   gap: 20px;
 
 }
 
 .cases-solucoes-container .case-item-cc {
   display: flex;
   align-items: center;
   justify-content: space-between;
   background: rgba(217, 217, 217, 0.15);
   border-radius: 5px;
 }
 .cases-solucoes-container .case-content-cc {
   flex: 1;
   max-width: 80%;
   padding: 2% 3%;
 }
 .cases-solucoes-container .case-category-cc {
   font-family: Oxygen;
   font-weight: 400;
   font-size: 18px;
   line-height: 25px;
   letter-spacing: 0%;
 
   display: block;
   margin-bottom: 5px;
   border-bottom: 3px solid rgba(243, 128, 40, 1);
   display: inline-block;
   padding-bottom: 3px;
 }
 
 .cases-solucoes-container .case-title-cc {
   font-size: 24px;
   font-weight: 400;
   color: #666;
   line-height: 1.3;
 }
 
 .cases-solucoes-container .case-title-cc .highlight {
   font-family: Oxygen;
   font-weight: 300;
   font-size: 32px;
   line-height: 45px;
   color: rgba(30, 30, 30, 1);
 }
 
 .cases-solucoes-container .case-image-cc {
   flex-shrink: 0;
   max-width: 210px;
   border-radius: 5px;
   overflow: hidden;
 }
 
 .cases-solucoes-container .case-image-cc img {
   width: 100%;
   height: auto;
   display: block;
   border-radius: 5px;
 }
 .cases-content h3 {
   font-family: "Oxygen", Sans-serif;
   font-size: 26px;
   font-weight: 700;
   line-height: 45px;
   color: #666;
   max-width: 100%;		
   margin-top: -5px;		
 }
 .cases-content h4{
   text-transform: uppercase;
   font-size: 12px;
   font-weight: 400;
   color: rgba(243, 128, 40, 1);
   margin-bottom: 10px;
   margin: 0px;
 }
 
 
 .cases-content p {
   color: #666666;
   font-family: "Oxygen", Sans-serif;
   font-size: 17px;
   font-weight: 400;
   line-height: 25px;
 }
 .cases-solucoes {
   position: relative;
   overflow: hidden;
   max-width: 1180px;
   margin: 0 auto;
 }
 .case-thumbnail img {
   width: 100%;
   display: block;
 }
 .slide-row {
   display: flex;
   align-items: center;
   justify-content: flex-start !important;
   align-items: flex-start;
   margin: 0 auto;
   gap: 10%;
   padding: 5% 0%;
 }            
 * .swiper-slide.case-item{
   max-width: none;
   margin: 7px !important;
   min-height: 450px !important;
 }
 .cases-content { max-width: 50%;  }
       .cases-carousel { position: relative; display: flex; align-items: center; justify-content: flex-start; width: 50%; }
       .case-slider  .case-item {
   position: relative;
   background-position: center;
   border-radius: 5px;
   overflow: hidden;
   height: 100%;
   width: 100%;
   color: white;
   border: none;
   min-height: 426px;
   max-height: 426px;
   margin: 0px 9px;
   padding-bottom: 30px;
   border:1px solid #f0f0f0;
 }
 
 
 .case-slider-nav button.slick-next.slick-arrow {
   right: -50px;
 }
 
 .case-slider-nav button.slick-prev.slick-arrow {
   left: -50px;
 }
 
 .case-slider .slick-list.draggable {
 
   height: 444px;
 }
       .highlight { color: orange; font-weight: bold; }
       .btn-saiba-mais {
   position: relative;
   top:20px;
   
   background-color: #F38028;
   font-family: "Oxygen", Sans-serif;
   font-size: 13px;
   font-weight: 700;
   text-decoration: none;
   border-style: solid;
   border-width: 2px;
   border-color: #F38028;
   border-radius: 4px;
   padding: 12px 22px;
   color: white;
   text-decoration: none !important;
 }
 .btn-saiba-mais:hover{
   color: #F38028;
   background: transparent;
 }
 .slider-controls {
   position: absolute;
   top: 50%;
   width: 100%;
   display: flex;
   justify-content: space-between;
   transform: translateY(-50%);
   pointer-events: none; /* Evita interferência no clique na imagem */
 }
 
 .slider-controls button {
   background: rgba(243, 128, 40, 1);
   color: white;
   border: none;
   padding: 5px 10px;
   cursor: pointer;
   font-size: 18px;
   font-weight: 100;
   border-radius: 5px;
   pointer-events: auto;
 }
 
 .slider-controls button.prev {
   width: 35px !important;
   height: 35px !important;
   margin-left: 10px;    
   text-indent: -999px;
   overflow: hidden;
   background-image: url('assets/images/seta-left.png') !important;
   background-size: 20px !important;
   background-position: center center;
   background-repeat: no-repeat;
 
 }
 
 .slider-controls button.next {
   width: 35px !important;
   height: 35px !important;
   margin-right: 10px;  
   
   background-image: url('assets/images/seta-right.png') !important;
   background-size: 20px !important;
   background-position: center center;
   background-repeat: no-repeat;
 }
 
 
 span.wpcf7-spinner {
   display: none;
 }
 
 #porque-alugar .e-grid.e-con-full.e-con.e-child {
   --e-con-grid-template-rows: none;
 }
 
 /* Ajustes na swiper-container */
 .swiper-container.case-slider {
   display: flex;  
   margin: 0px auto;
   padding: 0;
 }
 
 /* Ajustes no swiper-slide */
 .swiper-container.case-slider .swiper-slide {
   display: flex !important;
   flex-direction: column !important; /* Alinha o conteúdo dentro do slide de forma vertical */
   height: 100%; /* Garante que o slide ocupe a altura total disponível */
   
   flex-grow: 1 !important; /* Garante que todos os slides tenham a mesma altura */
   min-height: 400px;
 }
 
 .swiper-container.case-slider.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
   overflow: hidden;
 /*     position: relative; */
 }
 span.swiper-pagination-bullet {
   position: relative;
   left: 50%;
   bottom: 40px;
 }
 #overlay {
   background-color: transparent;
   background-image: linear-gradient(86deg, #5A5959 0%, #D9D9D900 100%);
   opacity: 0.82;
   mix-blend-mode: multiply;
   transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
   inset: 0;
   position: absolute;
 }
     .swiper-container {
         width: 100%;
         height: 100%;
     }
 
     .swiper-button-next, .swiper-button-prev {
         color: #fff;
         
     }
     .case-slider .swiper-button-next, 
     .case-slider .swiper-button-prev{
       top:35% !important;
     }
     .case-slider .swiper-button-prev{
       left:-35px !important;
     }
     .case-slider .swiper-button-next{
       right: -35px !important;
     }
     .slider-image img {
         max-width: 100%;
         height: auto;
     }
 
 .swiper-pagination {
   position: absolute;
   bottom: 20px; /* Ajuste conforme necessário */
   left: 50%;
   transform: translateX(-50%);
   z-index: 10;
 }
 
 .swiper-pagination-bullet {
   width: 12px;
   height: 12px;
   background: rgba(255, 255, 255, 0.5);
   opacity: 1;
   border-radius: 50%;
   margin: 0 5px;
   transition: background 0.3s;
 }
 
 .swiper-pagination-bullet-active {
   background: #ff5722; /* Cor ativa do dot */
 }
 .container.cases h3.subtitle {
   color: rgba(102, 102, 102, 1);
   font-family: Oxygen;
   font-weight: 400;
   font-size: 25px;
   line-height: 25px;
 }
 
 .container.cases h2.title {
   color: rgba(102, 102, 102, 1);
 font-family: Oxygen;
 font-weight: 700;
 font-size: 42px;
 line-height: 45px;
 letter-spacing: 0%;
 
 }
 
 .container.cases select#categoria {
   min-width: 350px;
   max-width: 350px;
 }
 
 .container.button-orcamento {
   margin: 0 auto;
   max-width: 500px;
   display: flex
 ;
   justify-content: center;
   padding-top: 5%;
 }
 
 a.botao-laranja, a.cta-button {
   background: var(--Color-Orange, rgba(243, 128, 40, 1));
   color: white;
   padding: 12px 24px;
   border-radius: 5px;
   font-family: Oxygen;
   font-weight: 700;
   font-size: 17.18px;
   line-height: 21.7px;
   text-align: center;
   text-decoration: none !important;
 }
 
 a.botao-laranja:hover,
 .botao-laranja a.elementor-button.elementor-button-link:hover, a.cta-button:hover{
 background:#fff;
 color: rgba(243, 128, 40, 1);
 }
 
 .swiper-button-next:after, .swiper-button-prev:after {
   font-size: 20px;
 }
 .swiper-button-next, .swiper-button-prev, button.slick-arrow {
   background: rgba(243, 128, 40, 1);
   opacity: 1;
   color: white;
   padding: 1% !important;
   border-radius: 5px;
   height: 20px !important;
   width: 20px !important;
   font-size: 17px !important;
 
 } 
 .swiper-button-prev{  
   background-image: url('assets/images/seta-left.png');
   background-position: center center;
   background-size: 16px;
   background-repeat: no-repeat;
   top:30%;
   left: 0 !important;
   }
 .swiper-button-next{
 background-image: url('assets/images/seta-right.png');
 background-position: center center;
 background-size: 16px;
 background-repeat: no-repeat;
 top:30%;
 right: 0 !important;
 }
 
 button.slick-arrow {
 padding: 0% !important;
 font-weight: 300;
 font-size:14px !important;
 }
 
 button.slick-arrow img {
 width: 100%;
 }
 .slick-prev:before, .slick-next:before{
 display: none;
 }
 .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
   color: white;
   outline: none;
   background: #999999 !important;
 }
 
 .swiper-button-next, .swiper-rtl .swiper-button-prev {
   right: var(--swiper-navigation-sides-offset, -5%);
   left: auto;
 }
 
 .swiper-button-prev, .swiper-rtl .swiper-button-next {
   left: var(--swiper-navigation-sides-offset, -5%);
   right: auto;
 }
 div#porque-tecnogera .e-grid.e-con-full.e-con.e-child {
   --widgets-spacing-row: 5px;
 }
 
 .swiper-container.case-slide .swiper-button-prev {
   left: -5% !important;
 }
 .swiper-container.case-slider .swiper-button-next:after, .swiper-container.case-slider .swiper-button-prev:after, .swiper-container.case-slider .swiper-rtl .swiper-button-next:after{
   display: none;
 }
 .swiper-container.case-slider .swiper-button-next img, .swiper-container.case-slider .swiper-button-prev img {
   width: 100% !important;
   height: 100% !important;
   position: absolute;
   z-index: 999;
 }
 .elementor-element .swiper .elementor-swiper-button svg, .elementor-element .swiper~.elementor-swiper-button svg, .elementor-lightbox .swiper .elementor-swiper-button svg, .elementor-lightbox .swiper~.elementor-swiper-button svg {
   fill: hsla(0, 0%, 93%, .9);
   height: 20px;
   width: 20px;
   background: rgba(243, 128, 40, 1);
   border-radius: 4px;
   padding: 5px;
 }
 
 .parent-pageid-383 .swiper-container.case-slider.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
   position: relative;
 
 }
 
 
 
 /* Garantir que a largura máxima da wrapper seja 100% */
 .container.cases .swiper-wrapper {
   overflow: hidden;  /* Crucial para esconder o conteúdo extra dos slides */
   max-width: 100%;    /* Garante que a largura máxima da wrapper seja 100% */
 }
 
 /* Garantir a visibilidade dos botões e posicionamento correto */
 .swiper-button-prev, .swiper-button-next {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   z-index: 10; 
 }
 
 .swiper-button-prev {
   left: 10px; /* Ajuste a distância conforme necessário */
 }
 
 .swiper-button-next {
   right: 10px; /* Ajuste a distância conforme necessário */
 }
 
 
 
 .fa-search:before {
   content: "" !important;
   content: "";
   display: inline-block;
   width: 22px;
   height: 22px;
   background-image: url('../../../wp-content/uploads/2025/02/Group-245.svg');
   background-size: contain;
   background-repeat: no-repeat;
 }
 
 
 .categoria-dropdown-container {
   position: relative;
   width: 200px;
   cursor: pointer;
 }
 
 .categoria-dropdown {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 13px 16px;
   border: none;
   background-color:#FF7A00;
   border-radius: 10px;
   color: #fff;
     font-weight: 500;
   font-size: 17px;  
   letter-spacing: 0%;
   position: relative;
 }
 
 div#categoria-dropdown::before{
   position: absolute;
   top:15px;
   right:10px;
   display: block;
   width: 22px;
   height: 20px;
   content:"";
   background: url('assets/images/seta-select-2.png') no-repeat center center;
   background-size: cover;
   z-index: 3;
   opacity: 1;
 }
 
 div#categoria-options {
   position: absolute;
   z-index: 99;
   background: transparent;
   color:#666;
 }
 .categoria-option {
   width: 100%;
   display: block;
   padding: 10px 13px;
   background-color: #fff;
   border: 0.5px solid #f0f0f0;
   cursor: pointer;  
   font-weight: 400;
   font-size: 15px;
   text-align: left;
   line-height: 25.25px;
   color: #666;
 }
 .categoria-option:hover{
   color:#FF7A00;
 }
 .categoria-option:last-child{
   -webkit-border-bottom-right-radius: 12px;
 -webkit-border-bottom-left-radius: 12px;
 -moz-border-radius-bottomright: 12px;
 -moz-border-radius-bottomleft: 12px;
 border-bottom-right-radius: 12px;
 border-bottom-left-radius: 12px;
 }
 
 
 .por-dentro-card-2, .por-dentro-hover-content-2 {
     max-height: 130px;
 }
 
 
 #documentos-conduta a.elementor-button.elementor-button-link.elementor-size-sm {
   width: 315px;
 }
 #documentos-conduta span.elementor-button-content-wrapper {
   display: grid;
 }
 
 #documentos-conduta .elementor-button-icon svg {
   height: 39px;
   width: 39px;
 }
 
 #conheca-conduta a.elementor-button.elementor-button-link.elementor-size-sm {
   width: 210px;
 }
 /* BLOG */
 #blog .container{
   max-width:1200px;
   margin:0px auto;      
   padding: 30px;      
 }        
 .head-news{
 display: flex;
 flex-direction:row;
 justify-content: space-between;
 color:#666;
 margin: 25px 0;
 }
 .single-post .container{
   max-width:1200px;
   margin:0px auto;            
 }
 .single-post .container article{
   padding: 55px 30px;
 }
 .topo-single{
   background-color: rgba(255, 122, 0, 1);
   color:#fff;
   font-size:32px;            
 }
 .single-post .btn-voltar{
   border:1px solid #000;
   color:#000;
   padding: 14px 30px;
 }
 .single-post .btn-voltar:hover{
   background:#000;
   color:#fff;            
 }
 .single-post .container .flex{
 display: flex;
 flex-direction: row;        
 gap:20px;
 }
 .single-post .container .flex .col{
   width: 50%;
   align-self: center;
   display: flex;
   flex-direction: column;
   padding: 30px;
 }
 .single-post .data{
   font-size:14px;
 }
 .single-post .cat span{
   width: auto;
   border:1px solid #fff;
   padding: 9px 16px;
   border-radius:8px;
   font-size:16px;
   line-height:160%;
 }
 .single-post .container .imagem-post{
   border-radius: 30px;
   border:10px solid #fff;            
   display: block;
   width: 100%;
   min-height: 300px;
   background-repeat: no-repeat;
   background-size: cover !important;
   background-position: center;
 }
 .single-post .share{
   display: flex;
   flex-direction;            
   align-items: center;
   padding: 25px 0;
   margin:25px 0;
   border-top:1px solid #ccc;
   border-bottom:1px solid #ccc;
 }
 .single-post .share svg{
   margin: 0 6px;
 width: 20px !important;
 height: 20px !important;
 }
 .single-post .relacionados{
   padding: 0 25px !important;
 }
 .single-post .relacionados h2{
   color:#666;
   margin: 25px 0;
 }
 .single-post .share a:hover svg{
   fill: orange;
   color:orange;
 }
 /* SEARCH */
 .flex-main{
   display: grid;
   grid-template-columns: 75% 25%;
   gap:20px;
   max-width:98%;
 }
 #busca .container{
   max-width: 1100px;
   margin:0px auto;
   padding: 50px 20px;
 }
 .resultados h2{
   font-size: 22px;
 }
 .resultados .item{
   border:1px solid #f0f0f0;
   border-radius: 16px;
   padding: 30px;
 }
 .resultados .item a{
   color:#000;
 }
 .resultados .item a:hover{ color:#FF7A00;}
 
 /* sidebar */
 .sidebar{
   background:#f0f0f0;
   padding: 35px 25px;
   border-radius:30px;
 }
 .sidebar form{
   position: relative;
 }
 .sidebar form #s{
   border-radius:20px;
   border:none;
   outline:none;
   z-index: 0;
   position: relative;
 }
   .sidebar form #searchsubmit {
   background: #fff;
       background-image: url("<?php echo get_template_directory_uri(); ?>/assets/images/busca.png") !important;
       background-position: center center;
       background-size: cover;
       width: 30px;
       height: 30px;
       position: absolute;
       right: 2px;
       top: 2px;
       font-size: 13px;
       padding: 4px;
       border: none;
   }
   /* orçamento */
 .form-orcamento input{
 margin-bottom: 6px;
 }
 .form-orcamento .grid{
   display: grid;
   grid-template-columns: 1fr;
   max-width:100%;
   gap: 20px;
 }
 .form-orcamento .grid.cols-2{
   grid-template-columns: 1fr 1fr;  
 }
 .form-orcamento .wpcf7-form-control.wpcf7-checkbox label{
   display: block !important;  
   padding-left: 30px;
   position: relative;
 }
 .form-orcamento input[type="checkbox"] {  
 border:1px solid red;
 position: absolute;
 left:2px;
 top:0;
 z-index: 9;
 
 }
 .form-etica input, .form-etica textarea{
 margin-bottom: 10px;
 }
 div#submit-home input.wpcf7-form-control.wpcf7-submit.has-spinner {
   width: 33%;
   font-size: 22px;
   font-weight: 300;
   padding: 1.5%;
 }
 div#form-contato form input:focus-visible {
   outline-color: unset;
 }
 div#form-contato form label {
   color: #666666;
 }
 a.por-dentro-card {
   text-decoration: none !important;
 }
 
 nav.breadcrumb, nav.breadcrumb a {
   font-size: 14px;
   color: rgb(200, 200, 200);
   font-family: Oxygen, sans-serif;
 }
 /* SINGLE - SOLUÇÃO */
 .imagem-solucao{
   position: relative;
   z-index: 1;
 }
 .imagem-solucao img{
   position: relative;
   z-index: 1;
 }
 .imagem-solucao::after{
   width: 103%;
   height: 110%;
   top: -30px;
   left:30px;
   background: linear-gradient(to right,#FF7A00,#fff);
   display: block;
   content:"";
   position: absolute;
   z-index: 0;
 }
 /* FORM PRODUTOS */
 .formulario-produtos .grid{
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   max-width: 100%;
   width: 100%;
   gap: 10px;
 }
 .formulario-produtos *{
   border-color:#666;
   outline:none;
 }
 .formulario-produtos .input-nome{
   background: #fff url('assets/images/form-icon-nome.svg') no-repeat 5px center;
   background-size: 24px;
   padding-left: 32px;
 }
 .formulario-produtos .input-email{
   background: #fff url('assets/images/form-icon-email.svg') no-repeat 5px center;
   background-size: 24px;
   padding-left: 32px;
 }
 .formulario-produtos .input-tel{
   background: #fff url('assets/images/form-icon-tel.svg') no-repeat 5px center;
   background-size: 24px;
   padding-left: 32px;
 }
 .formulario-produtos .input-cnpj{
   background: #fff url('assets/images/form-icon-cnpj.svg') no-repeat 5px center;
   background-size: 24px;
   padding-left: 32px;
 }
 /* Esconde o checkbox */
 .formulario-produtos .wpcf7-checkbox input[type="checkbox"] {
   display: none;
 }
 
 /* Esconde os checkboxes padrão */
 .formulario-produtos .wpcf7-checkbox input[type="checkbox"] {
   display: none;
 }
 
 /* Estilo dos cards */
 /* Esconde os checkboxes padrão */
 .formulario-produtos .wpcf7-checkbox input[type="checkbox"] {
   display: none;
 }
 
 /* Cada item (coluna do produto) */
 .formulario-produtos .wpcf7-checkbox .wpcf7-list-item {
   width: 60px;
   display: flex;
   justify-content: center;
 }
 
 /* Label principal */
 .formulario-produtos .wpcf7-checkbox .wpcf7-list-item label {
   display: flex;
   flex-direction: column;
   align-items: center;
   font-size: 11px;
   text-align: center;
   cursor: pointer;
 }
 
 /* Card ao redor do ícone */
 .formulario-produtos .produto-card {
   width: 60px;
   height: 60px;
   border: 1px solid #ccc;
   border-radius: 10px;
   padding: 10px;
   background-color: #f9f9f9;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.3s ease;
   margin-bottom: 4px;
 }
 
 /* Texto abaixo do card */
 .formulario-produtos .produto-label-text {
   display: block;
   color: #333;
   font-size: 11px;
   line-height: 1.2;
 }
 
 /* Estado selecionado (card ativo) */
 .formulario-produtos .wpcf7-checkbox .wpcf7-list-item label:has(input:checked) .produto-card {
   background-color: #FF7A00;
   border-color: #FF7A00;
 }
 
 .formulario-produtos .wpcf7-checkbox .wpcf7-list-item label:has(input:checked) .produto-label-text {
   color: #FF7A00;
 }
 
 /* Ícone dentro do card */
 .formulario-produtos .produto-card img {
   width: 40px;
   height: 40px;
   transition: filter 0.3s ease;
 }
 
 /* Ícone branco quando selecionado */
 .formulario-produtos .wpcf7-checkbox .wpcf7-list-item label:has(input:checked) .produto-card img {
   filter: brightness(0) invert(1); /* deixa o ícone branco */
 }
 
 /* Container dos cards */
 .formulario-produtos .wpcf7-form-control.wpcf7-checkbox {
   display: flex;
   flex-wrap: wrap;
   gap: 4px;
   justify-content: space-between;
 }
 
 
 /* Estilização do painel */
 .menuPanel {    
   margin: -40px 0 0 0;
     position: fixed;
     top: 0px;
     left: 0px;
     width: 100%;
     z-index: 999;
     padding: 0px;    
   background:#f0f0f0;
     box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);   
     opacity: 0;
     display: none;
   
 }
 .menuPanel .conteudo{	
   position: relative;
   top: 0;
   padding: 20px;
   max-width:1400px;
   margin: 0px auto;
   display: block;
 }
 .menuPanel .grid{
   display: grid;
   gap:20px;
 }
 .menuPanel .grid.cols-3{	grid-template-columns: 1fr 1fr 1fr;}
 .menuPanel .grid.cols-4{	grid-template-columns: 1fr 1fr 1fr 1fr;}
 .menuPanel .col{	
   padding: 0 20px 40px 0;
   position: relative;
 }
 .menuPanel .col h2,
 .menuPanel .col h2 a{color:	#FF7A00;font-size:22px; font-weight:600;}
 
 .menuPanel ul{
   padding: 0;
   list-style:none;
   margin: 0;
 }
 .menuPanel .botao-go{	
   border:1px solid #666;
   padding: 7px 18px;
   clear:both;
   color:#666;
   border-radius:6px;
   font-size:12px;
   position: absolute;
   bottom:15px;
   left:0px;
 }
 .menuPanel .botao-go:hover{ background:#fff; color:#FF7A00; border-color:#FF7A00;	}
 
 /* SOLUÇÕES */
 .menuPanel .col figure{
   display: block;
   width: 100%;
   margin: 0;
   padding: 0;
   background-color:	#FF7A00;	
   border-radius:10px;
 }
 .menuPanel .col img{
   border-radius:10px;
   display: block;	
   height:auto;
   max-height: 210px;
   max-width: 100%;
   -webkit-border-bottom-right-radius: 50px;
 -moz-border-radius-bottomright: 50px;
 border-bottom-right-radius: 50px;
 }
 .menuPanel .solucoes ul li a{
   display: block;
   color:#666;
   font-weight:bold;
 }
 
 .menuPanel .solucoes ul li a:hover{ color:	#FF7A00;}
 .menuPanel .solucoes ul li{margin: 10px 0;}
 .menuPanel .solucoes ul li span{ font-size: 12px; color:#666; line-height:130% !important; display: block;}
 
 /* Classe para mostrar o painel */
 .menuPanel.show {
     position: fixed;
     display: block;
     top:130px;
     transform: translateY(0);
     opacity: 1;    
 }
 .conteudo.solucoes, .conteudo.sobre{	display: none;}
 .conteudo.solucoes.show, .conteudo.sobre.show{	display: block;}
 #barra-topo .solucoes,
 #barra-topo .sobre{
   position: relative;
     margin-right:10px;
 }
 #barra-topo .solucoes::after,
 #barra-topo .sobre::after{
   position: absolute;
   width: 15px;
   height:15px;
   right:-5px;
      top:6px;	 
   z-index: 1;
   content:"";
   display: block;
   background: url('assets/images/seta-menu.png') no-repeat center center;
   background-size: cover;
 }
 /* MENU MOBILE */
 #barra-topo{
   position: relative;
   top:0;
 }
 #barra-topo.active{		  
   position: fixed;
       -webkit-animation: fixaTopo 1s forwards; /* Safari 4+ */
   -moz-animation:    fixaTopo 1s forwards; /* Fx 5+ */
   -o-animation:      fixaTopo 1s forwards; /* Opera 12+ */
   animation:         fixaTopo 1s forwards; /* IE 10+, Fx 29+ */    
 animation-iteration-count: 1; 
 animation-delay:0.4s;
   -webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.2);
 -moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.2);
 box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.2);
 }
 .ancora{
   cursor: pointer;
 }
 .fechar{
   cursor: pointer;
 }
 
 .painel{    	
   display: none;
   z-index: 9999;
     position: fixed;
     top:0;
 right:-100%;    
     width: 100% !important;
     max-width: 400px !important;
     overflow-x: hidden;
   -webkit-transition: all 1s;
     -moz-transition: all 1s;
     transition: all 1s; 
 }
 .painel.active {
   display: block;
         -webkit-animation: puxaPainel 1s forwards; /* Safari 4+ */
   -moz-animation:    puxaPainel 1s forwards; /* Fx 5+ */
   -o-animation:      puxaPainel 1s forwards; /* Opera 12+ */
   animation:         puxaPainel 1s forwards; /* IE 10+, Fx 29+ */    
 animation-iteration-count: 1; 
 animation-delay:0s;    
 }
 .fechaPainel{
   display: block;
       -webkit-animation: retornaPainel 1s forwards; /* Safari 4+ */
 -moz-animation:    retornaPainel 1s forwards; /* Fx 5+ */
 -o-animation:      retornaPainel 1s forwards; /* Opera 12+ */
 animation:         retornaPainel 1s forwards; /* IE 10+, Fx 29+ */    
 animation-iteration-count: 1; 
 animation-delay:0s;  
 }
 @-webkit-keyframes fixatopo{
   0%{
 top:-140px;
   }
   100%{
     top:0 !important;
   }
 }
 @-webkit-keyframes puxaPainel{
   0% {
   right: -100%;
   }
   100% {
   right: 0;
     -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
   -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
   box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
   }
   }
   @-webkit-keyframes retornaPainel {
   0% {
   right:0;
   }
   100% {
   right:-100%;
   }
   }
   
 
 
 a.botao-laranja, a.cta-button,
 a.solucoes-card.e-flex.e-con.e-child {
     text-decoration: none;
 }
 
 
 div#tabs-localizacao .e-n-tabs-heading {
     position: relative;
     right: -4%;
     z-index: 99;
     top: 35px;
 }
 
 
 .logos .elementor-widget-container {
     min-height: 100px;
     min-width: 79px;
     justify-content: center;
     align-items: center;
     display: inline-block
 }
 #logos-home .elementor-widget.elementor-widget-image {
     width: 100%;
     min-width: 100px;
       align-items: center;
     display: inline-block;
 }
 #logos-home {
     position: relative;
     width: 100%;
     padding: 2%;
     background-color: white;
     overflow: hidden;
     display: flex;
 }
 
 #logos-home .e-con-inner {
     display: flex;
     gap: 30px;
     width: max-content;
     animation: scrollLogos 10s linear infinite;
 }
 
 /* Duplicação virtual dos logos */
 #logos-home .e-con-inner::after {
     content: "";
     display: flex;
     gap: 30px;
     width: 100%;
 }
 
 @keyframes scrollLogos {
     from {
         transform: translateX(0);
     }
     to {
         transform: translateX(-50%);
     }
 }
 .orcamento-filtrado {
   display: flex;
   flex-direction: row; /* valor correto */
   width: 100%;
   margin: 30px auto;
   gap: 0; /* garante que não haverá espaçamento entre colunas */
 }
 
 .orcamento-filtrado .col {
   flex: 1;  
   padding: 12px;
 }
 
 .orcamento-filtrado input,
 .orcamento-filtrado select {
   width: 100%; /* para ocupar toda a largura do .col */
   max-width: 100%;
   display: block;
   border: none;
   border-bottom: 1px solid #666;
   padding: 12px 0;
   color: #666;
 }
 .orcamento-filtrado input.wpcf7-submit {
   background: rgba(243, 128, 40, 1);
   border: 2px solid rgba(243, 128, 40, 1) !important;
   border-radius: 3.33px;
   font-family: Oxygen;
   font-weight: 700;
   font-size: 14px;
   line-height: 14.7px;
   color: white;
   text-align: center;
   min-width: 120px;  
   padding: 12px 20px;
   top: 20px;  
 }
 .orcamento-filtrado input.wpcf7-submit:hover{background: none; color:rgba(243, 128, 40, 1);}
 .form-newsletter{ 
   display: flex; justify-content: center; align-items: center; gap: 1%
 }
 .testimonial-slider{
   max-width:950px; margin:0px auto;
   padding: 0 35px;
 }
 .testimonial-slider .slick-slide {
   display: flex !important;
   align-items: center;
   justify-content: center;
   
 }
 
 .testimonial-content {
   flex: 0.5;
   align-items: center;
   padding: 5% 9% 0% 8%;
 }
 .testimonial-content p {
   font-family: Oxygen;
   font-weight: 400;
   font-size: 17px;
   line-height: 27px;
   letter-spacing: 0%;
   color: rgba(102, 102, 102, 1);
 }
     .testimonial-content strong {
         font-weight: bold;
     }
 
 .testimonial-image {
   
   border-radius: 5px;
   position: relative;
   width: 100%;
   display: block;
   max-width:400px;			
   min-height:350px;
   flex: 0.8;
   text-align: center;
   background-color: transparent;
   background-image: linear-gradient(90deg, #F38028 50%, #D9D9D900 85%);
 }
 /* .testimonial-image img {
   display: block;
   border-radius: 5px;
   position: relative;
   width: auto;			
   height:auto;
   top: 9%;
   right: 25%;
 } */
 .testimonial-image img {
   border-radius: 5px;
   position: absolute;
   width: auto;
   top: 8%;
   bottom:10%;
   right: 30%;
   max-height:300px;
   
 }
     .slick-prev, .slick-next {
         background: #E76F00;
         border-radius: 50%;
         width: 30px;
         height: 30px;
     }
     .slick-prev:before, .slick-next:before {
         color: white;
         font-size: 20px;
     }
 .testimonial-slider.trabalhe-conosco{
   padding: 0 30px;
 }
 .testimonial-slider.trabalhe-conosco .slick-slide {
   display: flex !important;
   align-items: center;
   justify-content: space-between !important;
   
 }
 
 #trabalhe-conosco .testimonial-content {
   flex: 0.5;
   align-items: center;
   padding: 0% 11% 0% 5%;
   color: white;
 }
 #trabalhe-conosco .testimonial-content p {
   font-family: Oxygen;
   font-weight: 400;
   font-size: 18px;
   line-height: 25px;
   letter-spacing: 0%;
   color: white;
 }
     .testimonial-content strong {
         font-weight: bold;
     }
 
   #trabalhe-conosco .swiper-button-next,
   #trabalhe-conosco .swiper-button-prev,
   #trabalhe-conosco button.slick-arrow {
     color: orange;
     background: white;
 
   }
 
   #trabalhe-conosco button.slick-arrow img {
     display: none;
   }
 
   #trabalhe-conosco button.slick-next.slick-arrow {
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
   }
   #trabalhe-conosco .slick-dots li button:before, #trabalhe-conosc .slick-dots li.slick-active button:before {
 
       color: white !important;
   }
 
   #trabalhe-conosco button.slick-prev.slick-arrow {
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
   }
 
 
 
 #trabalhe-conosco .slick-prev:hover, #trabalhe-conosco .slick-prev:focus, #trabalhe-conosco .slick-next:hover, #trabalhe-conosco .slick-next:focus {
     color: orange;
     outline: none;
     background: gray;
   }
 #trabalhe-conosco .testimonial-image {			
   width: 100%;
   position: relative;								
   left: 0%;
   flex: 0.8;
   text-align: center;
   background-color: transparent;
   background-image: linear-gradient(90deg, #F38028 50%, #D9D9D900 85%);
 }
 
 #trabalhe-conosco .testimonial-image img {
   width: 100%;
   width: 400px;
   top: 15%;
   left:0%;
   height: auto;
   margin:0px auto;
   display: block;			
 }
 
     .slick-prev, .slick-next {
         background: #E76F00;
         border-radius: 50%;
         width: 40px;
         height: 40px;
     }
     .slick-prev:before, .slick-next:before {
         color: white;
         font-size: 20px;
     }
 
 
 
 
 
 
 
 #form-equipamento-container {
   display: flex;
   flex-direction: column;
   gap: 0rem;
   }  
   .select-wrapper {
   position: relative;
   }
   .select-wrapper label{
     text-transform: uppercase;
     font-size:9px;
     font-weight: 600;
     display: block;
     padding-bottom: 6px;
   }
   #equipamento-select,
   #modelo-select,
   #tensao-altura-select,
   #combustivel-ambiente-select {
   padding: 8px 12px 8px 12px;
   border: 1px solid #ccc;
   border-radius: 4px;
   font-size: 14px;
   cursor: pointer;  
   }
 
   #form-filtros {
   display: flex;
   flex-direction: row;
   width: 100%;
   margin: 0px auto;
   gap: 0;
   align-items: center;  
   }
   
   #form-filtros .select-wrapper {
   flex: 1;
   padding: 12px;
   }
   
   #form-filtros select {
   width: 100%;
   max-width: 100%;
   display: block;
   border: none;
   border-bottom: 1px solid #666;
   padding: 12px;
   color: #666;  
   }
   
   #form-filtros button {
   background: rgba(243, 128, 40, 1);
   border: 2px solid rgba(243, 128, 40, 1);
   border-radius: 3.33px;
   font-family: Oxygen, sans-serif;
   font-weight: 700;
   font-size: 14px;
   line-height: 14.7px;
   color: white;
   text-align: center;
   min-width: 120px;
   padding: 12px 20px;
   margin-top: 20px;
   }
   
   #form-filtros a {
   text-decoration: none;
   }
 
   .equipamento-header {
     display: flex
 ;
     align-items: center;
     justify-content: center;
     gap: 2rem;
 }
}
 @media (min-width: 1650px) {
   #breadcrumbs-pap {
     padding-top: 1%;
   }
 }
 
 
 
 
 /* MOBILE */
 @media (max-width: 850px) {
 
   .equipamento-header {
       display: grid;
       gap: 20px;
       padding: 20px 10px;
   }
   .subtitulo-internas span {
     font-size: 22px !important;
   }
 
   a.scroll-to-orcamento {
     text-align: center;
     display: flex;
     justify-content: center;
   }
   #main-slider-tecnogera .swiper-button-next {
     right: 15% !important;
     left: auto;
     z-index: 3;
    
   }
 
    a.solucoes-card.e-flex.e-con.e-child {
     text-decoration: none;
     display: block;
     min-height: 250px;
 }
   .solucoes-card-hover-content {
     display: none !important;
   }
   #main-slider-tecnogera .swiper-button-prev {
     left: 15% !important;
     right: auto;
     z-index: 3;
   }
 
 
   .cases-content, .cases-carousel {
     max-width: 100%;
     width: 100%;
   }
   .logos {
     display: flex;
     flex-wrap: nowrap; /* Impede a quebra de linha */
     overflow-x: auto;   /* Adiciona rolagem horizontal se necessário */
     gap: 16px;          /* Espaçamento entre os logotipos */
     padding: 10px 0;    /* Espaçamento vertical opcional */
   }
   
   .logos .elementor-widget-image {
     flex: 0 0 auto;     /* Mantém o tamanho baseado no conteúdo */
     display: flex;
     align-items: center;
     justify-content: center;
   }
   
 /*
   #logos-home .e-con-inner {
     animation: unset;
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 1rem;
   }
 */
   input.wpcf7-form-control.wpcf7-submit.has-spinner {
     float: none;
     width: 100%;
   }
 
   .botao-laranja a.elementor-button.elementor-button-link.elementor-size-sm {
     background: rgba(243, 128, 40, 1);
     border: none;
     line-height: 14.7px;
     min-width: 120px;
     float: none;
     width: 100%;
     top: 20px;
     font-family: "Oxygen", Sans-serif;
     font-size: 13px;
     font-weight: 700;
     border-style: solid;
     border-width: 2px;
     border-color: #F38028;
     border-radius: 4px;
     padding: 12px 22px;
     color: white;
     text-decoration: none !important;
   }
   .grid-cases {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
     gap: 20px;
     margin: 0 auto;
     padding: 10px;
   }
 
   div#newsletter-form input.wpcf7-form-control.wpcf7-submit.has-spinner {
     font-size: 13px;
     font-weight: 700;
     padding: 8px;
   } 
 }
 @media screen and (max-width: 768px) {
   .contact .states .states-counters {
     width: 100%;    
     display: block !important;        
     padding: 0;        
   }
   
     .contact .states {      
       display: block !important;    
       padding: 20px;
     }
     .contact .states .states-rail .states-item .right {
       width: 100%;
       max-width: 100%;
       display: block;
       
   }
   
   .cases-content{
     padding-bottom: 35px;
   }
   #main-slider-tecnogera .slider-content{    
     max-width: 80%;
   }
   #main-slider-tecnogera h2,
   #main-slider-tecnogera h2 strong{
     font-size:26px !important;
     line-height: 120%;
   }
   .slick-dots{
     display: none !important;
   }
   .slick-prev, .slick-next {
     bottom: -45px !important;
     top: auto !important;
 }
 .slick-prev{
   left: 50% !important;  
   margin-left:-50px;
 }
 .slick-next {
   left: 50% !important;
   margin-right: -50px;
 }
 .testimonial-slider{
   padding: 0 0 40px 0;
 }
   .testimonial-slider .slick-slide {
     display: block !important;        
   }
 .testimonial-content {			
   padding: 5%;
 }
 .testimonial-content p{
   font-size:15px;
   line-height:120%;
 }
 
   .testimonial-image{
   
       max-width: 85%;
       display: block !important;
       margin: 0px auto;
   
   }
 
   #trabalhe-conosco .testimonial-content h2 {
       font-size: 28px;
   }
   #trabalhe-conosco .testimonial-image
   {
     min-height: 190px;
   }
   #trabalhe-conosco .testimonial-content {
     flex: 0.5;
     align-items: center;
     padding: 5%;
     min-height: 290px;
   }
   .testimonial-image img {			
   right: 5%;
   left:auto;
   min-height: none;
   max-height: auto;
   display: none;
   margin:0px auto;
 }
   
   .form-newsletter{ 
     display: block;    
           
   }
   div#submit-home input.wpcf7-form-control.wpcf7-submit.has-spinner {
     width: auto;
     font-size: 16px; 
     padding: 14px 22px;
   }
   .container.single-case, .container.resultado .content {
     display: block;
     }
     .cases-solucoes-container .case-title-cc .highlight {
       
       font-size: 20px;
       font-weight:600;
       line-height: 100%;
     }
     
   .head-news h2{
     font-size:20px;
   }
   .single-post .container .flex{
     display: block;
   }
   .single-post .container .flex .col{
     width: 100%;      
   }
   .single-case * h2{
     font-size:27px !important;
   }
   #form-filtros{
     display: grid !important;
     gap:5px;
     grid-template-columns: 1fr 1fr !important;
     position: relative;
     padding-bottom: 50px;
   }
   #form-filtros .select-wrapper {      
   width: 100%;  
   border:1px solid transparent;
   margin: 4px;
   }
   #form-filtros a{
     position: absolute;    
     display: block;
     width: 100%;
     bottom:0;
   }
   #form-filtros a button{
   width: 96%;  
   margin: 0px auto;
   display: block;
   }
   .testimonial-slider.trabalhe-conosco .slick-slide {
       display: block !important;
       align-items: center;
       justify-content: space-between !important;
   }
   
 }