/* 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 */
.FW013514 { font-family: "arboria", sans-serif; font-weight: 400; font-size: 10px; color: var(--black); }
.FW013514 * { box-sizing: border-box; }
.FW013514 a { text-decoration: none; }
.FW013514 section { margin: 0 calc(((100vw - 1248px)/2)*(-1)); width: 100vw; } 
.FW013514 .container { width: 100%; max-width: 1420px; margin: 0 auto; padding: 0 30px; display: flex; flex-direction: column; position: relative; }
.FW013514 .container.min { max-width: 1260px; }
.FW013514 .container.fluid { flex-direction: row; }
.FW013514 .mobile { display: none !important; }

/* CUSTOM */
.FW013514 .topo { overflow: hidden; background: var(--black-light); height: 100vh; min-height: 560px; }
.FW013514 .topo .container { gap: 60px; height: 100%; }
.FW013514 .topo .produto { width: 50%; display: flex; justify-content: flex-end; align-items: flex-end; }
.FW013514 .topo .produto img { max-height: 95%; width: auto; }
.FW013514 .topo .infos { position: absolute; top: 0; height: 100%; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; width: 45%; left: 55%; }
.FW013514 .topo .infos .logo { margin-bottom: 16vh; }
.FW013514 .topo .infos .logo img { width: 205px; }
.FW013514 .topo .infos h2 { font-size: 10em; font-weight: 700; color: var(--white); text-transform: uppercase; line-height: 1; margin: 0; }
.FW013514 .topo .infos h3 { font-size: 4.4em; font-weight: 300; letter-spacing: 9px; color: var(--white); text-transform: uppercase; line-height: 1; margin: 10px 0 13vh 0; }
.FW013514 .topo .infos p { font-size: 3em; font-weight: 300; color: var(--white); margin: 0 0 3vh 0; }

.FW013514 .box-imagem { padding: 30px 0 60px 0; }
.FW013514 .box-imagem .img { width: 100%; display: flex; justify-content: center; align-items: center; }
.FW013514 .box-imagem .img img { max-width: 100%; height: auto; }

