@charset "UTF-8";


/**/
/*FONTES*/
@font-face {
    font-family: 'open_sans';
    src: url('fonts/open_sans-Light-webfont.eot');
    src: url('fonts/open_sans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open_sans-Light-webfont.woff') format('woff'),
         url('fonts/open_sans-Light-webfont.ttf') format('truetype'),
         url('fonts/open_sans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'open_sans';
    src: url('fonts/open_sans-Regular-webfont.eot');
    src: url('fonts/open_sans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open_sans-Regular-webfont.woff') format('woff'),
         url('fonts/open_sans-Regular-webfont.ttf') format('truetype'),
         url('fonts/open_sans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'open_sans';
    src: url('fonts/open_sans-Semibold-webfont.eot');
    src: url('fonts/open_sans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open_sans-Semibold-webfont.woff') format('woff'),
         url('fonts/open_sans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/open_sans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'open_sans';
    src: url('fonts/open_sans-Bold-webfont.eot');
    src: url('fonts/open_sans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open_sans-Bold-webfont.woff') format('woff'),
         url('fonts/open_sans-Bold-webfont.ttf') format('truetype'),
         url('fonts/open_sans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'open_sans';
    src: url('fonts/open_sans-ExtraBold-webfont.eot');
    src: url('fonts/open_sans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open_sans-ExtraBold-webfont.woff') format('woff'),
         url('fonts/open_sans-ExtraBold-webfont.ttf') format('truetype'),
         url('fonts/open_sans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-DemiBold.woff') format('woff');
    font-weight: 500;
    font-style: bold;
    font-display: swap;
}
/**/
:root {

    --color-1: #6e8494;
    --color-2: #332f2e;
    --color-3: #c2cfcf;
    --color-4: #bc2c47;
    --color-5: #a5152f;
    --color-6: #f2f2f2;
    --color-7: #75706d;
    --color-8: #b9c0c5;
    --color-9: #f3f3f3;  
    --color-10: #fff;
    --color-11: #cf0025;
    --color-12: #474d52;
    --color-13: #ededed;
    --text-color: #414141;
    --btn-color-1:#fff;
    --menu-background:#424c53;
    --menu-text-color-1:#dfdfdf;
    --menu-text-color-1-hover: #fff;
    --menu-text-color-2:#949494;
    --menu-text-color-2-hover: rgb(255, 255, 255);
    --white-principal: #ffff;
    --line-gray-color: #d9dbdb;
    --line-gray-color-2: #bfbfbf;

    --content-width:76;
    --header-container-width: 74vw;
    --header-height-unit: 3vw;
    --document-element-unit: 18vw;

    --font-family: "open_sans", Helvetica, Arial, sans-serif;

    --background-banner-ext-full: 'none';
    --background-banner-ext-1920: 'none';
    --background-banner-ext-1366: 'none';
    
    --background-banner-attachment: fixed;
    --background-banner-position-x: center;
    --background-banner-position-y: center;
    --background-banner-width:100;

    --banner-width: 94;
    --banner-width-reduced: 88;
    --banner-bar-down-height: 4.5;
    --mask-color: 0;
    --disk-decoration-opacity: 1;

    --banner-size-unit:1;
    --banner-s-size-unit:1.2;
    --banner-s-color-1:#6c6b6b;
    --header-solutions-menu-products-height:0;

}
*{
  box-sizing: border-box;  
}
.noselect {
    user-select: none; 
}
@property --content-widt{
    syntax: '<length#vw>';
    inherits: true;
    initial-value: 0;
}
@property --mask-color{
    syntax: '<number>';
    inherits: true;
    initial-value: 0;
}
@property --disk-decoration-opacity{
    syntax: '<number>';
    inherits: true;
    initial-value: 1;
}
@property --background-banner-position-x{
    syntax: '<percentage>';
    inherits: true;
    initial-value: 0%;
}
@property --background-banner-position-y{
    syntax: '<percentage>';
    inherits: true;
    initial-value: 0%;
}
@property --background-banner-width{
    syntax: '<number>';
    inherits: true;
    initial-value: 100;
}
@property --banner-size-unit{
    syntax: '<length#vw>';
    inherits: true;
    initial-value: 0;
}
@property --banner-s-size-unit{
    syntax: '<length#vw>';
    inherits: true;
    initial-value: 0;
}
@property --banner-width{
    syntax: '<length#vw>';
    inherits: true;
    initial-value: 0;
}
@property --banner-width-reduced{
    syntax: '<length#vw>';
    inherits: true;
    initial-value: 0;
}
@property --banner-bar-down-height{
    syntax: '<length#vw>';
    inherits: true;
    initial-value: 0;
}

/**/
html {
    scroll-behavior: smooth !important;
    width: 100vw;
    overflow-x: hidden;
    min-height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    transition-timing-function:ease-in-out;
}

body {
    width: 100%;
    min-height: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    font-family: var(--font-family);
    font-size: 18px;
    color: var(--text-color);
    overflow-x: hidden;
    line-height: 1.5;
}
table {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #e9e9e9;
    border-collapse: collapse;
    border-spacing: 0;
}
table>thead>tr>th, table>tbody>tr>th, table>tfoot>tr>th, table>thead>tr>td, table>tbody>tr>td, table>tfoot>tr>td {
    border: 1px solid #e9e9e9;
    line-height: 1.42857;
    padding: 5px;
    vertical-align: middle;
}

#main>article{
    padding-top: 3em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-family);
    font-weight: normal;
}
.caption-sansuy-1{
    font-size: 1em;
    color: var(--color-5);
    margin: 0;
}
.title-sansuy-1{
    font-size: 2.1em;
    font-weight: 400;
    line-height: 1.5em;
    position: relative;
}
.title-sansuy-2 {
    font-size: 4.5em;
    font-weight: 300;
    line-height: 1.1em;
    position: relative;
}
.text-justify{
    text-align: justify;
}
.text-force-justify{
    text-align: justify;
    text-align-last: justify;
}

a {
    color: var(--color-5);
    text-decoration: none;
    user-select: none;
}

a:hover, 
a:active,
.onepress-menu a:hover, 
.onepress-menu a:active,
.onepress-menu ul li a:hover,
.onepress-menu ul li a:active,
.onepress-menu ul li.current-menu-item>a {
    color: var(--color-5);
}

a.link-sansuy-2 {
    color: var(--text-color);
}
a.link-more-sansuy-1{
    font-size: 2em;
    font-weight: 600;
}

a:hover,
a:active
{
    text-decoration: none !important;
}

.p-sansuy-1 {
    font-size: 1.2em;
    line-height: 2em;
    color: var(--color-8);
}

input[type=checkbox] {
    background-color: #e9ebeb;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 50px !important;
    width: 50px !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer;
}

input[type=checkbox]:checked {
  background-image: url(img/checked_1.png) !important;
  background-position: center;
  background-size: contain;
  border: none !important;
}

.user-select-none {
    user-select: none;
}
.position-absolute{
    position: absolute !important;
}
.flex-visible {
    display: flex !important;
}
.flex-direction-column{
    flex-direction: column;
}
.flex-align-start{
    align-items: flex-start !important;
}
.flex-align-end{
    align-items: flex-end !important;
}
.align-content-top{
    align-items: flex-start !important;
}
.align-items-center{
    align-items: center !important;
}
.justify-content-space-between{
    justify-content: space-between !important;
}
.justify-content-space-around{
    justify-content: space-around !important;
}
.justify-content-center{
    display: flex;
    justify-content: center !important;
}
.justify-content-start{
    justify-content: flex-start !important;
}
.justify-content-end{
    justify-content: flex-end !important;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.font-bigger-1 {
    font-size: 1.2em !important;
}

.font-bigger-2 {
    font-size: 1.3em !important;
}

.font-bigger-3 {
    font-size: 1.5em !important;
}

.font-bigger-4 {
    font-size: 1.7em !important;
}
.font-bigger-5 {
    font-size: 1.9em !important;
}


.font-smaller-1 {
    font-size: .9em !important;
}

.font-smaller-2 {
    font-size: .8em !important;
}

.font-smaller-3 {
    font-size: .7em !important;
}

.font-smaller-4 {
    font-size: .6em !important;
}

.font-smaller-5 {
    font-size: .5em !important;
}

.font-normal {
    font-weight: 400 !important;
}

.font-light {
    font-weight: 300 !important;
}

.font-medium {
    font-weight: 500 !important;
}

.font-bold {
    font-weight: 700 !important;
}

.line-height-1 {
    line-height: 1 !important;
}

.line-height-1_1 {
    line-height: 1.1 !important;
}

.line-height-1_2 {
    line-height: 1.2 !important;
}

.line-height-1_3 {
    line-height: 1.3 !important;
}

.line-height-1_4 {
    line-height: 1.4 !important;
}

.line-height-1_5 {
    line-height: 1.5 !important;
}

.line-height-2 {
    line-height: 2 !important;
}

.line-height-3 {
    line-height: 3 !important;
}
.line-down{
    border-bottom: 1px solid #ccc;
}
.text-align-left {
    text-align: left !important;
}

.text-align-right {
    text-align: right !important;
}

.text-align-center {
    text-align: center !important;
}
.weight-light {
    font-weight: 300 !important;
}

.weight-normal {
    font-weight: 500 !important;
}

.weight-light {
    font-weight: 700 !important;
}

.z-index-0 {
    z-index: 0 !important;
}

.z-index-1 {
    z-index: 1 !important;
}

.z-index-2 {
    z-index: 2 !important;
}

.z-index-3 {
    z-index: 3 !important;
}

.z-index-4 {
    z-index: 4 !important;
}

.z-index-5 {
    z-index: 5 !important;
}

.z-index-6 {
    z-index: 6 !important;
}

.z-index-7 {
    z-index: 7 !important;
}
.z-index-8 {
    z-index: 8 !important;
}
.z-index-9 {
    z-index: 9 !important;
}
.z-index-10 {
    z-index: 10 !important;
}
.height-auto{
    height: auto;
}
.rotate-180{
    transform: rotateX(180deg);
}

.element-center {
    text-align: center;
    margin: 0 auto;
}

.text-emphasis {
    color: var(--color-1);
}

.limit-height-100 {
    max-height: 100%;
    overflow: hidden;
}

.link-cta-sansuy{
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    color: var(--color-2);    
}

.link-cta-sansuy i{
    margin-left: 5px;
    border: solid 1px var(--color-5);
    border-radius: 50%; 
    padding: 5px;   
    width: 20px;
    height: 20px;
    aspect-ratio: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .9em;
}

.btn-cta-sansuy {
    min-width: 100px;
    min-height: 2em;
    font-size: calc((var(--banner-size-unit)) * .6vw );
    font-weight: 600;
    padding: 10px 15px;
    padding-right: 40px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    cursor: pointer;
    user-select: none;
    background: none;
    color: var(--color-3);
    white-space: nowrap;
    overflow: hidden; 
    position: relative;  
    border-radius: 4px;   
}
.btn-cta-sansuy-2{
    justify-content: center;
    padding: 1em;
    border-radius: 10px;
    color: var(--btn-color-1);
    background: var(--color-4);
}
.btn-cta-sansuy-3{
    border: #fff solid 1px;  
}
.btn-cta-sansuy i {    
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 100%;
    right: 5%;
    top: 0;
    transition: .5s;
}
.btn-cta-sansuy:hover {
    background: #fff;
    color: #000;
}
.btn-cta-sansuy:hover i {
    right: 10px;
}

.btn-cta-sansuy-1 {
    color: var(--color-2);
}

.btn-cta-sansuy-1:hover,
.btn-cta-sansuy-1:active {
    border: var(--color-1) solid 2px;
    font-weight: 600;
}
.btn-cta-sansuy-3 {
    max-width: 300px;
}

.btn-cta-sansuy-4 {
    border: none;
    color: var(--btn-color-1);
    background: var(--color-5);
    opacity: 1;
}
.btn-cta-sansuy-5{
    border: none;
    color: var(--color-2);
    background: var(--btn-color-1);
    opacity: 1;
}
.btn-cta-sansuy-4:hover,
.btn-cta-sansuy-4:active {
    border: none;
    font-weight: 600;
    color: var(--btn-color-1);
    background-color: var(--color-4);
}

.btn-cta-sansuy-2:hover,
.btn-cta-sansuy-2:active {
    background: var(--color-11);
    color: #fff;
    font-weight: 600;
}
.btn-sansuy{
    width: 100%;
    max-width: 300px;
    background-color: var(--color-1);
    color: #000;
    border-radius: 4px;
}
.btn-disabled{
    opacity: .5;
}
.margin-10 {
    margin: 10px !important;
}
.margin-20 {
    margin: 20px !important;
}
.margin-30 {
    margin: 30px !important;
}
.margin-top-10 {
    margin-top: 10px !important;
}
.margin-top-20 {
    margin-top: 20px !important;
}
.margin-top-30 {
    margin-top: 30px !important;
}
.margin-bottom-10 {
    margin-bottom: 10px !important;
}
.margin-bottom-20 {
    margin-bottom: 20px !important;
}
.margin-bottom-30 {
    margin-bottom: 30px !important;
}
.padding-10 {
    padding: 10px !important;
}
.padding-20 {
    padding: 20px !important;
}
.padding-30 {
    padding: 30px !important;
}
.padding-top-10 {
    padding-top: 10px !important;
}
.padding-top-20 {
    padding-top: 20px !important;
}
.padding-top-30 {
    padding-top: 30px !important;
}
.padding-bottom-10 {
    padding-bottom: 10px !important;
}
.padding-bottom-20 {
    padding-bottom: 20px !important;
}
.padding-bottom-30 {
    padding-bottom: 30px !important;
}
.p-t-0{
    padding-top: 0 !important;
}
.p-t-em-1{
    padding-top: 1em !important;
}
.p-t-em-2{
    padding-top: 2em !important;
}
.p-t-em-3{
    padding-top: 3em !important;
}
.p-t-em-4{
    padding-top: 4em !important;
}
.p-t-em-5{
    padding-top: 5em !important;
}
.p-b-em-1{
    padding-bottom: 1em !important;
}
.p-b-em-2{
    padding-bottom: 2em !important;
}
.p-b-em-3{
    padding-bottom: 3em !important;
}
.p-b-em-4{
    padding-bottom: 4em !important;
}
.p-b-em-5{
    padding-bottom: 5em !important;
}
.pl-10{
    padding-left: 10px !important;
}
.pl-20{
    padding-left: 20px !important;
}
.pl-30{
    padding-left: 30px !important;
}
.pl-40{
    padding-left: 40px !important;
}
.pl-50{
    padding-left: 50px !important;
}
.pr-10{
    padding-right: 10px !important;
}
.pr-20{
    padding-right: 20px !important;
}
.pr-30{
    padding-right: 30px !important;
}
.pr-40{
    padding-right: 40px !important;
}
.pr-50{
    padding-right: 50px !important;
}
.min-w-100{
    min-width: 100% !important;
} 
.min-h-100{
    min-height: 100% !important;
}
.w-10 {
    width: 10% !important;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.w-25 {
    width: 25% !important;
}

.w-30 {
    width: 30% !important;
}

.w-35 {
    width: 35% !important;
}

.w-40 {
    width: 40% !important;
}

.w-45 {
    width: 45% !important;
}

.w-50 {
    width: 50% !important;
}

.w-55 {
    width: 55% !important;
}

.w-60 {
    width: 60% !important;
}

.w-65 {
    width: 65% !important;
}

.w-70 {
    width: 70% !important;
}

.w-75 {
    width: 70% !important;
}

.w-80 {
    width: 80% !important;
}

.w-85 {
    width: 85% !important;
}

.w-90 {
    width: 90% !important;
}

.w-95 {
    width: 95% !important;
}

.w-100 {
    width: 100% !important;
}

.background-white {
    background: var(--white-principal);
}

.background-gray {
    background: var(--color-6) ;
}
.background-gray-2 {
    background: #f7f7f7;
}
.background-orange-2 {
    background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(231, 221, 205) 100%);
}
.background-yellow-gradient{
    background: rgb(250,204,125);
    background: radial-gradient(circle, rgba(250,204,125,1) 0%, rgba(250,203,123,1) 44%, rgba(245,177,82,1) 77%, rgba(240,171,75,1) 100%);
}
.color-white {
    color: var(--white-principal);
}

.line-horizontal-sansuy{
    width: 100%;
    height: 1px;
    background: var(--line-gray-color);
    margin: 2em 0;
}
.line-horizontal-sansuy-1{
    width: 50%;
}
.line-vertical-sansuy{
    width: 1px;
    background: var(--line-gray-color);
}
.line-vertical-sansuy-1{
    height: 90%;
}

/*loading spinner*/
.lds-ring {
    /* change color here */
    color: #f0f0f0
  }
  .lds-ring,
  .lds-ring div {
    box-sizing: border-box;
  }
  .lds-ring {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
  }
  .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    margin: 5px;
    border: 3px solid currentColor;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: currentColor transparent transparent transparent;
  }
  .lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
  }
  .lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
  }
  .lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
  }
  @keyframes lds-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }




