/* FONTES */
@import url("https://use.typekit.net/elt5uhe.css");


/* VARIÁVEIS */
:root {
  --gray:               #D9D9D9;
  --gray-medium:        #C7C7C7;
  --gray-light:         #E8E8E8;
  --gray-dark:          #53565A;
  --gray-darker:        #252525;
  --blue:               #ABBDD8;
  --blue-dark:          #577AB0;
  --white:              #FFFFFF;
  --black:              #000000;
  --black-light:        #1A1A1A;
  --dummy:              #FFCC00;
}

/* GERAL */
.FW013528 { font-family: "arboria", sans-serif; font-weight: 400; font-size: 10px; color: var(--black); overflow: hidden; }
.FW013528 * { box-sizing: border-box; }
.FW013528 a { text-decoration: none; }
.FW013528 section { margin: 0 calc(((100vw - 1248px)/2)*(-1)); } 
.FW013528 .container { width: 100%; max-width: 1420px; margin: 0 auto; padding: 0 30px; display: flex; flex-direction: column; position: relative; }
.FW013528 .container.min { max-width: 1260px; }
.FW013528 .container.fluid { flex-direction: row; }
.FW013528 .mobile { display: none !important; }

/* CUSTOM */
.FW013528 .topo { overflow: hidden; position: relative; height: 100vh; min-height: 560px; }
.FW013528 .topo:before { content: ''; background: var(--black-light); position: absolute; left: 0; top: 0; width: 100%; height: calc(100% - 130px); }
.FW013528 .topo .container { gap: 60px; height: 100%; }
.FW013528 .topo .produto { width: 100%; display: flex; justify-content: flex-end; align-items: flex-start; padding-top: 15px; }
.FW013528 .topo .produto img { max-height: 100%; width: auto; margin-right: -3vw; }
.FW013528 .topo .infos { position: absolute; top: 0; height: calc(100% - 130px); display: flex; justify-content: center; align-items: flex-start; flex-direction: column; width: 45%; left: 30px; }
.FW013528 .topo .infos .logo { margin-bottom: 16vh; }
.FW013528 .topo .infos .logo img { width: 205px; }
.FW013528 .topo .infos h2 { font-size: 6em; font-weight: 700; color: var(--white); text-transform: uppercase; line-height: 1; margin: 0; }
.FW013528 .topo .infos h2 span { font-weight: 400; font-style: italic; }
.FW013528 .topo .infos h3 { font-size: 3.8em; font-weight: 300; letter-spacing: 9px; color: var(--white); text-transform: uppercase; line-height: 1; margin: 10px 0 8vh 0; }
.FW013528 .topo .infos p { font-size: 3em; font-weight: 300; color: var(--white); margin: 0 0 3vh 0; }

.FW013528 .box-imagem { margin-top: -60px; }
.FW013528 .box-imagem .img { width: 100%; display: flex; justify-content: center; align-items: center; }
.FW013528 .box-imagem .img img { max-width: 100%; height: auto; }