.FW013514 .diferenciais { padding: 60px 0; }
.FW013514 .diferenciais .container { align-items: center; gap: 60px; }
.FW013514 .diferenciais .holder { width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.FW013514 .diferenciais .img { flex: 1; display: flex; justify-content: center; align-items: center; }
.FW013514 .diferenciais .img img { max-width: 100%; height: auto; }
.FW013514 .diferenciais .infos { width: 45%; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; }
.FW013514 .diferenciais .infos h2 { font-size: 4.5em; font-weight: 500; line-height: 1; margin: 0 0 20px 0; }
.FW013514 .diferenciais .infos h2 strong { font-weight: 700; }
.FW013514 .diferenciais .infos h3 { font-size: 3.5em; font-weight: 500; line-height: 1; margin: 0 0 20px 0; }
.FW013514 .diferenciais .infos h4 { font-size: 2.5em; font-weight: 500; margin: 0 0 10px 0; }
.FW013514 .diferenciais .infos p { font-size: 2em; margin: 0 0 20px 0; }
.FW013514 .diferenciais .infos p:last-child { margin-bottom: 0; }
.FW013514 .diferenciais .dados { width: 20%; display: flex; justify-content: space-between; align-items: center; flex-direction: column; gap: 50px; color: var(--white); }
.FW013514 .diferenciais .dados .numero { text-align: center; }
.FW013514 .diferenciais .dados .numero .num { font-size: 3.6em; font-weight: 700; line-height: 1; font-style: italic; }
.FW013514 .diferenciais .dados .numero .num span { font-size: 2em; font-style: normal; }
.FW013514 .diferenciais .dados .numero .txt { font-size: 1.6em; line-height: 1; }

.FW013514 .diferenciais.tecnologia { padding: 160px 0 0 0; }
.FW013514 .diferenciais.tecnologia .img { margin-top: -160px; justify-content: flex-end; }
.FW013514 .diferenciais.tecnologia .infos p { font-size: 2.5em; }
.FW013514 .diferenciais.silencioso { padding: 60px 0 0 0; }
.FW013514 .diferenciais.silencioso .img { margin-left: -125px; }
.FW013514 .diferenciais.silencioso .container { gap: 0; }
.FW013514 .diferenciais.silencioso .grafico { margin-top: 60px; width: 100%; display: flex; justify-content: flex-end; position: relative; padding: 40px 0; }
.FW013514 .diferenciais.silencioso .grafico img { max-width: 100%; height: auto; display: block; }
.FW013514 .diferenciais.silencioso .grafico .aux { clip-path: inset(0 100% 0 0); }
.FW013514 .diferenciais.silencioso .grafico .omni { position: absolute; opacity: 0; transform: translateY(10px); }
.FW013514 .diferenciais.silencioso .grafico .tradicional { position: absolute; opacity: 0; transform: translateY(10px); }
.FW013514 .diferenciais.silencioso .grafico .omni { left: 17%; bottom: -12px; }
.FW013514 .diferenciais.silencioso .grafico .tradicional { right: 6%; top: -14px; }
.FW013514 .diferenciais.painel { padding: 0; }
.FW013514 .diferenciais.painel .img { margin: 0 -5%; }
.FW013514 .diferenciais.painel .infos { width: 35%; padding-bottom: 100px; }
.FW013514 .diferenciais.easyconect .holder { background-color: var(--black-light); overflow: hidden; }
.FW013514 .diferenciais.easyconect .infos { color: var(--white); width: 25%; }
.FW013514 .diferenciais.easyconect .detalhe img { max-width: 250px; height: auto; }
.FW013514 .diferenciais.easyconect .hld-imgs { flex: 1; display: flex; justify-content: space-between; align-items: center; position: relative; padding-bottom: 100px; }
.FW013514 .diferenciais.easyconect .hld-imgs .produto { position: relative; }
.FW013514 .diferenciais.easyconect .hld-imgs .produto .haste-baixo { position: absolute; right: 67.4%; bottom: -72px; z-index: 1; }
.FW013514 .diferenciais.easyconect .hld-imgs .produto .corpo { position: relative; z-index: 1; }
.FW013514 .diferenciais.easyconect .hld-imgs .produto .haste-cima { position: absolute; right: 65%; bottom: -343px; z-index: 2; width: 241px; }
.FW013514 .diferenciais.luz { padding: 0; }
.FW013514 .diferenciais.luz .hld-imgs { flex: 1; display: flex; justify-content: center; align-items: flex-end; position: relative; margin-top: -200px; }
.FW013514 .diferenciais.luz .hld-imgs .img { flex: unset; }
.FW013514 .diferenciais.luz .hld-imgs .img:last-child { margin-left: -100px; }
.FW013514 .diferenciais.luz .infos { padding-top: 60px; }
.FW013514 .diferenciais.modos { padding: 0; }
.FW013514 .diferenciais.modos .container { height: 1222px; position: relative; }
.FW013514 .diferenciais.modos .infos { color: var(--white); position: absolute; left: 10%; bottom: 200px; width: 90%; }
.FW013514 .diferenciais.velocidades { padding: 0; }
.FW013514 .diferenciais.velocidades .img { margin-top: -110px; }
.FW013514 .diferenciais.velocidades .num { font-size: 10em; font-weight: 700; line-height: 1; font-style: italic; color: var(--gray); }
.FW013514 .diferenciais.velocidades .num span { font-size: 2em; font-style: normal; }
.FW013514 .diferenciais.velocidades .barra { display: flex; justify-content: flex-start; align-items: center; gap: 2px; }
.FW013514 .diferenciais.velocidades .barra .bar { width: 39px; height: 6px; border-radius: 2px; background: var(--gray); transition: all 0.3s ease; }
.FW013514 .diferenciais.velocidades .barra .bar.off { background: var(--blue); }
.FW013514 .diferenciais.velocidades .barra .bar.on { background: var(--blue-dark); }
.FW013514 .diferenciais.aroma { padding: 0; overflow: hidden; }
.FW013514 .diferenciais.aroma .img { margin-left: -220px; }
.FW013514 .diferenciais.aroma .infos { padding-bottom: 50px; }
.FW013514 .diferenciais.padrao { padding: 0; }
.FW013514 .diferenciais.padrao .img { margin-top: -300px; }
.FW013514 .diferenciais.padrao .infos { padding-top: 100px; }
.FW013514 .diferenciais.padrao .infos .medidas { margin-top: 130px; display: flex; justify-content: center; align-items: center; }
.FW013514 .diferenciais.padrao .infos .medidas img { max-width: 100%; }

.FW013514 .destaques { padding: 180px 0 60px 0; }
.FW013514 .destaques .destaque { flex: 1; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; }
.FW013514 .destaques .img { width: 100%; display: flex; justify-content: center; align-items: flex-start; }
.FW013514 .destaques .img img { max-width: 100%; height: auto; }
.FW013514 .destaques .destaque.esq .img { margin-top: 60px; }
.FW013514 .destaques .destaque.dir .img { margin: -340px 0 100px 0; }
.FW013514 .destaques .destaque.dir .txt { margin-top: -60px; }
.FW013514 .destaques .destaque .aux { display: flex; justify-content: center; align-items: flex-end; white-space: nowrap; }
.FW013514 .destaques .destaque h2 { font-size: 4.5em; font-weight: 700; line-height: 1.2; margin: 0 0 20px 0; }
.FW013514 .destaques .destaque p { font-size: 2em; margin: 0; }
.FW013514 .destaques .destaque .num { font-size: 10em; font-weight: 700; line-height: 1; font-style: italic; color: var(--gray); margin-bottom: -10px; width: 272px; text-align: right; }
.FW013514 .destaques .destaque .num span { font-size: 2em; }

.FW013514 .banner { margin-top: 80px; background: var(--black-light); }
.FW013514 .banner .container { padding: 75px 30px 60px 30px; display: flex; justify-content: center; align-items: center; }
.FW013514 .banner .container img { max-width: 100%; height: auto; }


/*  DEFAULT */
@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%;
  }
  .FW013514 {
    margin: 0 -1rem;
  }
  .FW013514 section { margin: 0; }
}
/* DEFAULT */