/**HEADER*/
#masthead {
    height: calc((var(--header-height-unit))*2.5);
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
}
.wrapper-header{
    width: calc(var(--content-width)*1vw);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-left {
    height: calc((var(--header-height-unit))*2.5);
    display: flex;
    flex-direction: column; 
    align-items: flex-start;
    justify-content: space-between;
    position: absolute;
    left: 0;
    top: 0;  
}
.deco-lines{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.deco-lines div{
    position: absolute;
    z-index: -1;
}
.header-left-line-right, .content-left-line-right{    
    width: calc((100 - var(--banner-width-reduced))*1vw);
    height: 80%;
    border-right: solid 1px var(--line-gray-color-2);    
}
.content-left-line-right{   
    width: calc((100 - var(--banner-width-reduced))*1vw);
}

.header-left-line-bottom, .content-left-line-bottom{
    width: 80%;
    height: 100%;
    border-bottom: solid 1px var(--line-gray-color-2);
    width: calc((100 - var(--banner-width))*.85vw);
    transition: .3s;
}
.content-left-line-bottom{
    width: calc((100 - var(--banner-width-reduced))*.9vw);
}
.header-left-w.reduced .header-left-line-bottom{
    width: calc((100 - var(--banner-width-reduced))*.8vw);
}
.header-left-w{
    width: calc((100 - var(--banner-width))*1vw);
}
.header-left-w.header-left-w.reduced {
    width: calc((100 - var(--banner-width-reduced))*1vw);
}
.container-header-logo{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.header-logo{
    padding-right: 15px;
}
.header-logo img{
    width: calc((var(--header-height-unit))*3.5);
    height: auto; 
    position: relative;
}
.header-logo-subtitle{
    border-left: solid 2px var(--color-2);
    padding-left: 15px;
    font-size: .9em;
    font-weight: bold;
    letter-spacing: 1px;
}
.header-button{
    display: flex;
    height: calc((var(--header-height-unit))*2.5/2);
    width: calc((var(--header-height-unit))*2.9/2);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    color: #fff;
    border: none;
    border-radius: 0;
    font-size: calc((var(--banner-size-unit)) * 1vw );
    margin: 0;
}
.header-button-primary {
    background-color: var(--color-1);
}
.header-button-primary:hover {
    background-color: var(--color-12);
}
.header-button-secundy {
    background-color: var(--color-8);   
}
.header-button-secundy:hover {
    color: #fff;
    background-color: var(--color-7);   
}
.header-button-mobile{
    color: var(--color-7);
    font-size: 1.5em;
}

.header-right {
    display: flex;
    align-items: center;
}

.header-right a[href="#inicio"] {
    font-weight: bold; 
}

.header-right.open {
    display: block; 
}
.header-link{
    padding: 0 15px;
    color: #202020;
}
.header-link:last-child{
    padding-right: 0;
}
.linha-div{
    width: 100%;
    height: 5px;
    border-bottom: 1px solid var(--color-8);
    float: left;
    margin: 20px 0;
}
.header-solutions-menu {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    z-index: 30;
    overflow: hidden;
    height: 0;
    min-height: 0;
    min-height: 0;
    transition: .5s;
    background: var(--menu-background);
    background: linear-gradient(24deg, rgb(57 72 79) 41%, rgb(83 36 52 / 88%) 100%);
}
.header-solutions-menu-open{
    height: var(--header-solutions-menu-products-height);
    transition: .5s;  
}
.header-solutions-menu-wrapper{
    opacity: 0;
    transition: .3s;  
}
.header-solutions-menu-wrapper:first-child{
    padding-top: 10em;
}
.header-solutions-menu-open .header-solutions-menu-wrapper{
    opacity: 1;
    padding-top: 3em;
    transition: 1s;
}
.header-solutions-menu-title{
    width: 100%;
}
.header-solutions-menu-title-wrapper{
    width: calc(var(--content-width)*1vw);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 4em;    
}
.header-solutions-menu-title h2{
    font-size: 1em;
    font-weight: 600;
    margin: 0;
    color: var(--color-10);
}   
.header-solutions-menu-title h4 {
    font-size: 2.5em;
    font-weight: 100;
    color: var(--color-13);
    margin: 0;
    border-bottom: 1px solid #ffffff4f;
    padding-bottom: .7em;
}
.header-solutions-menu-products-area{
    width: calc(var(--content-width)*1vw);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.header-solutions-menu-products-wrapper{
    width: 80%;
    display: grid;    
    grid-template-columns: 20% 20% 20% 20% 20%;
    align-items: flex-start;
    justify-content: space-between;
}
.header-solutions-menu-products-container{
    width: 100%;
    margin-bottom: 2em;
}
.header-solutions-menu-products-container h5{
    font-weight: bold;
    font-size: 1em;
    color: var(--color-13);
    margin: 0;
}
.header-solutions-menu-products-container h5 img{
    width: auto;
    height: calc((var(--header-height-unit))*.5) ;
    filter:invert();
    margin-bottom: 1em;
}
.header-solutions-menu-products-container a{
    color: var(--color-3);
}
.header-solutions-menu-products-container a:hover{
    color: var(--color-10);
}
.header-solutions-menu-products-container ul{
    width: 100%;
    list-style: none;
    padding: 0;
}
.header-solutions-menu-products-container li{
    font-size: .85em;
    line-height: 2em;
}
.header-solutions-menu-products-container-description{
    width: 20%;
    height: auto;/*calc((var(--header-height-unit))*4) ;*/
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;      
}
.header-solutions-menu-products-container-description .sansuy-cat-solucao{
    width: 100%;
    display: none;  
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0;
}
.header-solutions-menu-products-container-description .header-solutions-menu-products-description-show{
    display: flex;    
}

.header-solutions-menu-products-container-description .sansuy-cat-solucao .sansuy-cat-solucao-container-img{
    width: 100%;
    max-height: 200px;
    margin-bottom: 1em;
}
.header-solutions-menu-products-container-description .header-solutions-menu-products-description-show .sansuy-cat-product-img{
    display: block;    
    animation-name: element-zoom-out-2;
    animation-duration: 2s;
    animation-timing-function: cubic-bezier(0.4, 0.60, 0.60, 1);
    animation-fill-mode: forwards;
}
.header-solutions-menu-products-container-description .sansuy-cat-solucao .sansuy-cat-product-text{
    width: 100%;
    height: calc((var(--header-height-unit))*3) ;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    float: left;    
    padding-left: 1em;    
}
.header-solutions-menu-products-container-description .sansuy-cat-product-text h2{
    width: auto;
    display: block;
    text-align: left;  
    color: var(--color-13);
    margin: 0;
}
.header-solutions-menu-products-container-description .sansuy-cat-product-text p{
    width: auto;
    display: block;
    text-align: left;
    color: var(--color-13);
    font-size: .9em;
}
/*
.body-desktop.page-template-home-sansuy-2023 .menu-item{

    position: static;
    
}
.body-desktop.page-template-home-sansuy-2023 .menu-item .submenu{
    width: 100vw;
    position: absolute;
    left: 0;
}
*/

.container-full-sansuy{
    width: 100%;
}
.wrapper-section-sansuy, 
.wrapper-section-sansuy-2 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}
.wrapper-content-sansuy-home{
    padding: 3rem 0;
}
.wrapper-content-sansuy-inner{
    border-top: 1px solid var(--line-gray-color-2);
    margin-top: -1px;
    padding: 0;
}
.site-content{
    width: 100%;
    border: none;
}
.container-sansuy{
    width: 100%;
    max-width: calc(var(--content-width)*1vw);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.container-sansuy-100{
    flex-direction: column;
}
.container-sansuy-full{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.wrapper-header-sansuy{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 !important;
    margin:0 !important;
}
.container-menu-sansuy-lateral-top-left{
    width: 10%; 
    height: 100%;  
    position: absolute; 
    left: 0;
    display: flex;
    justify-content: space-between;
    z-index: 1;  
}
.menu-sansuy-lateral-top-left{
    width: 90%; 
    height: 100%;
}
.sansuy-menu-top-left{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;  
    justify-content: flex-start;
}
.menu-sansuy-lateral-top-left-item{    
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 33%;
    transition-duration: .2s;
    margin-top: 1px;
}
.menu-sansuy-lateral-top-left-item a{     
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    padding: 0;
}
.menu-sansuy-lateral-top-left-item:hover,  .menu-sansuy-lateral-top-left-item:hover a ,  .menu-sansuy-lateral-top-left-item:hover a:hover{     
    background: none;
}

.menu-sansuy-lateral-top-left-item a .menu-top-lateral-icon{     
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc((var(--header-height-unit)) + 10px );
    height: 100%;
    color:#fff;
    font-size: 1.1em;
    background: var(--color-3);
}

.menu-sansuy-lateral-top-left-item:first-child a .menu-top-lateral-icon{    
    background: var(--color-1);
}
.menu-sansuy-lateral-top-left-item:first-child{    
    margin-top: 0;
}
.menu-top-left-text{
    padding-left: 10px;
    font-size: .9em;
    font-weight: 400;
    display: none;
}
.menu-sansuy-lateral-top-left-item a:hover .menu-top-left-text{
    display: block;
}
.sansuy-menu-top-left .sansuy-language-btn .sub-menu{
    position: absolute;
    top: 0;
    width: calc((var(--header-height-unit)) + 10px );
    margin-left: calc((var(--header-height-unit)) + 10px );
    margin-top: calc((var(--header-height-unit)) * -1 );
    border: none;   
}
.sansuy-menu-top-left .sansuy-language-btn .sub-menu li{
    height: var(--header-height-unit);
    width: 100%;
}
.sansuy-menu-top-left .sansuy-language-btn .sub-menu li a{
    width: 60%;
    height: 100%;
}
.site-branding{
    width: 16%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.site-branding .site-brand-inner, .site-branding a{
    width: auto;
}
.site-branding img{
    width: 100%;    
    height: auto;
}

#primary{
    padding-top: 0;
}

.container-header-sansuy{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.container-header-secondary{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sansuy-menu-secondary {
    width: var(--header-container-width);
    height: calc((var(--header-height-unit))*.7);
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.line-sansuy-secondary-menu{
    width: 100%;
    background: linear-gradient(90deg, #fff 50%, #c2cfcf 100%);
}

.container-header-principal{
    width: var(--header-container-width);;
    height: calc((var(--header-height-unit))*2);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.sansuy-menu a{
    line-height: 1;
    font-weight: 400;
    color:#4a4a4a
}
.sansuy-menu>li>a:hover{
    background: none;
}

.sansuy-menu .current-menu-item a{
    color: #000;   
    font-weight: 700;
}
.sansuy-menu .menu-item:hover img{
    opacity: 1;
}

.sansuy-menu .menu-ultimo>a{
    padding-right: 0 !important;
}

.wrapper-menu-sansuy{
    width: 70%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.sansuy-menu-secondary a{
    font-size: .9em;
    color:var(--menu-text-color-2);
}
.sansuy-menu-primary a{
    letter-spacing: 1px;    
}

.wrapper-banner-principal{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    height: calc((var(--header-height-unit))*12.5);
    position: relative;
}
.menu-areas-sansuy-lateral{
    height: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    padding-left: 0;
    transition: .3s;
    opacity: 0;
    animation-name: reveal-menu-lateral-from-left;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
.menu-areas-sansuy-lateral .sansuy-menu-area-lateral{
    width: 100%;
    height: 90%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    float: left;
    padding: 0;
    margin: 0;
}
.menu-areas-sansuy-lateral .container-item-menu-area{
    padding: 0 !important;    
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.menu-areas-sansuy-lateral .container-item-menu-area a{
    width: 100%;
    padding: 0 !important;   
}

.menu-areas-sansuy-lateral .container-item-menu-area:hover a,
.menu-areas-sansuy-lateral .container-item-menu-area:active a,
.menu-areas-sansuy-lateral .container-item-menu-area:focus a,
.menu-areas-sansuy-lateral .container-item-menu-area.item-menu-area-selected a{
    color:#000;
    font-weight: 500;    
    transition-duration: 0s; 
    transition-delay: 0s;
}
.menu-areas-sansuy-lateral .item-menu-area-selected .texto-item-menu-area{
    border-left: solid 2px var(--color-5);
    padding-left: 7px;
}
.menu-areas-sansuy-lateral .item-menu-area-sansuy{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0;
}
.menu-areas-sansuy-lateral-open{
    padding-left: 10px;
}
.menu-areas-sansuy-lateral .item-menu-area-sansuy img{
    width: calc((var(--header-height-unit))*.5);
    height: calc((var(--header-height-unit))*.5);
    opacity: .6;
}
.menu-areas-sansuy-lateral .container-item-menu-area:hover a img,
.menu-areas-sansuy-lateral .container-item-menu-area.item-menu-area-selected a img{
    filter: contrast(200%);
    opacity: 1;
}
.menu-areas-sansuy-lateral .item-menu-area-sansuy .texto-item-menu-area{
    max-width: 0;
    margin-left: calc((var(--header-height-unit))*.15);
    font-size: 1em;
    white-space: nowrap;
    text-align: left;
    display: flex;  
    align-items: center;  
    opacity: 0;
    overflow:hidden;
    line-height: 1.3;
}
.menu-areas-sansuy-lateral .item-menu-area-sansuy .texto-item-menu-area.show-btn{
    animation-name: reveal-from-left;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(0.4, 0.60, 0.60, 1);
    animation-fill-mode: forwards;
}
.container-banner-principal{
    display: flex;
    flex-direction: column;  
    align-items: flex-end;  
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
}
.banner-principal{
    display: flex;  
    align-items: center;
    justify-content: center;  
    width: calc(var(--banner-width)*1vw);
    height: 100%;    
    border-radius: 2em 0 0 9em;
    position: relative;
    z-index: 1;
}
.banner-principal.reduced{   
    width: calc(var(--banner-width-reduced)*1vw);
    transition-duration: .5s;
}

.banner-background{
    overflow: hidden;
    background-color: var(--color-9);    
    background-image: var(--background-banner-full);
    background-repeat: no-repeat;
    background-attachment: var(--background-banner-attachment);
    background-position-x: var(--background-banner-position-x);
    background-position-y: var(--background-banner-position-y);
    background-size: calc(var(--background-banner-width)*1vw) auto;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0.4, 0.60, 0.60, 1);    
}
.banner-background:before{
    background-color: var(--color-9);
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    cursor:none;
    pointer-events: none;
    animation: reveal-element;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(0.4, 0.60, 0.60, 1);
    animation-fill-mode: forwards;
    animation-direction: reverse;
}
.banner-background:after{
    background: rgba(0, 60, 84, 0.39);
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    cursor:none;
    pointer-events: none;
}
.banner-principal:after{
background: #003c54;
background: linear-gradient(24deg, rgba(0, 60, 84, 0.39) 41%, rgba(92, 0, 31, 0.42) 100%);
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    cursor:none;
    pointer-events: none;
}
.banner-background-scroll {
    --background-banner-attachment: local;
    /*
    background-position-y: calc(((var(--document-element-unit))*.42)*-1);
    background-position-x: calc(((var(--document-element-unit))*.6)*-1);
    */
}

.banner-loaded .banner-background{
    background-color: var(--color-9);
    animation-name: reveal-banner-background-1;
    animation-duration: 5s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(0.4, 0.60, 0.60, 1);
    animation-fill-mode: forwards;        
}
.banner-loaded.banner-loaded-2 .banner-background{
    animation-name: reveal-banner-background-2;
    animation-fill-mode: forwards; 
    animation-timing-function: ease-out;       
}
.btn-down-banner-principal:before{  
    background-color: var(--color-1);
    font-size: 1.3em;   
    color: #fff;
    text-align: center;   
    display: flex;
    align-items: center; 
    justify-content: center;
    width: 100%;
    height: 100%;
    transition-duration: 0s !important; 
}
.btn-down-banner-principal:hover{  
    font-size: 1.35em; 
    transition-duration: .1s;  
}
.container-bar-down-banner-principal{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 50vw;
    height: calc(var(--banner-bar-down-height)*1vw);
    overflow: hidden;
    position: relative;
}
.btn-down-banner-principal{
    width: calc(var(--banner-bar-down-height)*1vw);
    height: 100%;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff; 
    cursor: pointer;
    position: absolute;
    z-index: 4;
}
.container-banner-search-field .search-div{
    padding: 0;
}
.container-banner-search-field .search-field{
    padding: 0;
}
.bar-down-banner-principal{
    width: 46vw;
    height: 100%;
}
.section-clip-banner-sansuy{
    width: 100%;
    height: 100%;
    position: absolute;
}
.section-clip-banner-sansuy svg{
    width: 0;
    height: 0;
}
.wrapper-banner-elements{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    max-width: calc(var(--content-width)*1vw);
    margin-left: -7vw;
    position: relative;
    z-index: 1;
    opacity: 0;
}
.show-banner-elements{
    transition: 1s;
    opacity: 1;
}
.container-search-sansuy{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 33%;
    text-align: left;
    color: #fff;
}
.container-search-sansuy hr{
    width: 100%;
    margin: calc((var(--banner-size-unit)) * 2vw ) 0;
    opacity: .5;
}
.banner-search-caption{
    width: 100%;
    height: calc((var(--document-element-unit))*.15);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
}
.banner-search-caption .container-banner-search-caption-text{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    height: auto;
    font-size: .9em;
    color: #fff;
    background-color: #ffffff3e;
    padding: .5em;
    margin: 0;
    overflow: hidden;
    transition: .5s;
    transition-timing-function: ease-in-out;
}
.banner-search-caption .container-banner-search-caption-text-2{
    width: calc((var(--document-element-unit))*.04);
    height: 21px;
    margin-right: 10px;
    background-color: #fff;
    display: none;
}
.banner-search-caption .banner-search-caption-text {
    white-space: nowrap;
    display: none;
    border-radius: 50px;

}
.banner-search-caption .banner-search-caption-text-agronegocio{
    display: block;
}
.banner-search-caption img{
    width: calc((var(--document-element-unit))*.1);
    height: calc((var(--document-element-unit))*.1);
    margin-right: 10px;
    background: #fff;
    padding: .4em;
}
.banner-search-title-1{
    font-size: calc((var(--banner-size-unit)) * 2.6vw );
    font-weight: 500;
    color: #fff;
    letter-spacing: 1px;
    margin:0;
    line-height: 1;
}
.banner-search-title-2{
    font-size: calc((var(--banner-size-unit)) * 2vw );
}
.banner-search-title-5{
    font-size: 1.2em;
    font-weight: 300;
    margin:0;
    margin-top:3%;
    margin-bottom:4%;
}
.container-banner-search-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: calc((var(--document-element-unit))*.2);
    border-radius: 7px;
    margin-bottom: 10%;
    padding: 1em;
    color: #545454;
    cursor: pointer;
    background: #ffffffcb;
}
.container-banner-search-field .search-div
{
    width: 80%;
    font-size: .9em;
    background: #fff
}
.container-banner-search-div .search-field
{
    width: 80%;
    font-size: .9em;
}
.container-banner-search-field .search-field,
.container-banner-search-field .search-field:active, 
.container-banner-search-field .search-field:focus,
.container-banner-search-field .search-field:focus-visible{
    width: 80%;
    font-size: .9em;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    outline: none !important;
}
.container-banner-search-field .sansuy-search-submit{
    width: 20%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1em;
    color: var(--color-4);
    border: none;
    background: none;    
    margin: 0;
    cursor: pointer;
}
.container-banner-search-field .sansuy-search-submit:hover{
    font-size: 1.3em;   
}
.container-btn-learnig-more{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.container-btn-learnig-more .sansuy-intro-button-split {
    border: solid 2px var(--color-3);
    justify-content: center;
}
.banner-search-button{
    width: auto;
    min-width: 30%;
    color: #fff;
}
.banner-search-button:first-child{
    margin-right: 5%;
}
.banner-search-button-solutions{
    background: #fff;
    color: #000;
}
.container-banner-elements{
    width: 65%;
    height: 100%;
    max-width: 900px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.wrapper-banner-content{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}
.wrapper-banner-products{
    width: calc((var(--document-element-unit))*2.58);
    height: auto;
    aspect-ratio: 1;
    margin-top: calc((var(--document-element-unit))*.81);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4;
    position: absolute;
    pointer-events: none;
}
.wrapper-banner-products-type-2 {
    width: 100%;
    height: calc((var(--header-height-unit))*9.4);
    max-width: calc(var(--content-width)*1vw);
    aspect-ratio: auto;
    margin-top: 0;
    align-items: flex-end;
    justify-content: flex-end;
    pointer-events: none;
    left: 13%;
    position: fixed;
    transition: .5s;
}
.container-banner-sansuy-product{
   width: calc((var(--document-element-unit))*.91);
   height: auto;
   position: absolute; 
   right: 0;
   top: 0;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   cursor: pointer;
   transition: .5s;
   pointer-events: all;
}
.container-banner-products-type-2{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-end;  
    width: 40%;   
    color: var(--btn-color-1);
}
.container-banner-products-type-2 h4{
    font-size: 1em;
    color: var(--color-10);
    margin: 0;
}
.container-banner-products-type-2 h2{
    color: var(--btn-color-1);
    background: var(--color-4);
    padding: 5px;
    font-size: 1.5em;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.container-banner-products-type-2 span{
    white-space: nowrap;
}
.container-banner-products-type-2 .btn-cta-sansuy-5{
    font-size: .9em;
    min-height: 30px;
    padding-left: 10px;
    right: 0px;
    pointer-events: all;
}
.container-banner-products-type-2  .btn-cta-sansuy-5 i{
    padding-right: 0px;
}
.container-banner-sansuy-product-img{
    width: 40%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.container-banner-sansuy-product-img:before{
    width:90%;
    height:90%;
    display: flex;
    align-items: center;
    justify-content: center;
    content: "";
    position: absolute;
    border-radius: 50%;
    inset: 0;
    margin-left: 4.5%;
    margin-top: 4%;
    z-index: 0;

    -moz-mask:radial-gradient(farthest-side,#0000 calc(99% - (var(--document-element-unit))*.003),#000 calc(100% - (var(--document-element-unit))*.003));
    -webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - (var(--document-element-unit))*.003),#000 calc(100% - (var(--document-element-unit))*.003));
    mask:radial-gradient(farthest-side,#0000 calc(99% - (var(--document-element-unit))*.003),#000 calc(100% - (var(--document-element-unit))*.003));  
}
.container-banner-sansuy-product-1 .container-banner-sansuy-product-img:before{
    background-image: conic-gradient( rgba(88, 154, 212, 0.5) 0deg, rgba(201, 221, 224, 0.5) 115deg,
                                      rgba(0, 0, 0, 0)  115deg, rgba(0, 0, 0, 0)  140deg,
                                      rgba(201, 221, 224, 0.5) 140deg, rgba(88, 154, 212, 0.5) 360deg);
}
.container-banner-sansuy-product-2 .container-banner-sansuy-product-img:before{
    background-image: conic-gradient( rgba(88, 154, 212, 0.5) 0deg, rgba(201, 221, 224, 0.5) 156deg,
                                      rgba(0, 0, 0, 0)  156deg, rgba(0, 0, 0, 0)  176deg,
                                      rgba(201, 221, 224, 0.5) 176deg, rgba(88, 154, 212, 0.5) 320deg,
                                      rgba(0, 0, 0, 0)  320deg, rgba(0, 0, 0, 0)  340deg,
                                      rgba(88, 154, 212, 0.5) 340deg);
}
.container-banner-sansuy-product-3 .container-banner-sansuy-product-img:before{
    background-image: conic-gradient(   rgba(88, 154, 212, 0.5) 0deg, rgba(88, 154, 212, 0.5) 10deg,
                                        rgba(0, 0, 0, 0)  10deg, rgba(0, 0, 0, 0)  25deg,
                                        rgba(88, 154, 212, 0.5) 25deg, rgba(201, 221, 224, 0.5) 185deg,
                                        rgba(0, 0, 0, 0)  185deg, rgba(0, 0, 0, 0)  205deg,
                                        rgba(201, 221, 224, 0.5) 205deg, rgba(88, 154, 212, 0.5) 360deg);
}
.container-banner-sansuy-product-4 .container-banner-sansuy-product-img:before{
    background-image: conic-gradient(   rgba(88, 154, 212, 0.5) 0deg, rgba(88, 154, 212, 0.5) 35deg,
                                        rgba(0, 0, 0, 0)  35deg, rgba(0, 0, 0, 0)  50deg,
                                        rgba(88, 154, 212, 0.5) 50deg, rgba(201, 221, 224, 0.5) 237deg,
                                        rgba(0, 0, 0, 0)  237deg, rgba(0, 0, 0, 0)  252deg,
                                        rgba(201, 221, 224, 0.5) 252deg, rgba(88, 154, 212, 0.5) 360deg);
}
.container-banner-sansuy-product-5 .container-banner-sansuy-product-img:before{
    background-image: conic-gradient(   rgba(88, 154, 212, 0.5) 0deg, rgba(88, 154, 212, 0.5) 105deg,
                                        rgba(0, 0, 0, 0)  105deg, rgba(0, 0, 0, 0)  125deg,
                                        rgba(88, 154, 212, 0.5) 125deg, rgba(201, 221, 224, 0.5) 267deg,
                                        rgba(0, 0, 0, 0)  267deg, rgba(0, 0, 0, 0)  278deg,
                                        rgba(201, 221, 224, 0.5) 278deg, rgba(88, 154, 212, 0.5) 360deg);
}
.container-banner-sansuy-product-6 .container-banner-sansuy-product-img:before{
    background-image: conic-gradient(   rgba(201, 221, 224, 0.5) 0deg, rgba(88, 154, 212, 0.5) 125deg,
                                        rgba(0, 0, 0, 0)  125deg, rgba(0, 0, 0, 0)  140deg,
                                        rgba(88, 154, 212, 0.5) 140deg, rgba(201, 221, 224, 0.5) 360deg);
}

.container-banner-sansuy-product-img img{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    transition: .3s;
    /*filter: drop-shadow( 0px 2px 20px rgba(0, 0, 0, .2));*/
}
.banner-sansuy-product-text{
    width: 70%;
    max-width: 200px;
    text-align: left;
    font-size: 1.1em;
    color: #ffffff9e;
}
.banner-sansuy-product-text strong{
    font-size: .9em;
}
.container-banner-sansuy-product:hover img{
    filter: saturate(2);
    width: 104%;
    margin-top: -2%;
    margin-left: -2%;
 }
.container-banner-sansuy-product-1{
    right: calc((var(--document-element-unit))*.2);
    top: calc((var(--document-element-unit))*.1);
}
.container-banner-sansuy-product-2{
    right: calc(((var(--document-element-unit))*.1)*-1);
    top: calc((var(--document-element-unit))*.45);
}
.container-banner-sansuy-product-3{
    right: calc(((var(--document-element-unit))*.1)*-1);
    top: calc((var(--document-element-unit))*.9);
}
.container-banner-sansuy-product-4{
    right: calc((var(--document-element-unit))*.13);
    top: calc((var(--document-element-unit))*1.3);
}
.container-banner-sansuy-product-5{
    flex-direction: row-reverse;
    left: calc((var(--document-element-unit))*.4);
    top: calc((var(--document-element-unit))*1.36);
}
.container-banner-sansuy-product-6{
    flex-direction: row-reverse;
    left: calc(((var(--document-element-unit))*.09)*-1);
    top: calc((var(--document-element-unit))*1.08);
}
.container-banner-sansuy-product-5 .banner-sansuy-product-text,
.container-banner-sansuy-product-6 .banner-sansuy-product-text{
   text-align: right;
}
.wrapper-banner-content-img-principal{
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--document-element-unit);
    height: var(--document-element-unit);
    position: absolute;
    border-radius: 1000px;    
    padding: 0;
    z-index: 3;
}
.wrapper-banner-content-img-principal-type-2{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100vw;
    height: 100%;
    border-radius: none;
    background-color:none;
    right: 0;
    padding: 0;
    z-index: 0;
    background-color: none;
}
.wrapper-banner-content-img-principal-type-2-external {
    width: calc(var(--background-banner-width)*1vw);
    height: 120%;
    right: 0;
    top:-5%;
    z-index: 2;
    position: fixed;
    background-image: var(--background-banner-ext-full);
    background-repeat: no-repeat;
    background-attachment: var(--background-banner-attachment);
    background-position-x: var(--background-banner-position-x);
    background-position-y: var(--background-banner-position-y);
    background-size: calc(var(--background-banner-width)*1vw) auto;
    transition: .5s;
    transition-timing-function: cubic-bezier(0.4, 0.60, 0.60, 1);
}
.wrapper-banner-content-img-principal-2-hide{
    transition: .2s;
    opacity: 0!important;
}
.wrapper-banner-content-img-principal-bar-down{
    bottom: 515%;
}
.banner-timeline-img{
    width: calc((var(--document-element-unit))*1.25);
    max-width:none;
    height: auto;
    margin-top: 0;
    margin-left: calc(((var(--document-element-unit))*.075)*-1);
}
.banner-timeline-img-pricipal{
    position: absolute;
    z-index: 1;
}
.container-banner-timeline-img-fundo{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 0%;
    height: 0%;
    border-radius: 1000px;
    overflow: hidden;
}
.banner-timeline-logo{
    width: 55%;
    margin-left: 5%;
    height: auto;
    position: absolute;
    z-index: 2;
    filter: drop-shadow( 0px 2px 10px rgba(0, 0, 0, .7));
}
.banner-type2-img-principal{
    width: 100%;
    height: auto;
    max-width:none;
}
.banner-type2-img-principal{
    width: 100%;
    position: absolute;
}
.wrapper-banner-circle-decoration{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    padding: 0;
    z-index: 0;
    -webkit-mask-image:conic-gradient(black 0deg, black calc(var(--mask-color) * 1deg), transparent calc(var(--mask-color) * 1deg));
    mask-image:conic-gradient(black 0deg, black calc(var(--mask-color) * 1deg), transparent calc(var(--mask-color) * 1deg));
}
.wrapper-banner-circle-decoration-1{
    width: calc((var(--document-element-unit))*1.2);
    height: calc((var(--document-element-unit))*1.2);
}
.wrapper-banner-circle-decoration-2{
    width: calc((var(--document-element-unit))*1.395);
    height: calc((var(--document-element-unit))*1.395);
}
.wrapper-banner-circle-decoration-3{
    width: calc((var(--document-element-unit))*1.59);
    height: calc((var(--document-element-unit))*1.59);
}
.wrapper-banner-circle-decoration-4{
    width: calc((var(--document-element-unit))*1.48);
    height: calc((var(--document-element-unit))*1.48);
}
.banner-circle-decoration{
    display: inline-grid;
    place-content: center;
}
.banner-circle-decoration:before{
    content: "";
    position: absolute;
    border-radius: 50%;
    inset: 0;
    -moz-mask:radial-gradient(farthest-side,#0000 calc(99% - (var(--document-element-unit))*.085),#000 calc(100% - (var(--document-element-unit))*.085));
    -webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - (var(--document-element-unit))*.085),#000 calc(100% - (var(--document-element-unit))*.085));
    mask:radial-gradient(farthest-side,#0000 calc(99% - (var(--document-element-unit))*.085),#000 calc(100% - (var(--document-element-unit))*.085));
    opacity: var(--disk-decoration-opacity);
}
.banner-circle-decoration-1:before{

    background-image: conic-gradient(   rgba(164, 194, 201, .73) 0deg, rgba(179, 196, 199, .72) 69deg, rgba(0, 0, 0, 0) 68deg, rgba(0, 0, 0, 0) 70deg, 
                                        rgba(179, 196, 199, .72) 70deg, rgba(178, 193, 196, .72) 89deg, rgba(0, 0, 0, 0) 89deg, rgba(0, 0, 0, 0) 90deg, 
                                        rgba(178, 193, 196, .71) 90deg, rgba(196, 181, 176, .7) 169deg, rgba(0, 0, 0, 0) 169deg, rgba(0, 0, 0, 0) 170deg, 
                                        rgba(196, 181, 176, .7) 170deg, rgba(194, 172, 165, .7) 224deg, rgba(0, 0, 0, 0) 224deg, rgba(0, 0, 0, 0) 225deg, 
                                        rgba(194, 172, 165, .7) 225deg, rgba(194, 172, 165, .38) 255deg, rgba(0, 0, 0, 0) 255deg, rgba(0, 0, 0, 0) 256deg, 
                                        rgba(194, 172, 165, .38) 256deg, rgba(194, 172, 165, .35) 285deg, 
                                        rgba(194, 172, 165, .35) 285deg, rgba(194, 172, 165, 0) 296deg, rgba(0, 0, 0, 0) 296deg, rgba(0, 0, 0, 0) 297deg, 
                                        rgba(194, 172, 165, 0) 297deg, rgba(164, 194, 201, 1) 319deg, rgba(0, 0, 0, 0) 319deg, rgba(0, 0, 0, 0) 320deg,  
                                        rgba(164, 194, 201, .9) 320deg, rgba(164, 194, 201, .78) 339deg, rgba(0, 0, 0, 0) 339deg, rgba(0, 0, 0, 0) 340deg, 
                                        rgba(164, 194, 201, .78) 340deg, rgba(164, 194, 201, .75) 349deg, rgba(0, 0, 0, 0) 349deg, rgba(0, 0, 0, 0) 350deg, 
                                        rgba(164, 194, 201, .75) 350deg, rgba(164, 194, 201, .73) 359deg, rgba(0, 0, 0, 0) 359deg, rgba(0, 0, 0, 0) 360deg);

}
.banner-circle-decoration-2:before{

    background-image: conic-gradient(   rgba(164, 194, 201, .73) 0deg, rgba(164, 194, 201, .73) 29deg, rgba(0, 0, 0, 0) 29deg, rgba(0, 0, 0, 0) 30deg, 
                                        rgba(164, 194, 201, .73) 30deg, rgba(164, 194, 201, .73) 49deg, rgba(0, 0, 0, 0) 49deg, rgba(0, 0, 0, 0) 50deg, 
                                        rgba(164, 194, 201, .73) 50deg, rgba(179, 196, 199, .7) 69deg, rgba(0, 0, 0, 0) 69deg, rgba(0, 0, 0, 0) 70deg, 
                                        rgba(0, 0, 0, 0)  70deg, rgba(0, 0, 0, 0)  89deg, rgba(0, 0, 0, 0) 89deg, rgba(0, 0, 0, 0) 90deg,
                                        rgba(178, 193, 196, .35) 90deg, rgba(196, 181, 176, .3) 129deg, rgba(0, 0, 0, 0) 129deg, rgba(0, 0, 0, 0) 130deg,  
                                        rgba(178, 193, 196, .35) 130deg, rgba(196, 181, 176, .3) 169deg, rgba(0, 0, 0, 0) 169deg, rgba(0, 0, 0, 0) 170deg, 
                                        rgba(196, 181, 176, .3) 170deg, rgba(194, 172, 165, .3) 204deg, rgba(0, 0, 0, 0) 204deg, rgba(0, 0, 0, 0) 205deg, 
                                        rgba(194, 172, 165, .3) 205deg, rgba(194, 172, 165, .3) 224deg, rgba(255, 255, 255, 0.253) 224deg, rgba(194, 172, 165, .5) 225deg, 
                                        rgba(194, 172, 165, .5) 255deg, rgba(0, 0, 0, 0) 264deg, rgba(0, 204, 255, 0) 264deg, rgba(0, 0, 0, 0) 265deg, 
                                        rgba(0, 0, 0, 0) 265deg, rgba(0, 0, 0, 0) 331deg, 
                                        rgba(164, 194, 201, .9) 331deg, rgba(164, 194, 201, .78) 339deg, rgba(0, 0, 0, 0) 339deg, rgba(0, 0, 0, 0) 340deg, 
                                        rgba(164, 194, 201, .75) 340deg, rgba(164, 194, 201, .73) 359deg, rgba(0, 0, 0, 0) 359deg, rgba(0, 0, 0, 0) 360deg);
}
.banner-circle-decoration-3:before{

    background-image: conic-gradient(   rgba(0, 0, 0, 0) 0deg, rgba(0, 0, 0, 0) 10deg,
                                        rgba(164, 194, 201, .33) 10deg, rgba(179, 196, 199, .7) 39deg, rgba(0, 0, 0, 0) 39deg, rgba(0, 0, 0, 0) 40deg, 
                                        rgba(255, 0, 0, 0) 40deg, rgba(255, 0, 0, 0) 360deg);
}
.banner-circle-decoration-4:before{

    background-image: conic-gradient(   rgba(0, 0, 0, 0) 0deg, rgba(0, 0, 0, 0) 47deg,
                                        rgba(255, 255, 255, 0.5) 47deg, rgba(213, 229, 232, 0.5) 56deg,
                                        rgba(0, 0, 0, 0) 56deg, rgba(0, 0, 0, 0) 85deg,
                                        rgba(213, 229, 232, 0.4) 85deg, rgba(255, 255, 255, 0.5) 93deg,
                                        rgba(0, 0, 0, 0) 93deg, rgba(0, 0, 0, 0) 120deg,
                                        rgba(213, 229, 232, 0.4) 120deg, rgba(213, 229, 232, 0.5) 130deg,
                                        rgba(0, 0, 0, 0) 130deg, rgba(0, 0, 0, 0) 156deg,  
                                        rgba(255, 255, 255, 0.4) 156deg, rgba(255, 255, 255, 0.5) 181deg,
                                        rgba(0, 0, 0, 0) 181deg, rgba(0, 0, 0, 0) 208deg,
                                        rgba(255, 255, 255, 0.4) 208deg, rgba(0, 0, 0, 0) 235deg                                      
                                        );

    -moz-mask:radial-gradient(farthest-side,#0000 calc(99% - (var(--document-element-unit))*.001),#000 calc(100% - (var(--document-element-unit))*.001));
    -webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - (var(--document-element-unit))*.001),#000 calc(100% - (var(--document-element-unit))*.001));
    mask:radial-gradient(farthest-side,#0000 calc(99% - (var(--document-element-unit))*.001),#000 calc(100% - (var(--document-element-unit))*.001));    
}
.wrapper-banner-sansuy-icons{
    width: calc((var(--document-element-unit))*1.44);
    height: calc((var(--document-element-unit))*.39);
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    top: calc((var(--document-element-unit))*.35);
    margin-left: calc((var(--document-element-unit))*.1);
}
.banner-sansuy-icon{
    width: calc((var(--document-element-unit))*.065);
    opacity: .7;
}
.banner-sansuy-icon:nth-child(1){
    margin-left: calc((var(--document-element-unit))*.25);
    margin-bottom: calc(((var(--document-element-unit))*.05)*-1);
}
.banner-sansuy-icon:nth-child(2){
    margin-left: calc((var(--document-element-unit))*.15);
}
.banner-sansuy-icon:nth-child(3){
    margin-left: calc((var(--document-element-unit))*.07);
}
.banner-sansuy-icon:nth-child(4){
    margin-left: calc((var(--document-element-unit))*.02);
}
.banner-preload-images{
    display: none;
}

.contentsansuyhistory{
    background: linear-gradient(0deg, #fff 0%, #fff 54%, rgb(231, 221, 205) 100%) !important;
}

.site-footer {
    background:  var(--color-6);
    color:  var(--color-7);
}
#footer-widgets {
    color: var(--color-7);
    background-color: #fff;
    border-top: #e6e6e6 solid 1px;
}
.site-footer .footer-connect .follow-heading {
    color:  var(--color-7);
}
.site-footer .footer-social a {
    color: var(--color-7);
}
.site-footer .site-info{
    background: #e6e6e6;
}
.site-footer .btt a {
    background: #e6e6e6;
    color:var(--color-7);
}
.container-sansuy-image-1{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow:hidden;
}
.container-sansuy-image-1 img{
    width: 100%;
    height: auto;
}
.container-sansuy-image-rounded-1{
    border-radius: 1em;   
}

@keyframes spinner-border {
to { transform: rotate(360deg); }
} 
.spinner-border{
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}
.spinner-border-sm{
    height: 1rem;
    border-width: .2em;
}

/*******/
/*BANNER SECUNDÁRIO
/*******/
.wrapper-banner-secondary{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;  
    padding:0;
    color: var(--color-2);
}
.container-banner-secondary-sansuy{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;    
}
.container-banner-secondary-sansuy-sider{
    flex-direction: column;
}
.banner-secondary-sansuy{
    width: calc((var(--banner-s-size-unit)) * 22vw );
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.banner-secondary-sansuy-sider{
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}
.banner-secondary-sansuy-sider-it .banner-secondary-sansuy-subtitle{
    margin-bottom: calc((var(--banner-s-size-unit)) * 1vw );
}
.banner-secondary-sansuy-overtitle{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .8em;
    font-size:  calc((var(--banner-s-size-unit)) * .7vw );
}
.banner-secondary-sansuy-overtitle-sider{
    flex-direction: column;
    align-items: flex-start;
    width: 45%;
    font-size:  calc((var(--banner-s-size-unit)) * .72vw );
}
.banner-secondary-sansuy-overtitle-sider-it{
    font-size:  calc((var(--banner-s-size-unit)) * .52vw );
    justify-content: flex-end;
}
.banner-secondary-sansuy-overtitle-sr{
    width: 72%;
    font-size:  calc((var(--banner-s-size-unit)) * .83vw );
}
.banner-secondary-sansuy-overtitle-superfacil{
    width: 100%;
}
.banner-secondary-sansuy-overtitle-superfacil{
    font-size:  calc((var(--banner-s-size-unit)) * .65vw );
}
.banner-secondary-sansuy-overtitle-icon{
    width: 20%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    margin-bottom: calc((var(--banner-s-size-unit)) * .5vw );
}
.banner-secondary-sansuy-overtitle-icon img{
    width: 100%;
    height: auto;
    max-width: 80px;
}
.banner-secondary-title{
    width: 100%;
    height: calc((var(--banner-s-size-unit)) * 6vw );
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-weight: 500;
    font-size:  7em;
    letter-spacing: 1px;
    line-height: 1;
}
.banner-secondary-title-sider{
    width: 55%;
    align-items: flex-end;
    height: calc((var(--banner-s-size-unit)) * 6vw );
    align-items: flex-end;
}
.banner-secondary-title-sider-it{
    align-items: flex-end; 
}
.banner-secondary-title-sr{
    width: 28%;
    align-items: flex-end;

}
.banner-secondary-title-superfacil{
    width: 100%;
    height: calc((var(--banner-s-size-unit)) * 3vw );
    margin-bottom: calc((var(--banner-s-size-unit)) * 2vw );
}
.banner-secondary-title-superfacil-eletrica{
    width: 100%;
    height: calc((var(--banner-s-size-unit)) * 2.5vw );
    margin-bottom: 0;
    overflow: hidden;
}
.banner-secondary-title-cotonlona{
    height: calc((var(--banner-s-size-unit)) * 5vw );
}
.banner-secondary-title-termica{
    height: calc((var(--banner-s-size-unit)) * 3vw );
}
.container-banner-secondary-title-text{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start; 
}
.container-banner-secondary-title-text-sider-it{
    align-items: flex-end;
}
.banner-secondary-title-sider .container-banner-secondary-title-text{
    height: 88%;
}
.banner-secondary-title-sr .container-banner-secondary-title-text{
 align-items: flex-end;   
 height: 88%;
}
.banner-secondary-sansuy-title-text{
    overflow: visible;
    font-family: "Oswald", "open_sans", Helvetica, Arial, sans-serif;
    font-size:  calc((var(--banner-s-size-unit)) * 5.78vw );
    color:var(--banner-s-color-1);   
    margin:0;
}
.banner-secondary-sansuy-title-text-sider{    
    display: flex;
    align-items: center;
    font-size:  calc((var(--banner-s-size-unit)) * 2.4vw );
}
.banner-secondary-sansuy-title-text-sider span{
    display: flex;
    align-items: flex-end;
    line-height: 1.3;
}
.banner-secondary-sansuy-title-text-sider-2{
    font-size:  calc((var(--banner-s-size-unit)) * 4.6vw );
    display: flex;
    align-items: flex-end;
    line-height: 1;
}
.banner-secondary-sansuy-title-text-sider-3{
    display: block;
    font-size:  calc((var(--banner-s-size-unit)) * 3.3vw );
    line-height: 1.15;
}
.banner-secondary-sansuy-title-text-cotonlona{
    font-size:  calc((var(--banner-s-size-unit)) * 4.5vw );
}
.banner-secondary-sansuy-title-text-termica{
    font-size:  calc((var(--banner-s-size-unit)) * 2.75vw );
}
.banner-secondary-sansuy-title-text-superfacil{
    font-size:  calc((var(--banner-s-size-unit)) * 4vw );
}
.banner-secondary-sansuy-title-text-superfacil-eletrica{
    font-size:  calc((var(--banner-s-size-unit)) * 2.3vw );
}
.banner-secondary-sansuy-title-text-sr{
    font-size:  calc((var(--banner-s-size-unit)) * 3.4vw );
    letter-spacing: calc((var(--banner-s-size-unit)) * .3vw ) !important;
}
.banner-secondary-sansuy-title-text-sr span{
    line-height: 1;
    display: block;
}
.banner-secondary-title-sansuy-title-text-sr{
    display: flex;
    justify-content: flex-end;
}
.banner-secondary-title-sansuy-title-text-sr span{
    line-height: .94;
}
.banner-secondary-sansuy-title-text-yellow{
    color: var(--color-1);
}
.banner-secondary-sansuy-subtitle{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:  calc((var(--banner-s-size-unit)) * .1vw );
    margin-bottom:  calc((var(--banner-s-size-unit)) * 2vw );
}
.banner-secondary-sansuy-subtitle h3{
    font-size:  1em;
    font-size:  calc((var(--banner-s-size-unit)) * .7vw );
    margin: calc((var(--banner-s-size-unit)) * .2vw ) 0;
}
.banner-secondary-sansuy-subtitle-superfacil{
    justify-content: flex-start;
    font-size:  calc((var(--banner-s-size-unit)) * .73vw );
}
.banner-secondary-sansuy-subtitle-superfacil-eletrica{
    justify-content: flex-start;
    font-size:  calc((var(--banner-s-size-unit)) * .8vw );
}
.banner-secondary-sansuy-subtitle-sr{
    margin-top:  calc((var(--banner-s-size-unit)) * .5vw );
    margin-bottom:  calc((var(--banner-s-size-unit)) * 1vw );
}
.banner-secondary-sansuy-banner-s-container{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: calc((var(--banner-s-size-unit)) * 23vw );
    height: calc((var(--banner-s-size-unit)) * 11vw );
}
.banner-secondary-sansuy-banner-s-container-superfacil{
    height: calc((var(--banner-s-size-unit)) * 12vw );
}
.banner-secondary-sansuy-banner-s-container img{
    width: 97%;
    height: auto;
}
.banner-secondary-sansuy-subtitle-sider h3{
    width: 100%;
    letter-spacing: calc((var(--banner-s-size-unit)) * .12vw );
    font-size: calc((var(--banner-s-size-unit)) * .9vw );
    margin: 0;
}
.banner-secondary-sansuy-subtitle-sr h3{
    letter-spacing: 0;
    font-size: calc((var(--banner-s-size-unit)) * .69vw );
    margin: 0;
}
.sansuy-superfacil-r-image{
    width: calc((var(--banner-s-size-unit))* 1.9vw);
    height: calc((var(--banner-s-size-unit))* 2vw);
}


/*form de busca*/
.container-overlay-sansuy{
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    width: 100vw;    
    height: 0;
    top: 0;
    left: 0;
    text-align: center;    
    opacity: 1;
    overflow: hidden;
}
.container-overlay-sansuy.overlay-visible{
    height: 100vh;
}
.container-busca-mobile{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;    
    position: absolute;
    z-index: 2;
    width: 100%;
}  
.container-overlay-sansuy-fechado{
    display: none;
    opacity: 0;
    transition: .5s;
} 
.sansuy-search-form{
    width: 100vw;
    height: 100vh;
    display: flex;    
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.sansuy-search-field-container{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
input.sansuy-search-field{
    width: 90%;
    height: 90px;
    max-width: 700px;
    padding: .9em;
    font-size: 1.5em;
    border: none;
    border-radius: 10px;
    position: relative;
    z-index: 2;
}
input.sansuy-search-field:focus,
input.sansuy-search-field:active{
    outline: solid 3px var(--color-1);
}
#search-principal,
#language-selector{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 70%;
    max-width: 700px;
    text-align: center;
    padding: 0px;
    transition: .5s;
    position: relative;    
}
#search-principal{
    width: 100%;
    height: 100%;
    max-width: none;
}
#language-selector h3{
    color: var(--color-10);    
}
#search-principal .search-form{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.search-principal-close{
  color: #fff;
  border: solid 1px #fff;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: -30px;
  margin-top: -30px;
  cursor: pointer;
  position: absolute;
  transition: .3s;
}
.search-principal-close:hover{  
  width: 45px;
  height: 45px;  
  margin-top: -32px;
  right: -32px;
} 
.container-overlay-sansuy-fechado #search-principal{
  padding-top: 100px;
  transition: .5s;
}  
#busca-mobile{
    width: 90%;
    max-width: 500px;
    text-align: center;
    padding: 0px;
    transition: .5s;
    margin: 0 auto;
}
  
#search-principal h3{
    font-size: 1.5em;
    color:#fff;
    margin: 0;
}
  
#busca-mobile h3{
    font-size: 1em;
}
  
#search-principal .search-field, #busca-mobile .search-field{
  border-radius: 10px;
}
  
#search-principal .sansuy-search-button-principal, 
#busca-mobile .sansuy-search-button-principal{
  display: flex;
  align-items: center;
  justify-content: center;  
  width: 100%;
  max-width: 300px;
  background-color: var(--color-5);
  border:none;
  opacity: 1;
  transition: .3s;
  border-radius: 5px;
  margin: 50px 0;
  padding: 2em;
  font-size: 1em;
}
  
#search-principal .sansuy-search-button-principal:hover, 
#busca-mobile .sansuy-search-button-principal:hover{
  color: #fff;
  background: var(--color-4);
}
.sansuy-search-list-data{
    display: none;
}
.sansuy-search-list-view{
    position: absolute;
    top:0;
    right: -50%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50%;    
    padding: 2em;
    font-size: 1.2em;
    border: none; 
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;    
    background: var(--menu-background);
    background: linear-gradient(24deg, rgb(57 72 79) 41%, rgb(83 36 52 / 88%) 100%);
    transition-timing-function: ease-out;
    transition: 1s;
}
.sansuy-search-list-view.sansuy-search-list-visible{
    right: 0;    
}
.sansuy-search-item{
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: calc((var(--banner-size-unit)) * 2vw ) calc((var(--banner-size-unit)) * 1vw );
    border-bottom: 1px solid #cfcfcf14;
    cursor: pointer;
}
.sansuy-search-item:hover{
    background-color: #ffffff1c;
}
.sansuy-search-item:last-child{
    border-bottom: none;
}
.sansuy-search-button-item{
    cursor: pointer;
    border: none;
    width: 10%;
    background: none;
}
.sansuy-search-item-content{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
.sansuy-search-item-text{
    width: 75%;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.sansuy-search-item-text h4{
    font-size: 1em;
    font-weight: bold;
    color: var(--color-2);
    text-align: left;
    margin:0;
    color: #fff;
}
.sansuy-search-item-text p{
    font-size: .8em;
    color: var(--color-10);
    text-align: left;
    margin:0;
}
.sansuy-search-item-img{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 25%;
    margin-right: 1em;
    padding: 0;
}
.sansuy-search-item-img img{
    width: 100%;
    height: auto;
    margin: 0;
}
.language-menu{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--color-10);
}
.language-menu-option{
    width: 30%;
    cursor: pointer;
}
.language-menu-option div{
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    border: solid 1px var(--color-10);
    transition: .3s;
}
.language-menu-option:hover div{
    background: var(--color-10);
    color: var(--color-2);    
}
/*CONTATO*/
.container-contact{
    padding: 7em 0;
    background: linear-gradient(24deg, rgb(0 60 84 / 13%) 41%, rgb(92 0 31 / 25%) 100%);
}

#contato_confirmaMsg{
    width: 80%;
    float: left;
    font-size: .9em;
}

#contato_confirma{
    width: 10%;
    float: right;
}
.container-contact .container-sansuy {
    align-items: flex-start;
    max-width: 1100px;
}
.container-contact .sansuy-intro-text-1 {
   font-size: 3rem;
}
.container-modal-sansuy{
    width: 80%;
    max-width: 500px;
}
.container-modal-sansuy.container-modal-sansuy-visible{
    display: flex;
}
.modal-sansuy{
    width: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3em;
    border-radius: 15px;
}
.modal-sansuy h4{
    font-weight: bold;
    font-size: 1.5em;
}
.btn-contact-sansuy{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 600px;
    color: #fff;
    background: var(--color-5);
    border: none;
    border-radius: 20px;
    padding: 2em;
    cursor: pointer;
    font-weight: bold;
}
.btn-contact-sansuy i {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    color: var(--color-1);
    margin-left: 10px;
}

.contact-section {
    display: flex; 
    width: 100%;
    justify-content: space-between; 
}
.contact-info{
    width: 100%;
}
.sansuy-contact-form-info{
    width: 30%;
}
.contact-info,
.contact-section label {
    color: #2C2C2C
}
.form_contact_sansuy {
    width: 70%;
    display: flex;
    flex-direction: column;
}
.contact-info i{
    margin-right: 10px;
    color: var(--color-1);
    font-size: 1.5em;
}

.form_contact_sansuy input, 
.form_contact_sansuy select,
.form_contact_sansuy textarea {
    border-radius: 40px; 
    padding: 2em 1.5em; 
    border: none;
    margin-bottom: 2em;
}
.contato_mensagem{
    min-height: 200px;
}

.form_contact_sansuy label {
    display: block;
    margin-bottom: 5px;
    padding-left: 1em;
    font-size: 1em;
}

.city-state-row {
    display: flex;
    margin-bottom: 2em;
    align-items: flex-start;
    justify-content: space-between;  
}
.form_contact_sansuy input, 
.form_contact_sansuy select,
.form_contact_sansuy textarea,
.city-state-row {
    width: 100%;
    max-width: 600px;
}

.city-state-row div {
    width: 45%;
}

#source option {
    font-family: "Montserrat", sans-serif;
    font-size: 9px;
    color: #2C2C2C;
}

#message {
    width: 62%;
    border-radius: 14px; 
    padding: 36px; 
    border: 1px solid #ccc; 
    margin-bottom: 15px;
    background: #F2F2F2;
}
.contato_valida{
    display: none;
}

.form_contact_sansuy span,
.contact-info h3 {
    font-size: 2em;
    font-weight: bold;
}

.contact-info p {
    color: #54595F;
}

.telefone-row,
.email-row {
    display: flex;
    align-items: center; 
}

.contact-icon,
.email-contact {
    width: 20px; 
    height: 20px;
    margin-right: 10px;
}

.bg-section{
    background-color: #FBFBFD; 
    padding: 3px; 
    margin: 0; 
}
.search-container {
    position: relative; 
    display: flex; 
}
.form_contact_sansuy .contact-label-error{
    color: var(--color-5);
}
.form_contact_sansuy .contact-input-error{
    border: solid 2px var(--color-5);
}
/**/

.sansuy-menu-horizontal{
    width: 100%;
    height: auto;
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    margin-top: 3em;
    padding: 0;
}
.sansuy-menu-horizontal-produtos{
    width: 100%;
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
    gap: 1.2%;
    list-style: none;
    padding: 0;
    margin: 0;
} 
.sansuy-menu-horizontal .container-item-menu-area{
    display: flex;
    align-items: center;
    justify-content: center;
}
.sansuy-menu-horizontal .container-item-menu-area a{
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.sansuy-menu-horizontal .container-item-menu-area a .item-menu-area-sansuy{
    max-width: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.sansuy-menu-horizontal .container-item-menu-area a .item-menu-area-sansuy img{
    width: calc((var(--banner-size-unit)) * 2.5vw );
    height: calc((var(--banner-size-unit)) * 2.5vw );
    transition: 1s;
}
.sansuy-menu-horizontal .container-item-menu-area a .item-menu-area-sansuy:hover img{
    width: calc((var(--banner-size-unit)) * 4.5vw );
    height: calc((var(--banner-size-unit)) * 4.5vw );
    margin-top: calc((var(--banner-size-unit)) * -.5vw );
    transition: .3s;
}
.sansuy-menu-horizontal .container-item-menu-area a .item-menu-area-sansuy .texto-item-menu-area{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    font-size: calc((var(--banner-size-unit)) * .8vw );
    text-align: center;
}
.sansuy-menu-horizontal-produtos a{
    text-align: center;
}
.container-sansuy-cat-solucoes{
    display: grid;
    grid-template-columns: 27% 27% 27%;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 5em;
}
.sansuy-cat-solucao{
    width: 100%;
    color: var(--text-color);
    margin-bottom: 3em;
}
.sansuy-cat-solucao:hover{
    color: #000;
}
.sansuy-cat-solucao h2{
    font-size: 1.5em;
    font-weight: bold;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.sansuy-cat-solucao p{
    text-align: center;
}
.sansuy-cat-solucao-container-img{
    width: 100%;
    height: calc((var(--header-height-unit))*3.5);
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}
.sansuy-cat-solucao-icon-plus{
    position: absolute;
    font-weight: bold;
    color: #fff;
    font-size: 2em;
    line-height: .5;
    right: 10px;
    bottom: 10px;
    background: #ffffff33;
    border-radius: 4px;
    padding: 5px;
    z-index: 2;
}
.sansuy-cat-solucao-icon-plus-container-img{
    background: none;
    left: 10px;
    top: 10px;
    width: 35px;
}
.sansuy-cat-solucao-icon-plus-img{
    filter: invert(100);
}
.sansuy-cat-solucao img{
    width: 125%;
    height: auto;
    transition: 1s;
    margin-left: -2.5%;
    margin-top: -2%;
    transition: 1s;
}
.sansuy-cat-solucao:hover img{
    width: 115%;
    margin-left: 0;
    margin-top: 0;
    transition: .5s;
}
.sansuy-cat-icon {
    width: 2.5em;
    margin-right: 10px;
    background: #40d7a0;
    border-radius: 50px;
    padding: .5em;
    filter: invert(1);
}
.sansuy-cat-solucao:hover p strong{
    color: var(--color-5);
}

/*FOOTER*/
.section-footer{
    padding-top: 7em;
}
.container-footer{
    justify-content: space-between;
    align-items: flex-end;
}
.footer-btn-to-top{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    background: #fff;
    color: var(--color-7);
    font-size: 2em;
    position: absolute;
    z-index: 2;
    border-radius: 50px;
    top: -40px;
    right: calc(((100 - var(--content-width))/2)*1vw); ;
}
.footer-btn-to-top i{
    margin-top: -20px;
}
.footer-search, .footer-sites{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 2em;
}

.footer-search .container-banner-search-div{
    border: 1px solid #c9c8c8;
    margin: 0;
    height: 3.5rem;
}
.footer-sites h4{
    margin: 0;
}

.footer-sites .search-form{
    width: 100%;
    height: 3.5rem;
}

.container-footer-copy{
    margin-top: 6rem;
    padding-top: 1rem;
    border-top: 1px solid var(--color-1);
}

/*CONTEÚDO EXTRA*/
.container-sansuy-extra-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background: #ebf0f3;
    margin-top: 3em;
}
.container-sansuy-extra-content h4{
    font-size: 2em;
    font-weight: bold;
}
.sansuy-extra-content-features-2{
    width: 60%;
    display: flex;
    flex-flow: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.sansuy-extra-content .sansuy-extra-content-features .feature-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 30%;
    text-align: center;
}
.sansuy-extra-content .sansuy-extra-content-features .feature-item-2{
    width: 48%;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;    
    min-height: 130px;
    margin-bottom: 3em;
}
.sansuy-extra-content .sansuy-extra-content-features .feature-item-3{
    width: 32%;
}
.sansuy-extra-content .sansuy-extra-content-features .feature-item-2:first-child,
.sansuy-extra-content .sansuy-extra-content-features .feature-item-2:nth-child(2){
    border-bottom: solid 1px var(--color-1);
}

.sansuy-extra-content .sansuy-extra-content-title-box {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.sansuy-extra-content .sansuy-extra-content-title-box h3 {
    font-size: 3em;
    font-weight: bold;
    margin: 0;    
}
.sansuy-extra-content .sansuy-extra-content-title-box span {
    font-size: .8em;
    color: #ffffff;
    background: var(--color-1);
    padding: 10px;
    border-radius: 4px;
}
.sansuy-extra-content .sansuy-extra-content-features .feature-item h4{
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    margin-top: 1em;
}
.sansuy-extra-content .sansuy-extra-content-features .feature-item-2 h4{
    margin: 0;
}
.sansuy-extra-content .sansuy-extra-content-features .fa-stack-1x{
    color: #fff;
}
.sansuy-extra-content .sansuy-extra-content-features .fa-stack-2x{
    color: var(--color-4);
}
.sansuy-extra-content-features-banner-1{
    width: 100%;
    height: auto;
}
.sansuy-extra-content .feature-item-2 .feature-media{
    margin-right: 1em;    
}
.sansuy-extra-content .feature-item-2 .feature-media i{
    color: var(--color-4);
}
.sansuy-extra-content .feature-media-square{
    width: 100%;
    min-height: 50px;
}
.sansuy-extra-content .feature-media-square img{
    width: 100%;
    height: auto;
    border-radius: 5px;
}
.sansuy-extra-content-features-banner-2{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.sansuy-extra-content-features-banner-2-text{
    background-color: var(--color-4);
    padding: 1em;
    color: #fff;
    font-weight: bold;
}

/**************************************/
/*ANIMAÇÃO E SELETORES PARA ANIMAÇÃO*/


@keyframes reveal-element {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes reveal-element-2 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes reveal-from-left {
    from {
        opacity: 0;
        max-width: 0px;
    }
    to {
        opacity: 1;
        max-width: 600px;
    }
}
@keyframes reveal-from-right-2 {
    from {
        opacity: 0;
        margin-left: 20px;
    }
    to {
        opacity: 1;
        margin-left: 0px;
    }
}
@keyframes reveal-from-right-3 {
    0% {
        opacity: 0;
        width: 0%;
        letter-spacing: 30px;
    }
    to {
        opacity: 1;
        width: 105%;
        letter-spacing:inherit;
    }
}
@keyframes reveal-from-right-4 {
    0% {
        opacity: 0;
        width: 0%;
    }
    to {
        opacity: 1;
        width: 105%;
    }
}
@keyframes reveal-from-bottom {
    from {
        opacity: 0;
        margin-top: 30px;
    }
    to {
        opacity: 1;
        margin-top: 0px;
    }
}
@keyframes reveal-from-center {
    from {
        opacity: 0;
        width: 0%;
        height: 0%;
    }
    to {
        opacity: 1;
        width: 130%;
        height: 130%;
    }
}
@keyframes reveal-from-center-2 {
    from {
        opacity: 0;
        rotate: 180deg;
        scale:5
    }
    to {
        opacity: 1;
        rotate: 0deg;
        scale:1
    }
}
@keyframes reveal-menu-lateral-from-left {
    from {
        opacity: 0;
        padding-left: 0;
    }
    to {
        opacity: 1;
        padding-left: calc(((100 - var(--banner-width))/2)*.5vw);
    }
}
@keyframes element-zoom-in-1 {
    from {
        opacity: 0;
        scale: 2;
    }
    to {
        opacity: 1;
        scale: 1;
    }
}
@keyframes element-zoom-out-1 {
    0% {
        opacity: 0;
        scale: 1.5;
    }
    25% {
        opacity: 1;        
    }
    100% {        
        opacity: 1;  
        scale: 1;
    }
}
@keyframes element-zoom-out-2 {
    from {
        scale: 1.5;
    }
    to {
        scale: 1;
    }
}
@keyframes element-zoom-out-3 {
    from {
        opacity: 0;
        scale: 2;
    }
    to {
        opacity: 1;
        scale: 1;
    }
}
@keyframes reveal-banner-background-1 {
    from {
        --background-banner-width:115;
    }
    to {
        --background-banner-width:100;
    }
}
@keyframes reveal-banner-background-2 {
    from {
        --background-banner-position-x: 50%;
        --background-banner-position-y: -50%;
        --background-banner-width:110;
    }
    to {
        --background-banner-position-x: 0%;
        --background-banner-position-y: 0%;
       --background-banner-width:100;
    }
}
@keyframes reveal-banner-background-1 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes reveal-cicle-decoration {
    from {
        --mask-color: 0;
        --disk-decoration-opacity: 1;
    } 
    to {
        --mask-color: 360;
        --disk-decoration-opacity: .25;
    }
}
@keyframes close-cicle-decoration {
    from {
        --mask-color: 359;
        --disk-decoration-opacity: .25;
    } 
    to {
        --mask-color: 0;
        --disk-decoration-opacity: 1;
    }
}


.animated-element-hide{
    display: none;
}

.show {
    opacity: 1 !important;
    transition-duration: 1s;
    transition-delay: .5s;
    transition-timing-function:ease-in-out;
}

.animated-element-sansuy,
.animated-element-sansuy-banner {
    opacity: 0;
}

.animated-element-show-sansuy {
    animation-name: reveal-element;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(0.4, 0.60, 0.60, 1);
    animation-fill-mode: forwards;
}

.animated-element-reveal-from-top.animated-element-show-sansuy{
    animation-name: reveal-from-top;
    animation-duration: 1.5s;
}
.animated-element-reveal-from-bottom.animated-element-show-sansuy{
    animation-name: reveal-from-bottom;
    animation-duration: 1.5s;
}
.animated-element-reveal-from-left.animated-element-show-sansuy{
    animation-name: reveal-from-left;
    animation-duration: 1.5s;
}
.animated-element-reveal-from-right.animated-element-show-sansuy{
    animation-name: reveal-from-right;
    animation-duration: 1.5s;
}
.animated-element-reveal-from-right-2.animated-element-show-sansuy{
    animation-name: reveal-from-right-2;
    animation-duration: 1.5s;
}
.animated-element-reveal-element-2.animated-element-show-sansuy{
    animation-name: reveal-element-2;
    animation-duration: 1s;
}
.animated-element-reveal-from-right-3.animated-element-show-sansuy{
    animation-name: reveal-from-right-3;
    animation-duration: 1s;
}
.animated-element-reveal-from-right-4.animated-element-show-sansuy{
    animation-name: reveal-from-right-4;
    animation-duration: 1s;
}
.animated-element-reveal-from-center.animated-element-show-sansuy{
    animation-name: reveal-from-center;
    animation-duration: 1.5s;
}
.animated-element-reveal-from-center-2.animated-element-show-sansuy{
    animation-name: reveal-from-center-2;
    animation-duration: .6s;
}
.animated-element-zoom-out-1.animated-element-show-sansuy{
    animation-name: element-zoom-out-1;
    animation-duration: 1.5s;
}
.animated-element-zoom-out-2.animated-element-show-sansuy{
    animation-name: element-zoom-out-2;
    animation-duration: 1.5s;
}
.animated-element-zoom-out-2.animated-element-show-sansuy{
    animation-name: element-zoom-out-3;
    animation-duration: 1.5s;
}
.animated-element-reveal-cicle-decoration{
    animation-name: reveal-cicle-decoration;
    animation-duration: 2s;
    opacity: 1;
    animation-timing-function: cubic-bezier(0.4, 0.60, 0.60, 1);
    animation-fill-mode:forwards;
}
.wrapper-banner-circle-decoration-close{
    animation-name: close-cicle-decoration;
    animation-duration: 1s;
}
/**/
.animated-element-delay-0 {
    animation-delay: 0s !important;
}

.animated-element-delay-1 {
    animation-delay: .1s !important;
}

.animated-element-delay-2 {
    animation-delay: .2s !important;
}

.animated-element-delay-3 {
    animation-delay: .3s !important;
}

.animated-element-delay-4 {
    animation-delay: .4s !important;
}

.animated-element-delay-5 {
    animation-delay: .5s !important;
}

.animated-element-delay-6 {
    animation-delay: .6s !important;
}

.animated-element-delay-7 {
    animation-delay: .7s !important;
}

.animated-element-delay-8 {
    animation-delay: .8s !important;
}

.animated-element-delay-9 {
    animation-delay: .9s !important;
}

.animated-element-delay-10 {
    animation-delay: 1s !important;
}

.animated-element-delay-11 {
    animation-delay: 1.1s !important;
}

.animated-element-delay-12 {
    animation-delay: 1.2s !important;
}

.animated-element-delay-13 {
    animation-delay: 1.3s !important;
}

.animated-element-delay-14 {
    animation-delay: 1.4s !important;
}

.animated-element-delay-15 {
    animation-delay: 1.5s !important;
}

.animated-element-delay-16 {
    animation-delay: 1.6s !important;
}

.animated-element-delay-17 {
    animation-delay: 1.7s !important;
}

.animated-element-delay-18 {
    animation-delay: 1.8s !important;
}

.animated-element-delay-19 {
    animation-delay: 1.9s !important;
}

.animated-element-delay-20 {
    animation-delay: 2s !important;
}

.animated-element-delay-21 {
    animation-delay: 2.1s !important;
}

.animated-element-delay-22 {
    animation-delay: 2.2s !important;
}

.animated-element-delay-23 {
    animation-delay: 2.3s !important;
}

.animated-element-delay-24 {
    animation-delay: 2.4s !important;
}

.animated-element-delay-25 {
    animation-delay: 2.5s !important;
}

.animated-element-delay-26 {
    animation-delay: 2.6s !important;
}

.animated-element-delay-27 {
    animation-delay: 2.7s !important;
}

.animated-element-delay-28 {
    animation-delay: 2.8s !important;
}

.animated-element-delay-29 {
    animation-delay: 2.9s !important;
}

.animated-element-delay-30 {
    animation-delay: 3s !important;
}

.animated-element-delay-31 {
    animation-delay: 3.1s !important;
}

.animated-element-delay-32 {
    animation-delay: 3.2s !important;
}

.animated-element-delay-33 {
    animation-delay: 3.3s !important;
}

.animated-element-delay-34 {
    animation-delay: 3.4s !important;
}

.animated-element-delay-35 {
    animation-delay: 3.5s !important;
}

.animated-element-delay-36 {
    animation-delay: 3.6s !important;
}

.animated-element-delay-37 {
    animation-delay: 3.7s !important;
}

.animated-element-delay-38 {
    animation-delay: 3.8s !important;
}

.animated-element-delay-39 {
    animation-delay: 3.9s !important;
}
.animated-element-delay-41 {
    animation-delay: 4s !important;
}
.animated-element-delay-40 {
    animation-delay: 4.1s !important;
}
.animated-element-delay-42 {
    animation-delay: 4.2s !important;
}
.animated-element-delay-43 {
    animation-delay: 4.3s !important;
}
.animated-element-delay-44 {
    animation-delay: 4.4s !important;
}
.animated-element-delay-45 {
    animation-delay: 4.5s !important;
}
.animated-element-delay-46 {
    animation-delay: 4.6s !important;
}
.animated-element-delay-47 {
    animation-delay: 4.7s !important;
}
.animated-element-delay-48 {
    animation-delay: 4.8s !important;
}
.animated-element-delay-49 {
    animation-delay: 4.9s !important;
}
.animated-element-delay-50 {
    animation-delay: 5s !important;
}
.wrapper-banner-circle-decoration-close.animated-element-delay-reverse-0 {
    animation-delay: 0s !important;
}
.animated-element-sansuy-reverse {
    animation-direction: reverse;
}

/** */
/* Estilos para o menu hamburger */
.btn-menu-hamburger {
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-size: 1em;
    padding: 10px;
    position: relative;
    transition-duration: .2s, .2s;
    width: 7%;
    height: 30px;
}
.mobile-menu-toggle_lines{
    width: 100%;
    display: block;
    position: absolute;
    top: 16px;
    left: 0;
    right: 0;
    height: 3px;
    background: #191919;
    transition: background-color .2s; 
}
.btn-menu-hamburger.active .mobile-menu-toggle_lines{
    height: 0;
}
.mobile-menu-toggle_lines:before, 
.mobile-menu-toggle_lines:after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 3px;
    background: #191919;
    content: "";
    -webkit-transition-duration: .2s,.2s;
    transition-duration: .2s,.2s;
}
.btn-menu-hamburger .mobile-menu-toggle_lines:before{
    top: -10px;
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, -webkit-transform;
    transition-property: top, transform;
    transition-property: top, transform, -webkit-transform;
}
.btn-menu-hamburger.active .mobile-menu-toggle_lines:before{
    top: 0;
    transform: rotate3d(0, 0, 1, -45deg);
}
.btn-menu-hamburger .mobile-menu-toggle_lines:after{
    top: 10px;
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, -webkit-transform;
    transition-property: top, transform;
    transition-property: top, transform, -webkit-transform;
}
.btn-menu-hamburger.active .mobile-menu-toggle_lines:after{
    top: 0;
    transform: rotate3d(0, 0, 1, 45deg);
}
/* Estilos para o menu dropdown */
.menu-dropdown {
    display: none;
    width: 100vw;
    padding: 10px;
    flex-direction: column;
    position: absolute;
    right: -100vw;
    background-color: var(--menu-background);
    z-index: 2;
    transition: .5s;
    visibility: hidden;
}
.menu-dropdown.active {
    visibility: visible;
    right: 0;
}
.menu-dropdown ul{
    list-style: none;
    padding: 5px;
    margin: 0;
}
/* Estilos para os links dentro do menu dropdown */
.menu-dropdown li {
    border-bottom: 1px solid var(--color-1);
    padding: 5px 0;
}
.menu-dropdown li:last-child {
    border-bottom: none;
}
.menu-dropdown a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #333; /* Cor do texto */
}
.menu-dropdown a.menu-dropdown-header-link,
.menu-dropdown div.menu-dropdown-header-link {

    padding: 10px 0;
    list-style: none;
    color: var(--color-10);
    text-transform: uppercase;
}
a.menu-dropdown-submenu-header-link{
    display: flex;
    align-items: center;
}
.menu-dropdown-submenu-header-link img{
    width: 35px;
    padding-right: 10px;
    filter: invert(100%);    
}
.menu-dropdown-submenu-header-link i{
    font-size: 2em;
    padding-right: 10px;
}
.underline {
    text-decoration: underline;
}

.content-area {
    margin-top: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
/*
    .menu-lateral-content {
        flex: 1;
    }
*/
.menu-lateral-content iframe {
    width: 100%;
    height: 700px; 
    border: none;
    border-radius: 5px;
}

.fixed-buttons {
    position: fixed; 
    right:-100px;
    top:40%;
    display: flex; 
    flex-direction: column; 
    gap: 20px; 
    padding: 1em;
    transition: 1s;
}
.fixed-buttons-show{
    right: 30px; 
}

.fixed-buttons .button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 10px;
    align-items: center; 
    padding: 2px; 
}

.fixed-buttons a {
    color: var(--color-12);
}

.fixed-buttons .button-image {
    width: 25px; 
    height: 30px; 
    object-fit: contain; 
}
.fixed-buttons div.button{
    cursor: pointer;
}

.sansuy-new-section{
    width: 100%;
    padding: 8em 0;
    background-color: #fff;
}

.new-section-content {
    display: flex; 
    align-items: 
    flex-start;
}

.new-section-image {
    width: 100%; 
    height: auto; 
    margin-right: 20px; 
}

.custom-hr {
    border: none; 
    height: 1px; 
    background-color: #d6d6d6; 
    width: 128%;
    margin: 0;
}

.maps h3{
    font-family: "Oswald", sans-serif;
    color: #787373;
    font-size: 1.8em;
    font-weight: 400;
    margin-left: 12%;
}

.search-container input {
    height: 35px; 
    border-radius: 4px; 
    border: 1px solid #d3d3d3; 
    margin-right: 5px; 
    padding-right: 40px; 
    padding-left: 10px; 
    outline: none; 
    color: #7A7A7A;
    font-size: 13px;
}

.search-container button {
    position: absolute; 
    right: 32%; 
    top: 0; 
    bottom: 0; 
    width: 15%; 
    height: 35px; 
    border: none; 
    background: transparent; 
    cursor: pointer; 
}
 
.container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.sansuy-img-logo {
    width: 100%;
    max-width: 150px;
    margin-top: 1em;
}

.img-logo-Retratil {
    width: 40%;
    margin-left: 39%;
    margin-top: 50px;
}

.maps img {
    width: 70%;
    margin-left: 15%;
}

.new-section-content {
    display: flex;
    flex-direction: column;
}

.sansuy-image-text-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.sansuy-banner-s-container {
    width: 38%;
    margin: 0;
}

.sansuy-new-section-text {
    width: 53%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 1rem; 
    color: var(--color-7);
    text-align: justify;
    font-weight: normal;
    line-height: 2.3em;
}

.sansuy-new-section-text p {
    margin: 0;
}

.container-sansuy-features{
    border-bottom: 1px solid var(--color-1);
    padding-bottom: 7em;
}

.sansuy-area-features-buttons-container {
    margin-top: 2em;
    width: 100%;
    display: table-row;
}
.sansuy-feature-area{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;    
}
.sansuy-features-area-wrapper{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: 0;
    overflow: hidden;  
}
.sansuy-features-area-content{
    border-top: solid 1px #eee;
    width: 100%;
    padding: 2em;
}
.sansuy-features-area-content i{
    color: var(--color-8);
}
.sansuy-features-area-content p{
    margin-bottom: 4em;
    line-height: 1.7;
}
.sansuy-features-area-content .contact-info{
    margin-top: 20px;
}

.sansuy-toggle-button{
    background: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color:var(--color-7);
    font-size: 1.3em;
    cursor: pointer;
    padding: 1em 0;
}
.sansuy-toggle-button img{
    margin-right: 10px;
}
.sansuy-toggle-button-icon{
    margin-right: 10px;
    font-size: 1.2em;
    color: #bf284a;
}

.sansuy-features-area-wrapper.height-auto{
    transition: .5s;
    height: auto;
}

.toggle-button {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    text-align: left;
    position: relative;
    border: none;
    background: #fff;
    font-size: 16px;
    color: #7A7A7A;
    cursor: pointer;
}

.toggle-button img {
    margin-bottom: -5px;
    width: 20px;
}

.arrow-down {
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
}

.hr-botton {
    border: solid #e5e5e5 1px;
    height: 1px;
    background-color: #d6d6d6;
    margin-bottom: 14px;
    width: 100%;
}

.content {
    font-size: 15px; 
    color: #5e5e5e;
    text-align: justify;
    font-weight: 400;
    line-height: 2.3em;
    margin-top: 2%;
    display: none;
}

.content p {
    margin: 30px;
}

.colors-container {
    width: 100%;
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    margin-bottom: 20px;
}

.color {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.color-circle {
    width: 7vw;
    height: 7vw;
    max-width: 60px;
    max-height: 60px;
    border-radius: 50%;
    margin-bottom: 10px;
    box-shadow: 0px 2px 11px rgb(0 0 0 / 25%);
    transition: .3s;
}
.color-circle:hover {
    max-width: 70px;
    max-height: 70px;
    margin-bottom: 5px;
    margin-top: -5px;
}
.color-circle-metal::before{
    width: 100%;
    height: 100%;
    background: linear-gradient(65deg, rgb(0 0 0 / 16%) 0%, rgba(0, 0, 0, 0) 30%, rgba(255, 255, 255, 0.2) 50%, rgba(99, 99, 99, 0) 70%, rgb(64 64 64 / 40%) 100%);
    
    inset: 0;
    display: flex;
    align-items: center; 
    justify-content: center;
    border-radius: 50%;
    content: ' ';
}
.color p {
    margin: 0;
    margin-left: 0;
    margin-bottom: 2em;
}

.content h3 img {
    width: 20px;
}

.information p {
    margin: 15px;
}

.telefone,
.email {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 1.5em 0;
}

.telefone p,
.email p {
    margin: 0;
}

.hr-primary-footer {
    border: none;
    height: 2px;
    background-color: #d1d1d1;
    margin-top: -1px;
}

.footer-left,
.footer-right {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    margin: 0;
}

.footer-left {
    width: 73%;
}

.footer-right {
    width: 15%;
    align-items: center;
}

.footer-left .footer-logo{
    width: 100%;
    max-width: 300px;
}
.footer-left .footer-logo img {
    width: 100%;
}

.footer-left .footer-address {
    margin-bottom: 20px;
    width: 100%;
}

.footer-left .footer-address hr {
    border: 0;
    height: 2px;
    background: #f1f1f1;
    margin: 10px 0;
    position: relative;
}

.footer-left .footer-address hr::after {
    content: '';
    font-size: 20px;
    position: absolute;
    right: 0;
    top: -10px;
    color: #fff;
    cursor: pointer;
}

.footer-left .footer-address hr::after:hover {
    color: #ddd;
}

.footer-left .footer-columns {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.footer-column {
    flex: 1;
    min-width: 120px;
    margin-right: 10px;
}

.footer-column a {
    color: #555555;
    text-decoration: none;
    display: block;
    margin: 5px 0;
}

.footer-column a:hover {
    text-decoration: underline;
}

.footer-right input[type="text"] {
    width: 50%;
    height: 15px;
    padding: 10px;
    border-radius: 5px 0 0 5px;
    border-color: #d1d1d1;
    font-size: 12px; 
}

.footer-right button[type="submit"] {
    padding: 10px;
    height: 38px;
    border-color: #d1d1d1;
    border-radius: 0 5px 5px 0;
    background-color: #fff;
    cursor: pointer;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-right button[type="submit"] img {
    width: 20px;
    height: 20px;
}

.footer-right select {
    width: 71%;
    padding: 10px;
    margin-top: 10px;
    border-radius: 5px;
    border-color: #d1d1d1;
    font-size: 12px; 
}

.footer-right .footer-cert img {
    width: 100%;
    max-width: 180px;
}

.copy-footer {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding-top: 1em;
    width: 100%;
}

.footer-contact {
    font-size: .9em;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.footer-contact-copy{

    margin: 0;
}

.footer-icons {
    display: flex;
    font-size: 1.5em;
}

.footer-icons a {
    display: inline-block;
    margin-left: 1em;
}

.footer-icons img {
    width: 20px;
    height: 20px;
    margin-top: -5px;
}

.hr-footer {
    margin: auto;
    border: none;
    height: 3rem;
}

.btn-menu-hamburger {
    font-size: 24px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px;
    position: relative;
    z-index: 3;
    color: #000000;
    display: none;
}

.menu-dropdown a {
    color: #fff;
    text-decoration: none;
    padding: 10px 20px; 
    white-space: nowrap; 
}

.menu-dropdown a:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.background-image {
    width: 100%;
    height: auto;
}

.bg-section h3 {
    margin-left: 12%;
}

/*GALERIA DE FOTOS*/
.photo-gallery {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    justify-content: center;
    width: 100%;
    max-width: none;
}

.gallery-thumbnails {
    display: grid;
    grid-template-columns: 16% 16% 16% 16% 16% 16%;
    align-items: center;
    justify-content: space-between;
    grid-gap: 2%;
}

.thumbnail {
    width: 100px;
    height: 100px;
    object-fit: cover;
    cursor: pointer;
    transition: transform 0.2s;
}

.thumbnail:hover {
    transform: scale(1.1);
}

.container-gallery-img{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    user-select: none;
}
.gallery-close-container{
    position: absolute;
    top: 3vh;
    right: 5vw;
    display: flex;
    align-items: center;
}
.btn-gallery-close{
    min-width: 30px;
    min-height: 30px;
    padding: 5px;
    border: solid 2px #fff;
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
    background: none;
}
.wrapper-gallery{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.container-gallery-img .wrapper-gallery-img{
    width: 70%;
    min-height: 100px;
    max-width: 800px;
}
.container-gallery-img .wrapper-gallery-img img{
    width: 100%;
    height: auto;
}
.container-gallery-img .gallery-img-arrow{
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2em;
    color: #fff;
    cursor: pointer;
}

.wrapper-content-sansuy-blog{
    flex-direction: column;
    padding: 7em 0;
}
.wrapper-content-sansuy-blog h3,
.wrapper-content-sansuy-blog h4,
.wrapper-content-sansuy-blog h5{
    width: 100%;
    text-align: left;
    margin: 0;
    font-weight: bold;
}
.wrapper-content-sansuy-blog h4{
    font-size: 1.5em;
}
.wrapper-content-sansuy-blog h3 strong{
    color: var(--color-5);
}
.container-sansuy-blog{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.container-sansuy-blog .container-sansuy-blog-noticias{
    width: 60%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    color: var(--color-2);
}
.container-sansuy-blog .container-sansuy-blog-noticias-2{
    width: 35%;
    flex-direction: column;
}
.container-sansuy-blog .container-sansuy-blog-noticias .sansuy-blog-img{
    width: 50%;
    height: auto;
}
.container-sansuy-blog .container-sansuy-blog-noticias .sansuy-blog-title{
    width: 47%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;    
}
.container-sansuy-blog .sansuy-blog-continue{
    color: var(--color-5);
}
.container-sansuy-blog .container-sansuy-blog-noticias-2 .container-sansuy-blog-noticia-2{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;   
    color: var(--color-2); 
    margin-bottom: 20px;
}
.container-sansuy-blog .container-sansuy-blog-noticias-2 .sansuy-blog-img{
    width: 20%;
}
.container-sansuy-blog .container-sansuy-blog-noticias-2 .sansuy-blog-title{
    width: 77%;
    flex-direction: row;
}

/*Cookies*/
.container-sansuy-cookie-popup-1{
    position: fixed;
    width: 100vw;
    height: 0;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 13px;
    z-index: 10;    
    overflow: hidden;
}
.container-sansuy-cookie-popup-1:before,
.container-overlay-sansuy:before{
    width:100%;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    content: "";
    position: absolute;
    z-index: -1;
    background: #00000000;
    transition: 1s;
}
.container-sansuy-popup-visible{
    height: 100vh;
}
.container-sansuy-popup-visible:before,
.container-overlay-sansuy.overlay-visible:before{
    background: #000000da;
}
.sansuy-cookie-popup-1 {  
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;  
    width: 100%;
    background: var(--color-4);
    color: #fff;
    font-size: 1.1em;
    transition: .5s;
    transition-timing-function:ease;
    bottom: -50vh;
}
#open-detailed-popup-container{
    color: #fff;
    font-weight: bold;
    font-size: 1.1em;
}
.sansuy-cookie-popup-1.sansuy-popup-visible {
    bottom:0;
}
.sansuy-cookie-popup-1 .container-sansuy{
    justify-content: space-between;
}
.detailed-popup-container {
    display: none;
    position: fixed;
    width: 80%;
    max-width: 700px;
    background-color: #fff;
    color: #000;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 10;
    overflow: hidden; 
}
.container-popup-1-text{
    width: 70%;
    margin-bottom: 1em;
}

.initial-popup {
    display: flex;
    align-items: center;
    justify-content: center;
}
.cookies-button{
    font-size: 1em;
    min-width: 200px;
    margin: 10px;
    background: #fff;
    border: none;
    color: var(--color-2);
}
.cookies-button:hover{
    background: var(--color-1);
    color: var(--color-2);
}

.bold {
    font-weight: bold;
}

.detailed-popup {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-color: #fff; /* Fundo branco */
    padding: 20px;    
    align-items: center;
    width: 100%;
}


.detailed-popup-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    width: 100%;
}
.detailed-popup-content-logo{
    width: 100%;
    max-width: 300px;
    height: auto;
    margin-left: 20px;
}

.detailed-popup-left img {
    width: 50%;
    margin-bottom: 20px;
}

.detailed-popup-left .btn {
    margin-bottom: 10px;
}

.detailed-popup-right {
    flex: 2;
    padding-left: 20px;
    font-size: 13px;
    overflow-y: auto; 
    width: 100%
}

.tab-content {
    display: none;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.tab-content.active {
    display: block;
}

.detailed-popup-btn-close-container {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}


#terms {
    overflow: auto; /* Adiciona uma barra de rolagem quando o conteúdo excede o tamanho do contêiner */
    max-height: 400px; /* Define uma altura máxima para o contêiner, após a qual a barra de rolagem será ativada */
}

.detailed-popup-container-close{
    min-width: 30px;
    min-height: 30px;
    padding: 5px;
    border: none;
    border-radius: 50px;
    background-color: #F1F1F1;
    cursor: pointer;
}

.site-content {
    display: flex;
    flex-direction: column;
    font-size: 1em;
}
#introhome, .introproduct{
    padding-top: calc((var(--banner-bar-down-height))*1.5vw);
}
.introproduct.banner{
    padding-top: 0;
}
.wrapper-content-sansuy-home-gray::before{
    width: 50vw;
    height: 38vw;
    position: absolute;
    z-index: 0;
    background: var(--color-9);
    content: ' ';
    right: 0;
    top: 0;
}
.menu-lateral-content {
    margin-bottom: 20px;
}

.split-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.sansuy-intro-white-section {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    
}
.content-left-lines{
    width: calc((100 - var(--banner-width-reduced))*1vw); 
    height: calc((var(--banner-bar-down-height)*2.2)*1vw);   
    margin-top: calc((var(--banner-bar-down-height)*2)*-1vw);   
    margin-LEFT: calc(((100 - var(--content-width))/2)*-1vw); 
}

.text-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0;
}

.sansuy-intro-text-container {
    margin: 0;
    width: 34%;
    min-height: calc((var(--document-element-unit))*.8);
    padding-bottom: calc((var(--document-element-unit))*.2);;
}

.sansuy-intro-text-container-h1 {
    margin: 0;
    line-height: 1.5;
    color: var(--color-5);
    font-size: calc((var(--banner-size-unit)) * .7vw );
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
}

.sansuy-intro-img-container{
    width: 57%;
    height: calc((var(--document-element-unit))*1.5);
    overflow: hidden;
    border-radius: 10px;
    position: absolute;
    right: 0;
    background-image: url('https://industria.sansuy.com.br/assets/img/corpo/historia.webp?v=1.0.40');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.sansuy-intro-img-container-2{
    background: none;
}
.sansuy-intro-img-container-3{
    background: none;
    position: relative;
}
.sansuy-intro-img-container img{
    width: 100%;
}
.sansuy-intro-text-1{
    margin: 0;
    padding: 0;
    font-size: calc((var(--banner-size-unit)) * 1.3vw );
}
.sansuy-p-text-2{
    line-height: 2;
    font-size: calc((var(--banner-size-unit)) * .8vw );
    color: var(--color-12);
}
.sansuy-intro-text-3{
    font-size: calc((var(--banner-size-unit)) * 4vw );
    margin: 0;
    line-height: 1.2;
    max-width: 70%;
}
.sansuy-intro-text-4{
    max-width: 100%; 
}
.sansuy-intro-text-5{
    max-width: 100%;
    font-size: 7em;
}
.sansuy-intro-button-product-container{
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    margin-top: 2em;
}
.sansuy-intro-button-product-container a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: 90%;
    min-height: calc((var(--banner-size-unit)) * 13vw );
    color: var(--color-2);
    text-align: center;
    font-weight: bold;
}
.sansuy-intro-button-product-container a img{
    width: 80%;    
}

.btn-sansuy-cookies{
    min-width: 150px;
    background-color: var(--color-11);
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    padding: 10px;
    margin: 10px;
}

#sansuy-terms{
    width: 100%;
    margin-bottom: 3em;
    min-height: 150px;
}


.text-container p {
    margin: 0;
    line-height: 1.7;
    /*margin-top: -38%;
    margin-left: -28%;*/
}


.sansuy-intro-button-split {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: auto;
    min-width: 40%;
    color: var(--color-2);
    font-size: calc((var(
    --banner-size-unit)) * .75vw );
    font-weight: bold;
    margin: 0;
    margin-right: 1em;
}

.sansuy-intro-button-split i {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
    width: calc((var(--banner-size-unit)) * 1vw );
    padding: 10px;
    font-size: .8em;
    color: var(--color-5);
}

.main-image {
    height: auto;
    width: 42%;
}

.sansuy-intro-gray-section {
    width: 100%;
    min-height: calc((var(--document-element-unit))*1.3);
    padding: calc((var(--document-element-unit))*.5) 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background-color: var(--color-9);
}
.sansuy-intro-gray-section-2{
    background-color: var(--color-13);
}
.gray-section p {
    color: #fcbf29; /* Cor do subtítulo */
    font-size: 13px;
    margin-bottom: 10px;
    margin-left: 12%;
}

.gray-section p.subtitle {
    color: #333;
    font-size: 46px;
    margin: 10px 0 20px 0;
    margin-left: 12%;
}

.button-container {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.button-container img {
    width: 17%;
    height: 17%;
    cursor: pointer;
}

.line-details {
    position: absolute;
    top: 88%;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none; 
}

.line {
    position: absolute;
    width: 13%;
    height: 1px;
    background-color: #ccc; 
}

.horizontal-line {
    top: 171px; 
    right: 89%; 
    width: 11%;
}

.horizontal-line2 {
    bottom: 118%; 
    right: 93%;
    width: 7%; 
}

.vertical-line {
    width: 1px;
    height: 177%;
    top: 5px;
    left: 12%;
    transform: translateX(-50%);
}

.horizontal-linha {
    width: 147px;
    height: 1px;
    top: 175%;
    transform: translateY(-50%);
    left: 0%; 
}

.vertical-linha {
    width: 1px;
    height: 100px;
    top: 175%;
    transform: translateY(-50%);
    left: 160px; 
}

.sansuy-container-additional-text{
    height: 0;
    overflow: hidden;
}

.sansuy-extratext{
    width: 70%;
    max-width: 800px;
}
.sansuy-extratext h2{
    font-size: 2.5em;
    width: 100%;
    padding: 0;
    padding-left: 1em;
    border-left: 1px solid var(--color-7);
}
.sansuy-extratext p{
    line-height: 1.9;
}

.overlay-sansuy-element{
    display: none;
}


/** */








/*RESPONSIVIDADE*/
.sansuy-mobile{
    display: none;
}


/** */
.btn-menu-hamburger {
    display: none; 
}

#menu-lateral {
    display: block; 
}
/** */



@media (max-width: 1960px) {

    :root{
        --banner-width:93;
    }

    body {
        font-size: 16px;
    }
    .banner-background{
        background-image: var(--background-banner-1920);
    }
    .wrapper-banner-content-img-principal-type-2-external {
        background-image: var(--background-banner-ext-1920);
    }
    .menu-areas-sansuy-lateral .item-menu-area-sansuy .texto-item-menu-area{
        font-size: .8em;
    }
    .banner-sansuy-product-text{
        font-size: .9em;
    }
    .banner-search-title-5{
        font-size: 1em;
    }

}
@media (max-width: 1366px) {

    body {
        font-size: 13px;
    }
    .banner-sansuy-product-text{
        font-size: .8em;
    }
    .sansuy-cat-icon {
        width: 2em;
    }
    .banner-principal{
        border-radius: 1em 0 0 7em;
    }
    .container-search-sansuy {
        width: 35%;
    }
    .container-banner-elements{
        width: 63%;
    }
    .container-banner-search-field{
        max-width: calc((var(--document-element-unit))*1.2);
    }
    .container-banner-sansuy-product {
        width: calc((var(--document-element-unit))*.95);
    }
    .container-banner-search-field .search-field {
        font-size: .7em;
    }
    .banner-background{
        background-image: var(--background-banner-1366);
    }
    .wrapper-banner-content-img-principal-type-2-external {
        background-image: var(--background-banner-ext-1366);
    }
    .banner-search-button-solutions{
        max-width: calc((var(--document-element-unit))*.8);
    }
    .banner-search-title-5{
        font-size: .9em;
    }
    .title-sansuy-1 {
        font-size: 1.8em;
    }
    .link-cta-sansuy {
        font-size: 11px;
    }
    #historia{
        padding-top: 8em;
    }
    .btn-contact-sansuy {
        max-width: 400px;
    }
    #ondeencontrar .title-onde-encontrar {
        font-size: 2.5em;
    }
    .sansuy-new-section-text {
        font-size: .9rem;
    }
    .content-left-line-right {
        width: calc((100 - var(--banner-width-reduced))*1vw);
    }
    .content-left-line-bottom{
        width: calc((100 - var(--banner-width-reduced))*.9vw);
    }
    .sansuy-intro-text-5{
        font-size: 4em;
    }
    .sansuy-cat-solucao h2{
        font-size: 1.2em;
    }
    .menu-areas-sansuy-lateral .item-menu-area-sansuy .texto-item-menu-area{
        font-size: .7em;
    }
    .sansuy-extra-content-features-2{
        width: 70%;
    }
    .container-contact .container-sansuy {
        max-width: 800px;
    }
    .form_contact_sansuy input, .form_contact_sansuy select, .form_contact_sansuy textarea {
        padding: 1.5em 1.5em;
    }
    .sansuy-cat-solucao-icon-plus-container-img {
        width: 30px;
    }
}

@media (max-width: 1280px) {

    body {
        font-size: 12px;
    }
    .banner-search-title-5{
        font-size: .9em;
    }
    .banner-search-caption .container-banner-search-caption-text{
        font-size: .7em;
    }
    .site-content{
        font-size: 13px;
    }
    .p-sansuy-1 {
        font-size: 1.17em;
        line-height: 2em;
        color: var(--color-8);
    }
    .banner-sansuy-product-text {
        font-size: .7em;
    }
    .form_contact_sansuy input, 
    .form_contact_sansuy select,
    .form_contact_sansuy textarea,
    .city-state-row {
        max-width: 400px;
    }
}

@media (max-width: 1040px) {

    :root {
        --document-element-unit:45vw;
        --background-banner-position-y: 0%;
        --banner-width: 86;
    }

    .sansuy-desktop{
        display: none;
    }
    .sansuy-mobile{
        display: initial;
    }
    .container-btn-learnig-more{
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .btn-cta-sansuy {
        font-size: calc((var(--banner-size-unit)) * 3vw );
    }
    .wrapper-content-sansuy-home{
        padding: 3rem 0;
    }
    .sansuy-new-section{
        padding: 4em 0;
    }
    .container-sansuy{
        width: 100%;
    }
    .sansuy-intro-gray-section-3{
        margin-top: -14em;
        padding-top: 15em;
    }
    #masthead {
        height: calc((var(--header-height-unit))*2.5);
    }
    .container-header-principal{
        width: 89%;
        max-width: none;
    }
    .container-header-sansuy{
        justify-content: center;
    }
    .menu-dropdown{
        display: block;
    }
    .site-branding{
        width: 20%;
    }
    .wrapper-menu-sansuy{
        width: 100%;
    }
    .sansuy-menu-primary.onepress-menu-mobile {
        width: 112% !important;
        left: -5.5%;
        margin-top: -2%;
    }
    .wrapper-menu-sansuy-mobile{
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
    }
    .container-menu-sansuy{
        display: none;
    }
    .container-menu-sansuy-partial-mobile .menu-item{
        display: none;
    }
    .container-menu-sansuy-partial-mobile .menu-item-sansuy-mobile-partial{
        display: block;
    }
    .onepress-menu.onepress-menu-mobile .nav-toggle-subarrow {
        padding: 8px 20px;
    }
    .menu-areas-sansuy-lateral{
        padding-left: 10px;
    }
    .menu-areas-sansuy-lateral .sansuy-menu-area-lateral {
        height: 98%;
    }
    .menu-areas-sansuy-lateral .item-menu-area-sansuy img {
        width: calc((var(--header-height-unit))*2);
        height: calc((var(--header-height-unit))*2);
    }
    .language-menu{
        flex-direction: column;
    }
    .language-menu-option{
        margin-bottom: 2em;
    }
    .wrapper-banner-principal {
        width: 100%;
        height: calc((var(--header-height-unit))*40);
    }
    .banner-principal{
        border-radius: 1em 0 0 5em;
    }
    .banner-background{
        background-image: var(--background-banner-1024);
    }
    .wrapper-banner-elements {
        display: flex;
        flex-direction: column-reverse;
        margin-left: 0;
        align-items: flex-start;
        width: 100%;
        padding: 1em 0;
    }
    .container-banner-search-field-mobile {
        display: flex;
        width: 92%;
        height: 83%;
        right: auto;
        background: none;
        justify-content:flex-end;
        color:#fff
    }
    .container-banner-search-field-mobile .search-div{
        display: none;
    }
    .container-search-sansuy {
        width: 100%;
        margin-top: 10px;
        align-items: center;
        margin-bottom: 20px;
    }
    .banner-search-title-5{
        text-align: center;
    }
    .container-banner-elements {
        width: 100%;
    }
    .banner-search-title-1 {
        margin-bottom: 0;
        text-align: center;
        font-size: calc((var(--banner-size-unit)) * 7vw );
        max-width: none;
    }
    .banner-search-caption {
        flex-direction: column;
        align-items: center;
        height: calc((var(--document-element-unit))*.4);
        margin-bottom: 10px;
    }
    .banner-search-button {
        width: 70%;
        font-size: 1em;
        padding: 0;
        min-height: calc((var(--document-element-unit))*.25);
        max-width: none;
        margin: 0;        
    }
    .banner-search-button:first-child {
        margin: 0;  
        margin-bottom: 10px;        
    }

    .banner-search-caption img {
        width: calc((var(--document-element-unit))*.15);
        height: calc((var(--document-element-unit))*.15);
        margin: 0;
        margin-bottom: 1em;
    }
    .banner-search-caption .container-banner-search-caption-text {
        font-size: 1em;
    }
    .banner-sansuy-product-text{
        font-size: .7em;
    }
    .banner-search-title-5 {
        max-width: 70%;
        font-size: 1.5em;
    }
    .container-banner-sansuy-product{
        display: none;
    }
    .container-bar-down-banner-principal{
        display: none;
    }
    .btn-down-banner-principal{
        width: 15vw;
        border: none;
        left: 0;
    }
    .btn-down-banner-principal:before {
        font-size: .8em;        
    }
    .wrapper-banner-products-type-2 {
        width: 100%;
        max-width: none;
        align-items: center;
        justify-content: center;
        position: absolute;
        transition: none;
        left: 0;
        bottom: 16%;
        margin: 0;
        padding: 0;
    }
    .container-banner-products-type-2{
        display: flex;
        align-items: center;
        justify-content: center; 
        width: 70%;   
        margin: 0;
        margin-left: 10%;
        position: absolute;
        font-size: .8em;
    }
    .container-banner-products-type-2 h4 {
        font-size: 1.2em;
    }
    .container-banner-products-type-2 h2 {
        font-size: 1.3em;
    }
    .container-banner-products-type-2 .btn-cta-sansuy-5 {
        min-height: 25px;
    }

    .wrapper-content-sansuy-home-gray::before{
        display: none;
    }
    .sansuy-intro-img-container{
        position: relative;
        width: 100%;
        height: calc((var(--document-element-unit))*1.4);
    }
    .sansuy-intro-text-container{
        width: 100%;
    }
    .sansuy-intro-white-section {
        width: 100%;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding-bottom: 5em;
    }
    .sansuy-intro-text-container-h1 {
        font-size: calc((var(--banner-size-unit)) * 3vw );
        text-align: center;
    }
    .sansuy-intro-text-1 {
        font-size: calc((var(--banner-size-unit)) * 6vw );
        text-align: center;
    }
    .sansuy-p-text-2 {
        font-size: calc((var(--banner-size-unit)) * 3.4vw );
    }
    .sansuy-intro-text-5{
        font-size: 4em;
    }
    .sansuy-intro-button-split {
        font-size: calc((var(--banner-size-unit)) * 3vw );
        text-align: center;
        justify-content: center;
    }
    .sansuy-intro-button-split img.button-icon {
        width: calc((var(--banner-size-unit)) * 3vw );
        height: calc((var(--banner-size-unit)) * 3vw );
    }
    .flex-align-start {
        align-items: center !important;
    }
    .sansuy-intro-text-3{
        max-width: none;
        margin-top: 10px;
    }
    .sansuy-intro-button-product-container{
        display: grid;
        grid-template-columns: 50% 50%;
    }
    .sansuy-intro-button-product-container a{
        font-size: .7em;
    }
    .sansuy-image-text-container {
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .sansuy-new-section-text {
        width: 90%;
    }
    .sansuy-banner-s-container {
        width: 100%;
        align-items: center;
        justify-content: center;
        display: flex;
    }
    .wrapper-banner-secondary {
        align-items: center;
    }
    .container-banner-secondary-sansuy {
        align-items: center;
        justify-content: center;
    }
    .banner-secondary-sansuy {
        width: calc((var(--banner-s-size-unit)) * 77vw );
    }
    .banner-secondary-sansuy-overtitle {
        font-size: calc((var(--banner-s-size-unit)) * 2vw );
    }
    .banner-secondary-sansuy-title-text {
        font-size: calc((var(--banner-s-size-unit)) * 20vw );
    }
    .banner-secondary-title {
        height: calc((var(--banner-s-size-unit)) * 20vw );
    }
    .banner-secondary-sansuy-subtitle h3 {
        font-size: calc((var(--banner-s-size-unit)) * 2.3vw );
        margin: calc((var(--banner-s-size-unit)) * 2vw ) 0;
        text-align: center;
    }
    .banner-secondary-sansuy-banner-s-container {
        width: calc((var(--banner-s-size-unit)) * 73vw );
        height: calc((var(--banner-s-size-unit)) * 40vw );
    }
    .banner-secondary-title-cotonlona{
        height: calc((var(--banner-s-size-unit)) * 17vw );
    }
    .banner-secondary-sansuy-title-text-cotonlona {
        font-size: calc((var(--banner-s-size-unit)) * 15.5vw );
    }
    .banner-secondary-sansuy-title-text-sider{
        font-size: calc((var(--banner-s-size-unit)) * 9vw );
    }
    .banner-secondary-sansuy-title-text-sider-2 {
        font-size: calc((var(--banner-s-size-unit)) * 17vw );
    }
    .banner-secondary-sansuy-title-text-sider-3 {
        font-size: calc((var(--banner-s-size-unit)) * 12vw );
    }
    .banner-secondary-sansuy-subtitle-sider h3{
        font-size: calc((var(--banner-s-size-unit)) * 3vw );
    }
    .banner-secondary-sansuy-title-text-sr {
        font-size: calc((var(--banner-s-size-unit)) * 13vw );
    }
    .banner-secondary-title-sansuy-title-text-sr span {
        font-size: calc((var(--banner-s-size-unit)) * 17vw );
    }
    .banner-secondary-sansuy-overtitle-text-sr{
        font-size: calc((var(--banner-s-size-unit)) * 2.7vw );
    }
    .banner-secondary-sansuy-title-text-termica {
        font-size: calc((var(--banner-s-size-unit)) * 9.7vw );
    }
    .banner-secondary-title-termica{
        height: calc((var(--banner-s-size-unit)) * 12vw );
    }
    .banner-secondary-sansuy-title-text-superfacil {
        font-size: calc((var(--banner-s-size-unit)) * 15vw );
    }
    .banner-secondary-sansuy-subtitle-superfacil h3{
        font-size: calc((var(--banner-s-size-unit)) * 2.7vw );
    }
    .banner-secondary-sansuy-title-text-superfacil-eletrica {
        font-size: calc((var(--banner-s-size-unit)) * 8vw );
    }
    .banner-secondary-title-superfacil-eletrica {
        height: calc((var(--banner-s-size-unit)) * 10vw );
    }
    .banner-secondary-sansuy-overtitle-icon img {
        max-width: 50px;
    }

    .colors-container {
        grid-template-columns: 33% 33% 33%;
    }

    .sansuy-menu-horizontal{
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: 45% 45%;
    }  
    .sansuy-menu-horizontal .container-item-menu-area{
        margin-bottom: 10px;
    } 
    .sansuy-menu-horizontal .container-item-menu-area a .item-menu-area-sansuy img{
        width: calc((var(--banner-size-unit)) * 15vw );
        height: calc((var(--banner-size-unit)) * 15vw );
    }
    .sansuy-menu-horizontal .container-item-menu-area a .item-menu-area-sansuy:hover img{
        width: calc((var(--banner-size-unit)) * 15vw );
        height: calc((var(--banner-size-unit)) * 15vw );
        margin-top: calc((var(--banner-size-unit)) * -1vw );;
    }
    .sansuy-menu-horizontal .container-item-menu-area a .item-menu-area-sansuy .texto-item-menu-area{
        font-size: calc((var(--banner-size-unit)) * 3vw );
    }
    
    .container-sansuy-cat-solucoes{
        grid-template-columns: 100%;
        width: 100%;
    }

    .sansuy-cat-solucao-container-img{
        height: calc((var(--header-height-unit))*14);
    }

    .container-footer {
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        margin: 0;
        width: 100%;
    }

    .footer-left,
    .footer-right{
        text-align: center;
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;

    }

    .footer-left .footer-columns {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .copy-footer{
        width: 100%;
        align-items: center;
    }

    .container-contact .container-sansuy {
        align-items: center;
    }

    .container-footer-copy{
        margin-top: 2rem;
    }

    .footer-contact {
        flex-direction: column;
    }
    .gallery-thumbnails {
        grid-template-columns: 32% 32% 32%;
    }

    .container-sansuy-blog{
        flex-direction: column;
    }
    .container-sansuy-blog .container-sansuy-blog-noticias{
        width: 100%;
        flex-direction: column;
    }
    .container-sansuy-blog .container-sansuy-blog-noticias .sansuy-blog-img{
        width: 100%;
    }
    .container-sansuy-blog .container-sansuy-blog-noticias .sansuy-blog-title{
        width: 100%;
        margin-top: 20px;
    }
    .container-sansuy-blog .container-sansuy-blog-noticias-2{
        width: 100%;
        margin-top: 20px;
    }
    .container-sansuy-blog .container-sansuy-blog-noticias-2 .container-sansuy-blog-noticia-2{
        width: 100%;
    }
    .container-sansuy-blog .container-sansuy-blog-noticias-2 .sansuy-blog-img{
        width: 30%;
    }
    .container-sansuy-blog .container-sansuy-blog-noticias-2 .sansuy-blog-title{
        width: 67%;
    }

    .sansuy-toggle-button{
        font-size: 1.3em;
    }
    .sansuy-cat-icon{
        margin: 0;
        margin-bottom: 1em;
        width: 3.5em;
    }

    /** */
    .new-section-content {
        display: flex;
        flex-direction: column;
    }

    .image-text-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .new-section-image {
        width: 100%;
        max-width: 100%;
    }

    .new-section-text {
        text-align: center;
        margin-top: 20px;
    }

    .new-section-text p {
        margin-top: -6%;
        font-size: 16px;
    }
    .search-container button {
        right: 17%
    }
    .contact-section {
        flex-direction: column;
    }
    .form_contact_sansuy {
        width: 100%;
        margin-bottom: 2em;
        align-items: center;
        padding: 2em;
    }
    .contact-info{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .menu-lateral-content iframe {
        height: 700px; 
    }
    .initial-popup {
        flex-direction: column;
        padding-bottom: 10em;
    }
    .initial-popup .container-sansuy{
        flex-direction: column; 
    }
    .container-popup-1-text{
        width: 100%;
    }
    .footer-column a {
        font-size: 1.2em;
        margin: 15px 0;
    }
    .footer-icons {
        display: flex;
        font-size: 2em;
        width: 100%;
        justify-content: space-between;
        margin-top: 2em;
    }
    .footer-icons a {
        margin-left: 0;
    }
    .footer-search, .footer-sites {
        margin-top: 2em;
    }
    .sansuy-extra-content-features-2{
        width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .sansuy-extra-content .sansuy-extra-content-features .feature-item{
        width: 90%;
        margin-bottom: 2em;

    }
    .sansuy-extra-content .sansuy-extra-content-features .feature-item-2{
        border-bottom: none !important;        
    }
    .sansuy-intro-button-split{
        min-width: 60%;
        margin: 0;
        margin-bottom: 1em;
    }

    /** */

}
@media (max-width: 820px) {

    :root {
        --content-width: 85;
        --background-banner-position-y: 10%;
    }

    .m-text-align-center{
        text-align: center !important; 
        max-width: 500px;
    }
    .m-flex-align-center{
        align-items: center;
        justify-content: center;
    }
    .m-width-full{
        width: 100% !important;
        padding: 0;
    } 
    .m-background-none{
        background: none;
    }
    .flex-visible{
        flex-direction: column;
    }  
    .text-force-justify {
        text-align: justify;
        text-align-last:auto;
    }
    #masthead {
        height: auto;
    }
    .container-header-principal {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: auto;
    }
    .wrapper-header {
        width: 90%;
        padding: 1em 0;
    }
    .header-logo img {
        width: calc((var(--header-height-unit))*10);
        height: auto;
        position: relative;
    }
    .site-branding{
        width: 30%;
        padding-top: 30px;
    }
    .site-branding .site-logo-div {
        line-height: 60px;
    }
    .wrapper-menu-sansuy{
        line-height: 50px;
    }
    .wrapper-menu-sansuy-mobile {
        justify-content: space-between;
    } 
    .title-sansuy-2 {
        font-size: 3.5em;
    }

    #search-principal {
        width: 100%;        
    }
    .sansuy-search-form{
        width: 100%;
        flex-direction: column;
    }
    .sansuy-search-field-container{
        width: 100%;
        margin-top: 1em;
    }
    .sansuy-search-list-view{
        width: 100%;
        right: 0;
        position: relative;
        margin-top: 2em;
    }
    .search-principal-close {
        width: 30px;
        height: 30px;
        margin-top: -40px;
    }
    input.sansuy-search-field {
        height: 60px;
    }
    .language-menu-option{
        width: 70%;
    }

    .banner-background {
        background-size: calc(var(--background-banner-width)*1.2vw) auto;
    }

    .banner-search-title-5 {
        font-size: 1em;
    }

    /** */
    #menu-lateral {
        display: none; 
    }

    #menu-lateral.open {
        display: block;
    }

    .btn-menu-hamburger {
        display: flex; 
    }
    
    #left-header,
    #right-header {
        display: none;
    }

    .fixed-buttons {
        display: none; 
    }

    .new-section-image {
        width: 100%; 
        height: auto; 
        margin-right: 0;
        margin-bottom: 20px; 
    }

    .menu-lateral-sansuy {
        display: none;
    }

    .menu-list {
        list-style: none;
        padding: 0;
    }
    
    .menu-list li {
        margin-bottom: 10px;
    }
    
    .menu-list li a {
        text-decoration: none;
        color: #333;
        font-weight: bold;
        display: block;
        padding: 10px;
        border-radius: 5px;
        background-color: #f0f0f0;
    }
    
    .menu-list li a:hover {
        background-color: #ddd;
    }
    
    .menu-lateral-image img {
        width: 100%; 
        height: auto; 
    }

    .new-section-content {
        flex-direction: column; 
        align-items: center; 
    }

    .maps img {
        margin-left: 0;
        width: 100%;
    }

    .maps h3 {
        margin-left: 6%;
    }

   .buttons-container {
        display: block; 
        text-align: center; 
        margin-top: 16%;
   }

   .image-text-container {
        flex-direction: column;
        align-items: center;

   }

    .new-section-text {
        text-align: center;
        margin-top: 20px;
    }

    .new-section-text p {
        text-align: justify;
        margin-top: 0;
        font-size: 13px;
    }

    .buttons-container {
        text-align: center;
    }

    .toggle-button {
        font-size: 16px;
    }

    .detailed-popup-btn-close-container {
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        width: 100%;
    }
    .detailed-popup {
        padding: 10px;
    }
    .btn-sansuy-cookies{
        width: 100%;
    }
    #sansuy-terms {
        margin-bottom: 1em;
    }

    .wrapper-banner-sansuy-icons{
        display: none;
    }

    /*.toggle-button img {
    width: 7%;
    }*/

    .content p {
        margin: 18px;
        font-size: 12px;
    }

    .color p {
        margin: 0;
        font-size: 12px; 
    }

    .color-circle {
        width: 15vw;
        height: 15vw;
    }

    .content h3 img {
        width: 17px;
    }

    .information p {
        margin: 0px;
    }

    .telefone,
    .email {
        margin-top: -20px;
    }

    .logo-iso { 
        margin-top: 0px;
    }

    .logo-iso img {
        width: 40%;
        margin-left: -6%;
        margin-top: 4x;
    }

    .logo-iso p {
        font-size: 10px;
        margin-left: -34px;
    }

    .menu-lateral-content iframe {
        height: 950px; 
    }

    .bg-section h3 {
        margin-left: 43px;
    }

    .text-image-container {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .text-container {
        max-width: 100%;
        padding-right: 0;
    }

    .main-image {
        max-width: 70%; 
        margin-top: 20px;
    }

    .line-details {
        display: none; /* Ocultar no mobile */
    }

    h1 {
        text-align: center;
    }

    .horizontal-linha,
    .vertical-linha {
        display: none;
    }

    .gray-section p {
        font-size: 8px;
        color: #B9112B;
    }

    .gray-section p.subtitle {
        font-size: 26px;
    }

    .form_contact_sansuy span,
    .contact-info h3 {
        text-align: center;
    }
    .footer-cert{
        margin: 2em 0;
    }
    .cookies-button{
        width: 100%;
    }
    /** */    
}
@media (max-width: 480px) {

    .wrapper-banner-principal {
        height: calc((var(--header-height-unit))*50);
    }
    .banner-search-caption img {
        display: none;
    }
    .m-text-align-center{
        max-width: 390px;
    }
    
}
@media (max-width: 390px) {

    :root {
        --document-element-unit:32vw;
    }
    .site-branding {
        width: 40%;
        padding-top: 10px;
    }
    .wrapper-menu-sansuy-mobile {
        justify-content: flex-end;
        position: absolute;
        margin-top: -5em;
    }
    .container-menu-sansuy-partial-mobile{
        display: none;
    }
    .m-text-align-center{
        max-width: 350px;
    }
    .title-sansuy-2 {
        font-size: 3em;
    }
}

@media (max-width: 340px) {

    :root {
        --document-element-unit:30vw;
    }
    .banner-search-caption .container-banner-search-caption-text {
        font-size: .7em;
    }
    .m-text-align-center{
        max-width: 300px;
    }

}
@media (max-width: 285px) {
    
    :root {
        --document-element-unit:25vw;
    }
    .container-search-sansuy {
        width: 90%;
    }
    .wrapper-banner-elements {
        width: 90%;
    }
    .banner-sansuy-product-text {
        font-size: .5em;
    }
    .m-text-align-center{
        max-width: 260px;
    }

}

@media (max-width: 375px) and (max-height: 700px) {


}