.FW013528 .diferenciais { padding: 60px 0; }
.FW013528 .diferenciais .container { align-items: center; gap: 60px; }
.FW013528 .diferenciais .holder { width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.FW013528 .diferenciais .img { flex: 1; display: flex; justify-content: center; align-items: center; }
.FW013528 .diferenciais .img img { max-width: 100%; height: auto; }
.FW013528 .diferenciais .infos { width: 45%; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; }
.FW013528 .diferenciais .infos h2 { font-size: 4.5em; font-weight: 500; line-height: 1; margin: 0 0 20px 0; }
.FW013528 .diferenciais .infos h2 strong { font-weight: 700; }
.FW013528 .diferenciais .infos h3 { font-size: 3em; font-weight: 500; line-height: 1; margin: 0 0 20px 0; }
.FW013528 .diferenciais .infos h4 { font-size: 2.5em; font-weight: 500; margin: 0 0 10px 0; }
.FW013528 .diferenciais .infos p { font-size: 2em; margin: 0 0 20px 0; }
.FW013528 .diferenciais .infos p:last-child { margin-bottom: 0; }

.FW013528 .diferenciais.tecnologia { padding: 0; }
.FW013528 .diferenciais.tecnologia .img { margin-left: -25%; justify-content: flex-end; }
.FW013528 .diferenciais.tecnologia .infos { width: 35%; margin-top: -120px; }
.FW013528 .diferenciais.tecnologia .infos p { font-size: 2.5em; }
.FW013528 .diferenciais.tecnologia .infos .spacer { height: 60px; }
.FW013528 .diferenciais.img { padding: 0; position: relative; z-index: 2; }
.FW013528 .diferenciais.img .container { height: 56vw; position: relative; }
.FW013528 .diferenciais.aquecimento { padding: 0; margin-bottom: -2px; position: relative; z-index: 2; }
.FW013528 .diferenciais.aquecimento .img { margin-top: -100px; }
.FW013528 .diferenciais.painel { padding: 0; position: relative; z-index: 2; }
.FW013528 .diferenciais.painel .holder { background-color: var(--black-light); padding-top: 100px; }
.FW013528 .diferenciais.painel .img { margin: 0 -5%; }
.FW013528 .diferenciais.painel .infos { width: 35%; padding-bottom: 100px; color: var(--white); }
.FW013528 .diferenciais.iron { position: relative; z-index: 2; padding-top: 150px; }
.FW013528 .diferenciais.iron .infos { width: 40%; align-items: flex-end; }
.FW013528 .diferenciais.iron .img { margin: 0 -20% 0 0; }
.FW013528 .diferenciais.filtro { padding: 250px 0 0 0; margin-bottom: -470px; }
.FW013528 .diferenciais.filtro .container { align-items: flex-start; }
.FW013528 .diferenciais.filtro .hld-imgs { margin: 0 -25% 0 0; }
.FW013528 .diferenciais.filtro .hld-imgs .img { flex: unset; }
.FW013528 .diferenciais.filtro .infos { width: 40%; align-items: flex-end; margin-top: -100px; }
.FW013528 .diferenciais.filtro .hld-imgs { position: relative; }
.FW013528 .diferenciais.filtro .hld-imgs .img-filtro { position: absolute; left: 55%; top: 30%; }
.FW013528 .diferenciais.filtro .hld-imgs .corpo { position: relative; z-index: 2; padding-top: 300px; margin-bottom: -300px; }
.FW013528 .diferenciais.filtro .hld-imgs .base {position: absolute; left: 10%; top: 60%; width: 65%; justify-content: flex-end; }
.FW013528 .diferenciais.filtro .hld-imgs img { max-width: 100%; }
.FW013528 .diferenciais.reservatorio .holder { background-color: var(--gray-light); padding-bottom: 60px; }
.FW013528 .diferenciais.reservatorio .infos { width: 45%; }
.FW013528 .diferenciais.reservatorio .img { opacity: 0; pointer-events: none; }
.FW013528 .diferenciais.adaptador .infos { width: 35%; }
.FW013528 .diferenciais.adaptador .img { margin-right: -5%; }
.FW013528 .diferenciais.medidas { padding-bottom: 0; }
.FW013528 .diferenciais.medidas .infos { width: 35%; }
.FW013528 .diferenciais.medidas .img { margin-left: -10%; }
.FW013528 .diferenciais.medidas .img img { max-width: 100%; }

.FW013528 .aplicacao .slider-aplicacao { margin: 0 calc(((100vw - 1360px)/2)*(-1)); width: 100vw; }
.FW013528 .aplicacao .slider-aplicacao .slide { aspect-ratio: 621/1247; background-repeat: no-repeat; background-position: center; background-size: cover; margin-right: 15px; border-radius: 20px; display: flex; justify-content: center; align-items: flex-end; position: relative; overflow: hidden; }
.FW013528 .aplicacao .slider-aplicacao .slide:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); }
.FW013528 .aplicacao .slider-aplicacao .slide .info { padding-bottom: 50px; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; gap: 30px; position: relative; z-index: 2; }
.FW013528 .aplicacao .slider-aplicacao .slide .info .chamada { font-size: 2.5em; font-weight: 700; color: var(--white); text-transform: uppercase; }
.FW013528 .aplicacao .slider-aplicacao .slide .info .txt { font-size: 2.4em; font-weight: 500; color: var(--white); }
.FW013528 .aplicacao .slider-aplicacao .slick-list { padding: 0 calc((100vw - 1360px)/2); }

.FW013528 .banner { margin-top: 80px; background: var(--black-light); position: relative; z-index: 2; }
.FW013528 .banner .container { padding: 75px 30px 60px 30px; display: flex; justify-content: center; align-items: center; }
.FW013528 .banner .container img { max-width: 100%; height: auto; }

/*  DEFAULT */
.vtex-store-components-3-x-container { max-width: 100%; }
.vtex-flex-layout-0-x-flexRow--html-description .vtex-flex-layout-0-x-flexRowContent--html-description { max-width: 100%; }

@media screen and (min-width: 1026px) and (max-width: 1439.98px) {
  .sandbox-product { width: 100%; }
}
@media screen and (min-width: 640px) and (max-width: 1025.98px) {
  .sandbox-product {
    width: 100%;
  }
}
@media screen and (max-width: 639.98px) {
  .sandbox-product {
    width: 100%;
  }
}