/* MEDIA QUERY */
@media (max-width: 1399.98px) {
    /* XL */
    .FW013514 .topo .produto { width: 45%; }
    .FW013514 .topo .infos { width: 50%; left: 50%; }

    .FW013514 .destaques .destaque.esq { margin-right: -10vw; }
}

@media (max-width: 1259.98px) {
    /* LG */
    .FW013514 .topo .infos .logo img { width: 160px; }
    .FW013514 .topo .infos h2 { font-size: 7em;  }
    .FW013514 .topo .infos h3 { font-size: 2.6em; }
    .FW013514 .topo .infos p { font-size: 2em; }

    .FW013514 .diferenciais .infos h2 { font-size: 4em; }
    .FW013514 .diferenciais .infos h3 { font-size: 3em; }
    .FW013514 .diferenciais .infos h4 { font-size: 2em; }
    .FW013514 .diferenciais .infos p { font-size: 1.6em; }
    .FW013514 .diferenciais .dados { width: 15%; }

    .FW013514 .diferenciais.tecnologia .infos p { font-size: 2em; }
    .FW013514 .diferenciais.silencioso .img { margin-left: -60px; }
    .FW013514 .diferenciais.silencioso .grafico .omni { left: 10%; }
    .FW013514 .diferenciais.silencioso .grafico .tradicional { right: 4%; }
    .FW013514 .diferenciais.painel .infos { width: 40%; }
    .FW013514 .diferenciais.painel .img { margin: 0 -15%; }
    .FW013514 .diferenciais.aroma .img { margin-left: -160px; }
    .FW013514 .diferenciais.padrao .img { margin-top: -200px; }
    .FW013514 .diferenciais.padrao .infos { width: 50%; }

    .FW013514 .destaques .destaque h2 { font-size: 4em; }
    .FW013514 .destaques .destaque p { font-size: 1.6em; }
    .FW013514 .destaques .destaque .num { font-size: 8em; }
    .FW013514 .destaques .destaque.esq .img img { max-width: 70%; }
    .FW013514 .destaques .destaque.dir .img img { max-width: 80%; }

}