@media (max-width: 1248px) {
  .sandbox-product {
    width: 100%;
  }
  .FW013528 {
    margin: 0 -1rem;
  }
  .FW013528 section { margin: 0; }
}
/* DEFAULT */

/* MEDIA QUERY */
@media (max-width: 1399.98px) {
    /* XL */
    .FW013528 .topo .produto { width: 80%; margin-left: 20%; }
    .FW013528 .topo .infos h2 { font-size: 4.4em; }
    .FW013528 .topo .infos h3 { font-size: 2.4em; }
    .FW013528 .topo .infos p { font-size: 2.6em; }

    .FW013528 .diferenciais.tecnologia .img { margin-left: -15%; }
}

@media (max-width: 1259.98px) {
    /* LG */
    .FW013528 .topo .infos .logo img { width: 160px; }
    .FW013528 .topo .produto { width: 60%; margin-left: 40%; }
    .FW013528 .topo .produto img { margin-right: -15vw; }
    .FW013528 .topo .infos { width: 55%; }
    .FW013528 .topo .infos h2 { font-size: 3.4em; }
    .FW013528 .topo .infos h3 { font-size: 1.6em; }
    .FW013528 .topo .infos p { font-size: 2em; }

    .FW013528 .diferenciais .infos h2 { font-size: 4em; }
    .FW013528 .diferenciais .infos h3 { font-size: 3em; }
    .FW013528 .diferenciais .infos h4 { font-size: 2em; }
    .FW013528 .diferenciais .infos p { font-size: 1.6em; }

    .FW013528 .diferenciais.tecnologia { padding-top: 100px; }
    .FW013528 .diferenciais.tecnologia .infos { width: 50%; }
    .FW013528 .diferenciais.tecnologia .infos p { font-size: 2em; }
    .FW013528 .diferenciais.tecnologia .img { margin-left: -20%; }
    .FW013528 .diferenciais.painel .infos { width: 45%; }
    .FW013528 .diferenciais.filtro { margin-bottom: -46vw; }
    .FW013528 .diferenciais.filtro .infos { width: 60%; }
    .FW013528 .diferenciais.filtro .hld-imgs { margin: 0 -20% 0 -10%; }
    .FW013528 .diferenciais.filtro .hld-imgs img { max-width: 80%; }
    .FW013528 .diferenciais.filtro .hld-imgs .corpo { padding-top: 150px; margin-bottom: 0; }
    .FW013528 .diferenciais.filtro .hld-imgs .base { left: 4%; top: 45%; }

    .FW013528 .aplicacao .slider-aplicacao { margin: 0 -30px; width: calc(100% + 60px); }
    .FW013528 .aplicacao .slider-aplicacao .slick-list { padding: 0 30px; }
    .FW013528 .aplicacao .slider-aplicacao .slide .info .txt { font-size: 2.2em; }
}

@media (max-width: 991.98px) {
	/* MD */
    .FW013528 .container { padding: 0 15px; }
    .FW013528 .container.fluid { flex-direction: column; }

    .FW013528 .mobile { display: block !important; }
    .FW013528 .desktop { display: none !important; }

    .FW013528 .topo { height: auto; }
    .FW013528 .topo:before { height: calc(100% - 70px); }
    .FW013528 .topo .container { gap: 30px; height: auto; }
    .FW013528 .topo .produto { width: 100%; justify-content: center; margin: -100px 0 0 0; }
    .FW013528 .topo .produto img { margin-left: -25%; margin-right: -5%; max-width: 130%; }
    .FW013528 .topo .infos { position: relative; top: unset; height: auto; width: 100%; left: unset; text-align: center; align-items: center; padding-top: 100px; }
    .FW013528 .topo .infos h2 { font-size: 3.8em; }
    .FW013528 .topo .infos h3 { margin: 10px 0 50px 0; }

    .FW013528 .box-imagem .img.mobile { display: flex !important; }

    .FW013528 .diferenciais .infos { width: 100%; align-items: center; text-align: center; }
    .FW013528 .diferenciais.tecnologia .infos { margin-top: 0; width: 100%; }
    .FW013528 .diferenciais.tecnologia .img { margin: -100px 0 0 0; }
    .FW013528 .diferenciais.aquecimento { padding-top: 60px; }
    .FW013528 .diferenciais.aquecimento .img { margin-top: 0; }
    .FW013528 .diferenciais.aquecimento .img img { max-width: 80%; }
    .FW013528 .diferenciais.painel .container { flex-direction: column-reverse; }
    .FW013528 .diferenciais.painel .infos{ width: 100%; }
    .FW013528 .diferenciais.painel .img { margin: 0; }
    .FW013528 .diferenciais.iron .container { flex-direction: column-reverse; }
    .FW013528 .diferenciais.iron .infos { width: 100%; align-items: center; }
    .FW013528 .diferenciais.iron .img { margin: 0; }
    .FW013528 .diferenciais.iron .img img { max-width: 80%; }
    .FW013528 .diferenciais.img .holder { background-position: -300% -300%, center; }
    .FW013528 .diferenciais.img .container { height: 107vw; }
    .FW013528 .diferenciais.filtro { padding: 60px 0 0 0; margin-bottom: -80vw; }
    .FW013528 .diferenciais.filtro .infos { margin: 0; align-items: center; width: 100%; }
    .FW013528 .diferenciais.filtro .hld-imgs { margin: 150px -20% 0 -10%; }
    .FW013528 .diferenciais.reservatorio { padding: 0; }
    .FW013528 .diferenciais.reservatorio .container { flex-direction: column-reverse; padding-bottom: 150px; }
    .FW013528 .diferenciais.reservatorio .img img { max-width: 90%; }
    .FW013528 .diferenciais.reservatorio .infos { width: 100%; }
    .FW013528 .diferenciais.adaptador { margin-top: -180px; }
    .FW013528 .diferenciais.adaptador .infos { width: 100%; }
    .FW013528 .diferenciais.medidas .img { margin-top: 0; }
    .FW013528 .diferenciais.medidas .img img { max-width: 60%; }
    .FW013528 .diferenciais.medidas .infos { width: 100%; padding-top: 0; }

    .FW013528 .aplicacao .slider-aplicacao .slide { aspect-ratio: 6/10; }

    .FW013528 .banner .container { padding: 60px 30px 45px 30px; }
}