@media (max-width: 991.98px) {
	/* MD */
    .FW013514 .container { padding: 0 15px; }
    .FW013514 .container.fluid { flex-direction: column; }

    .FW013514 .mobile { display: block !important; }
    .FW013514 .desktop { display: none !important; }

    .FW013514 .topo { height: auto; }
    .FW013514 .topo .container { gap: 30px; height: auto; flex-direction: column-reverse; }
    .FW013514 .topo .produto { width: 100%; justify-content: center; }
    .FW013514 .topo .produto img { margin-left: -25%; }
    .FW013514 .topo .infos { position: relative; top: unset; height: auto; width: 100%; left: unset; text-align: center; align-items: center; padding-top: 100px; }
    .FW013514 .topo .infos h3 { margin: 10px 0 70px 0; }

    .FW013514 .box-imagem .img.mobile { display: flex !important; }

    .FW013514 .diferenciais .infos { width: 100%; align-items: center; text-align: center; }
    .FW013514 .diferenciais .dados { width: 100%; justify-content: center; flex-direction: row; gap: 60px; color: var(--black-light); margin-top: 30px; }

    .FW013514 .diferenciais.tecnologia.mobile { padding: 0 0 50px 0; }
    .FW013514 .diferenciais.silencioso .img { margin: 50px 0 0 20%; width: 80%; }
    .FW013514 .diferenciais.silencioso .grafico { margin-top: 0; width: 55%; justify-content: center; position: absolute; left: 10%; bottom: 70px; }
    .FW013514 .diferenciais.painel .infos { width: 100%; padding-bottom: 0; }
    .FW013514 .diferenciais.painel .img { margin: 0; }
    .FW013514 .diferenciais.easyconect .container { flex-direction: column-reverse; padding: 0; }
    .FW013514 .diferenciais.easyconect .holder { background: none; }
    .FW013514 .diferenciais.easyconect .infos { width: 100%; color: unset; }
    .FW013514 .diferenciais.easyconect .hld-imgs { width: 100%; background: var(--black-light); overflow: hidden; justify-content: center; }
    .FW013514 .diferenciais.easyconect .hld-imgs .corpo { display: flex; justify-content: center; align-items: center; }
    .FW013514 .diferenciais.easyconect .hld-imgs .haste { right: 58%; }
    .FW013514 .diferenciais.easyconect .detalhe img { max-width: 80%; }
    .FW013514 .diferenciais.easyconect .detalhe.mobile { display: flex !important; justify-content: center; }
    .FW013514 .diferenciais.luz { overflow: hidden; }
    .FW013514 .diferenciais.luz .container { flex-direction: column-reverse; padding: 0; }
    .FW013514 .diferenciais.luz .hld-imgs { margin-top: 0; position: relative; width: 100%; }
    .FW013514 .diferenciais.luz .hld-imgs:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 85%; background: var(--gray); }
    .FW013514 .diferenciais.luz .hld-imgs .img { position: relative; z-index: 2; }
    .FW013514 .diferenciais.modos .holder { background-position: -300% -300%, center; }
    .FW013514 .diferenciais.modos .container { height: 960px; }
    .FW013514 .diferenciais.modos .infos { left: 0; width: 100%; bottom: 100px; }
    .FW013514 .diferenciais.velocidades .container { flex-direction: column-reverse; padding-top: 60px; }
    .FW013514 .diferenciais.velocidades .img { margin-top: 30px; justify-content: flex-end; flex: unset; width: 100%; padding-right: 60px; }
    .FW013514 .diferenciais.velocidades .img img { max-width: 70%; }
    .FW013514 .diferenciais.velocidades .num { position: absolute; left: 50%; bottom: 150px; transform: translate(-125%); }
    .FW013514 .diferenciais.velocidades .barra { width: 90%; justify-content: center; gap: 5px; margin-top: 30px; }
    .FW013514 .diferenciais.velocidades .barra .bar { width: auto; flex: 1; height: 15px; border-radius: 5px; }
    .FW013514 .diferenciais.aroma .holder { background-position: left bottom; }
    .FW013514 .diferenciais.aroma .img { margin-left: 0; }
    .FW013514 .diferenciais.aroma .img img { max-width: 90%; }
    .FW013514 .diferenciais.aroma .infos { padding-top: 60px; }
    .FW013514 .diferenciais.padrao .img { margin-top: 0; }
    .FW013514 .diferenciais.padrao .img img { max-width: 60%; }
    .FW013514 .diferenciais.padrao .infos { width: 100%; padding-top: 0; }
    .FW013514 .diferenciais.padrao .infos .medidas { margin-top: 60px; }

    .FW013514 .destaques { padding: 30px 0 0 0; }
    .FW013514 .destaques .container { flex-direction: column-reverse; }
    .FW013514 .destaques .destaque { flex: unset; width: 100%; }
    .FW013514 .destaques .destaque.dir .img { margin: 0; }
    .FW013514 .destaques .destaque.dir .txt { margin-top: 0; }
    .FW013514 .destaques .destaque.esq .txt { margin-top: 30px; text-align: center; }
    .FW013514 .destaques .destaque.esq .img img { max-width: 60%; }

    .FW013514 .banner .container { padding: 60px 30px 45px 30px; }
}

@media (max-width: 767.98px) {
	/* XS */
    .FW013514 .topo .infos h2 { font-size: 6em;  }
    .FW013514 .topo .infos h3 { font-size: 2em; }
    .FW013514 .topo .infos p { font-size: 2em; }

    .FW013514 .diferenciais .infos h2 { font-size: 3em; }
    .FW013514 .diferenciais .infos h3 { font-size: 2.4em; }
    .FW013514 .diferenciais .infos h4 { font-size: 2em; }
    .FW013514 .diferenciais .infos p { font-size: 1.8em; }
    .FW013514 .diferenciais.tecnologia .infos p { font-size: 2em; }

    .FW013514 .diferenciais.luz .img img { max-width: 80%; }
    .FW013514 .diferenciais.luz .hld-imgs .img:last-child { margin-left: -150px; }
    .FW013514 .diferenciais.silencioso .grafico .omni { left: 8%; }
    .FW013514 .diferenciais.silencioso .grafico .tradicional { right: 3%; }
    .FW013514 .diferenciais.modos .container { height: 660px; }
    .FW013514 .diferenciais.modos .infos { bottom: 60px; }
    .FW013514 .diferenciais.velocidades .barra .bar { height: 10px; border-radius: 4px; }
    .FW013514 .diferenciais.velocidades .num { bottom: 100px; }
    .FW013514 .diferenciais.silencioso .grafico { left: 5%; width: 60%; bottom: 35px; }
    
    .FW013514 .destaques .destaque h2 { font-size: 3em; }
    .FW013514 .destaques .destaque p { font-size: 1.8em; }
    .FW013514 .destaques .destaque .num { font-size: 6em; }

    .FW013514 .banner .hld { padding: 20px; width: calc(100% + 30px); margin: 0 -15px; }
    .FW013514 .banner .hld img { width: 60%; }
}

@media (max-width: 575.98px) {
    /* XXS */

    .FW013514 .topo .infos h2 { font-size: 4.5em;  }
    .FW013514 .topo .infos h3 { font-size: 1em; padding-left: 10px; }
    .FW013514 .topo .infos p { font-size: 1.8em; }
    .FW013514 .topo .produto img { margin-left: -15%; max-width: 90%; }

    .FW013514 .diferenciais .container { padding: 0; }
    .FW013514 .diferenciais .infos h2 { font-size: 1.8em; }
    .FW013514 .diferenciais .infos h3 { font-size: 1.5em; }
    .FW013514 .diferenciais .infos h4 { font-size: 1.3em; }
    .FW013514 .diferenciais .infos p { font-size: 1.1em; }
    .FW013514 .diferenciais .img img { max-width: 80%; }
    .FW013514 .diferenciais .dados { gap: 20px; }
    .FW013514 .diferenciais .dados .numero .num { font-size: 2.5em; }

    .FW013514 .diferenciais.tecnologia .img { justify-content: center; }
    .FW013514 .diferenciais.tecnologia .infos p { font-size: 1.1em; }
    .FW013514 .diferenciais.silencioso .img { margin: 50px 0 0 0; width: 100%; }
    .FW013514 .diferenciais.silencioso .img img { max-width: 90%; }
    .FW013514 .diferenciais.silencioso .grafico { width: 55%; }
    .FW013514 .diferenciais.silencioso .grafico .omni { left: -3%; }
    .FW013514 .diferenciais.silencioso .grafico .tradicional { right: -2%; }
    .FW013514 .diferenciais.luz .hld-imgs .img:first-child { justify-content: flex-start; }
    .FW013514 .diferenciais.luz .hld-imgs .img:last-child { margin-left: -150px; }
    .FW013514 .diferenciais.luz .hld-imgs .img img { margin: 0; }
    .FW013514 .diferenciais.modos .container { height: 400px; }
    .FW013514 .diferenciais.modos .infos { bottom: 30px; }
    .FW013514 .diferenciais.velocidades .barra { gap: 2px; margin-top: 15px; }
    .FW013514 .diferenciais.velocidades .barra .bar { border-radius: 2px; height: 6px; }
    .FW013514 .diferenciais.velocidades .img { padding-right: 15px; }
    .FW013514 .diferenciais.velocidades .num { font-size: 6em; bottom: 60px; }

    
    .FW013514 .destaques .destaque h2 { font-size: 1.5em; }
    .FW013514 .destaques .destaque p { font-size: 1.1em; }
    .FW013514 .destaques .destaque .num { font-size: 4em; }

    .FW013514 .diferenciais.padrao .infos .medidas img { max-width: 90%; }

}