@media (max-width: 767.98px) {
	/* XS */
    .FW013528 .diferenciais .infos h2 { font-size: 3em; }
    .FW013528 .diferenciais .infos h3 { font-size: 2.4em; }
    .FW013528 .diferenciais .infos h4 { font-size: 2em; }
    .FW013528 .diferenciais .infos p { font-size: 1.8em; }
    .FW013528 .diferenciais.tecnologia .infos p { font-size: 2em; }

    .FW013528 .diferenciais.filtro { margin-bottom: -85vw; }

    .FW013528 .banner .hld { padding: 20px; width: calc(100% + 30px); margin: 0 -15px; }
    .FW013528 .banner .hld img { width: 60%; }
}

@media (max-width: 575.98px) {
    /* XXS */

    .FW013528 .topo .infos { padding-top: 50px; }
    .FW013528 .topo .infos h2 { font-size: 2.6em; }
    .FW013528 .topo .infos h3 { font-size: 1.2em; letter-spacing: 6px; }
    .FW013528 .topo .infos p { font-size: 1.8em; }
    .FW013528 .topo .produto { margin-top: -70px; }
    .FW013528 .topo .produto img { max-width: 150%; }

    .FW013528 .box-imagem { margin-top: -30px; }

    .FW013528 .diferenciais .container { padding: 0; }
    .FW013528 .diferenciais .infos h2 { font-size: 1.8em; margin: 0 0 10px 0; }
    .FW013528 .diferenciais .infos h3 { font-size: 1.5em; }
    .FW013528 .diferenciais .infos h4 { font-size: 1.3em; }
    .FW013528 .diferenciais .infos p { font-size: 1.1em; }

    .FW013528 .diferenciais.tecnologia { padding-top: 60px; }
    .FW013528 .diferenciais.tecnologia .infos p { font-size: 1.4em; }
    .FW013528 .diferenciais.tecnologia .infos .spacer { height: 30px; }
    .FW013528 .diferenciais.tecnologia .img { margin: -50px 0 0 0; }
    .FW013528 .diferenciais.painel .holder { padding-top: 60px; }
    .FW013528 .diferenciais.painel .infos { padding-bottom: 0; }
    .FW013528 .diferenciais.iron { padding-top: 75px; }
    .FW013528 .diferenciais.filtro .hld-imgs { margin: 50px -10% 0 -5%; }
    .FW013528 .diferenciais.filtro .hld-imgs .img-filtro { left: 45%; }
    .FW013528 .diferenciais.filtro .hld-imgs .img-filtro img { max-width: 40%; }
    .FW013528 .diferenciais.reservatorio .img img { max-width: 70%; }
    .FW013528 .diferenciais.adaptador .img img { max-width: 95%; }

    .FW013528 .aplicacao { padding-top: 30px; }
    .FW013528 .aplicacao .slider-aplicacao .slick-list { padding: 0 30px 0 40px !important; }
    .FW013528 .aplicacao .slider-aplicacao .slide .info { padding-bottom: 20px; transform: scale(0.7); }
}


/* SLICK SLIDER */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }