/* FONTES */
@import url("https://use.typekit.net/elt5uhe.css");


/* VARIÁVEIS */
:root {
  --gray:               #D9D9D9;
  --gray-medium:        #343434;
  --gray-light:         #E8E8E8;
  --gray-dark:          #53565A;
  --gray-darker:        #252525;
  --blue:               #ABBDD8;
  --blue-dark:          #577AB0;
  --white:              #FFFFFF;
  --black:              #000000;
  --black-light:        #1A1A1A;
  --dummy:              #FFCC00;
}


/* GERAL */

.FW014076 { font-family: "arboria", sans-serif; font-weight: 400; font-size: 10px; color: var(--black); }
.FW014076 * { box-sizing: border-box; }
.FW014076 a { text-decoration: none; }
.FW014076 section { margin: 0 calc(((100vw - 1248px)/2)*(-1)); width: 100vw; } 


.FW014076 .container { width: 100%; max-width: 1420px; margin: 0 auto; padding: 0 30px; display: flex; flex-direction: column; position: relative; }
.FW014076 .container.min { max-width: 1260px; }
.FW014076 .container.fluid { flex-direction: row; }
.FW014076 .mobile { display: none !important; }

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

.FW014076 .box-imagem { padding: 30px 0 60px 0; }
.FW014076 .box-imagem .img { width: 100%; display: flex; justify-content: center; align-items: center; position: relative; }
.FW014076 .box-imagem .img img { max-width: 100%; height: auto; }
.FW014076 .box-imagem .img svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; }

.FW014076 .diferenciais { padding: 60px 0; }
.FW014076 .diferenciais .container { align-items: center; gap: 60px; }
.FW014076 .diferenciais .holder { width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.FW014076 .diferenciais .img { flex: 1; display: flex; justify-content: center; align-items: center; position: relative; }
.FW014076 .diferenciais .img img { max-width: 100%; height: auto; }
.FW014076 .diferenciais .infos { width: 45%; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; }
.FW014076 .diferenciais .infos h2 { font-size: 4.5em; font-weight: 500; line-height: 1; margin: 0 0 20px 0; }
.FW014076 .diferenciais .infos h2 strong { font-weight: 700; }
.FW014076 .diferenciais .infos h3 { font-size: 3.5em; font-weight: 500; line-height: 1; margin: 0 0 20px 0; }
.FW014076 .diferenciais .infos h4 { font-size: 2.5em; font-weight: 500; margin: 0 0 10px 0; }
.FW014076 .diferenciais .infos p { font-size: 2em; margin: 0 0 20px 0; }
.FW014076 .diferenciais .infos p:last-child { margin-bottom: 0; }

.FW014076 .diferenciais.area { overflow: hidden; }
.FW014076 .diferenciais.area .holder { width: 150%; display: flex; justify-content: flex-end; align-items: center; padding: 0 calc((100vw - 1360px)/2); margin-top: 50px; padding-left: 50%; }
.FW014076 .diferenciais.area .img { flex: unset;  }
.FW014076 .diferenciais.area .infos { flex: 1;  }
.FW014076 .diferenciais.area .infos .aux { display: flex; align-items: flex-end; }
.FW014076 .diferenciais.area .info-top p { font-size: 4.3em; }
.FW014076 .diferenciais.area .info-top h2 { font-size: 23em; line-height: 1; margin: -70px 0 0 0; }
.FW014076 .diferenciais.area .infos.right { padding-left: 70px; }
.FW014076 .diferenciais.area .infos.right p { margin: 0; line-height: 0.8; font-size: 5.8em; }
.FW014076 .diferenciais.area .infos.right p small { font-size: 0.6206em; }
.FW014076 .diferenciais.area .infos.right h3 { margin: 0; font-size: 17em; line-height: 0.8; }
.FW014076 .diferenciais.area .infos.right h2 { font-size: 7.5em; font-weight: 400; white-space: nowrap; }
.FW014076 .diferenciais.tecnologia { padding: 50px 0 0 0; }
.FW014076 .diferenciais.tecnologia .img { margin-top: -50px; justify-content: flex-end; }
.FW014076 .diferenciais.tecnologia .infos p { font-size: 2.5em; }
.FW014076 .diferenciais.cyclone { padding-top: 100px; margin-top: -100px; overflow: hidden; }
.FW014076 .diferenciais.cyclone .infos h2 { font-size: 3em; }
.FW014076 .diferenciais.cyclone .infos h2 strong { font-size: 1.5em; }
.FW014076 .diferenciais.cyclone .img { justify-content: flex-end; margin: -100px -10% 0 -20%; }
.FW014076 .diferenciais.cyclone .img .selo { position: absolute; right: calc(90% - 263px); top: 15%; }
.FW014076 .diferenciais.mapeamento { padding: 0; }
.FW014076 .diferenciais.mapeamento .container { height: 741px; position: relative; }
.FW014076 .diferenciais.mapeamento .infos { padding-bottom: 100px; }
.FW014076 .diferenciais.mapeamento .infos small { font-size: 0.6em; }
.FW014076 .diferenciais.connect { background: var(--black-light); overflow: hidden; }
.FW014076 .diferenciais.connect .infos { color: var(--white); width: 35%; }
.FW014076 .diferenciais.connect .infos p strong { font-size: 1.75em; display: inline-block; margin: -5px 0; }
.FW014076 .diferenciais.connect .hld-imgs { flex: 1; display: flex; justify-content: center; align-items: center; margin: 0 calc(((100vw - 1360px)/2)*(-1)) 0 0; padding-right: 10vw; }
.FW014076 .diferenciais.connect .hld-imgs .img.c { position: relative; z-index: 3; }
.FW014076 .diferenciais.connect .hld-imgs .img.l2 { position: absolute; margin-top: 205px; margin-left: -800px; }
.FW014076 .diferenciais.connect .hld-imgs .img.l1 { position: absolute; z-index: 2; margin-top: 200px; margin-left: -480px; }
.FW014076 .diferenciais.connect .hld-imgs .img.r2 { position: absolute; margin-top: 205px; margin-right: -800px; }
.FW014076 .diferenciais.connect .hld-imgs .img.r1 { position: absolute; z-index: 2; margin-top: 200px; margin-right: -480px; }
.FW014076 .diferenciais.zonas { background: var(--gray); padding: 0 0 30px 0; }
.FW014076 .diferenciais.zonas .img { margin: -150px 0 0 -10%; }
.FW014076 .diferenciais.voz { padding: 0; }
.FW014076 .diferenciais.voz .infos { width: 35%; position: relative; padding: 200px 0 60px 0; }
.FW014076 .diferenciais.voz .logos { margin-top: 110px; }
.FW014076 .diferenciais.voz .logos img { max-width: 100%; }
.FW014076 .diferenciais.voz .baloes { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.FW014076 .diferenciais.voz .baloes .balao { position: absolute; opacity: 0; transform: scale(.6); animation: balaoPop 4.2s linear infinite both; transform-origin: center center; will-change: transform, opacity; }
.FW014076 .diferenciais.voz .baloes .bl-1 { left: 5%; top: 0; animation-delay: 0s; }
.FW014076 .diferenciais.voz .baloes .bl-2 { left: 105%; top: 40%; animation-delay: -3.5s; }
.FW014076 .diferenciais.voz .baloes .bl-3 { left: -3vw; top: 110px; animation-delay: -2.8s; }
.FW014076 .diferenciais.voz .baloes .bl-4 { left: 80%; top: -2%; animation-delay: -2.1s; }
.FW014076 .diferenciais.voz .baloes .bl-5 { left: -3vw; top: 67%; animation-delay: -1.4s; }
.FW014076 .diferenciais.voz .baloes .bl-6 { left: 135%; top: 14%; animation-delay: -0.7s; }
.FW014076 .diferenciais.voz .img { margin: -200px calc(((100vw - 1360px)/2)*(-1)) -60px 0; justify-content: flex-start; }
.FW014076 .diferenciais.recipiente { padding: 0; }
.FW014076 .diferenciais.recipiente .container { height: 633px; position: relative; gap: 0; }
.FW014076 .diferenciais.recipiente .img { margin: 0 0 -36% calc(((100vw - 1360px)/2)*(-1)); justify-content: flex-end; }
.FW014076 .diferenciais.escova-lateral { padding: 0; background: var(--black-light); }
.FW014076 .diferenciais.escova-lateral .infos { color: var(--white); padding-left: 10%; }
.FW014076 .diferenciais.escova-lateral .img { margin: -50px calc(((100vw - 1360px)/2)*(-1)) 0 0; justify-content: flex-end; }
.FW014076 .diferenciais.escova-lateral .img img { max-width: 90%; }
.FW014076 .diferenciais.escova-central { padding-top: 0; }
.FW014076 .diferenciais.escova-central .infos { width: 35%; }
.FW014076 .diferenciais.escova-central .img { margin: -10vw 0 0 calc(((100vw - 1360px)/2)*(-1)); }
.FW014076 .diferenciais.escova-central .img img { max-width: 90%; }
.FW014076 .diferenciais.succao { background: var(--black); padding-bottom: 0; overflow: hidden; }
.FW014076 .diferenciais.succao .img { margin: 0 calc(((100vw - 1360px)/2)*(-1)) 0 -25%; justify-content: flex-end; }
.FW014076 .diferenciais.succao .infos { color: var(--white); padding-bottom: 150px; position: relative; z-index: 2; }
.FW014076 .diferenciais.succao .chamada { display: flex; justify-content: center; align-items: center; gap: 30px; color: var(--gray-medium); margin: 0 0 100px -30px; }
.FW014076 .diferenciais.succao .chamada .num { font-size: 15vw; font-weight: 900; line-height: 1; margin-top: -30px; }
.FW014076 .diferenciais.succao .chamada .txt { font-size: 5.2vw; font-weight: 900; text-transform: uppercase; line-height: 1; white-space: nowrap; }
.FW014076 .diferenciais.succao .chamada .txt small { font-size: 0.7em; }
.FW014076 .diferenciais.easyclean { padding: 0; }
.FW014076 .diferenciais.easyclean .container { align-items: unset; }
.FW014076 .diferenciais.easyclean .infos { width: 30%; padding: 300px 0; }
.FW014076 .diferenciais.easyclean .detalhe { display: flex; justify-content: center; align-items: center; }
.FW014076 .diferenciais.easyclean .detalhe img { max-width: 285px; height: auto; }
.FW014076 .diferenciais.easyclean .hld-imgs { flex: 1; display: flex; justify-content: space-between; align-items: center; position: relative; margin-top: -100px; }
.FW014076 .diferenciais.easyclean .hld-imgs .produto { position: relative; height: 100%; width: 100%; }
.FW014076 .diferenciais.easyclean .hld-imgs .produto .base { width: 100%; display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; }
.FW014076 .diferenciais.easyclean .hld-imgs .produto .filtro { width: 100%; display: flex; justify-content: center; align-items: center; position: absolute; bottom: 45%; z-index: 2; }
.FW014076 .diferenciais.easyclean .hld-imgs .produto .tampa { width: 100%; display: flex; justify-content: center; align-items: center; position: absolute; bottom: 40%; z-index: 3; }
.FW014076 .diferenciais.gotejamento { padding: 0; background: var(--black-light); }
.FW014076 .diferenciais.gotejamento .infos { width: 40%; color: var(--white); }
.FW014076 .diferenciais.gotejamento .hld-imgs { flex: 1; margin: 0 calc(((100vw - 1360px)/2)*(-1)) 0 -10%; justify-content: flex-end display: flex; justify-content: space-between; align-items: center; position: relative; }
.FW014076 .diferenciais.gotejamento .hld-imgs { position: relative; }
.FW014076 .diferenciais.gotejamento .hld-imgs .img.n1, .FW014076 .diferenciais.gotejamento .hld-imgs .img.n2, .FW014076 .diferenciais.gotejamento .hld-imgs .img.n3 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; animation-duration: 4s; animation-timing-function: linear; animation-iteration-count: infinite; animation-fill-mode: both; }
.FW014076 .diferenciais.gotejamento .hld-imgs .img.n1 { animation-name: gotaN1; }
.FW014076 .diferenciais.gotejamento .hld-imgs .img.n2 { animation-name: gotaN2; }
.FW014076 .diferenciais.gotejamento .hld-imgs .img.n3 { animation-name: gotaN3; }
.FW014076 .diferenciais.rodas { padding: 0; }
.FW014076 .diferenciais.rodas .container { height: 805px; padding: 0; }
.FW014076 .diferenciais.rodas .infos { margin-left: 58%; width: 40%; padding-top: 200px; }
.FW014076 .diferenciais.padrao { padding-bottom: 0; }
.FW014076 .diferenciais.padrao .infos { padding-bottom: 100px; }
.FW014076 .diferenciais.padrao .medidas { display: flex; justify-content: center; align-items: center; }
.FW014076 .diferenciais.padrao .medidas img { max-width: 100%; }

.FW014076 .filtragem { overflow: hidden; position: relative; }
.FW014076 .filtragem .chamada { display: flex; justify-content: center; align-items: flex-end; margin-bottom: 60px; gap: 30px; }
.FW014076 .filtragem .chamada .num { font-size: 30em; font-weight: 700; line-height: 1; }
.FW014076 .filtragem .chamada .info { display: flex; justify-content: center; align-items: flex-end; flex-direction: column; margin-bottom: 15px; }
.FW014076 .filtragem .chamada .info .titulo { font-size: 10em; font-weight: 900; text-transform: uppercase; line-height: 0.8; }
.FW014076 .filtragem .chamada .info .titulo small { font-size: 0.7em; }
.FW014076 .filtragem .chamada .info .gravata { font-size: 2.5em; margin-top: 10px; }
.FW014076 .filtragem .slider { margin: 60px -30px; width: calc(100vw + 60px); }
.FW014076 .filtragem .slider .slide { margin-right: 15px; position: relative; display: flex; justify-content: center; align-items: center; }
.FW014076 .filtragem .slider .slide .container { display: flex; justify-content: center; align-items: center; flex-direction: row; gap: 100px; }
.FW014076 .filtragem .slider .slide .img { width: 50%; display: flex; justify-content: center; align-items: center; padding: 0 30px; }
.FW014076 .filtragem .slider .slide .img img { max-width: 100%; height: auto; }
.FW014076 .filtragem .slider .slide .info { flex: 1; padding-bottom: 150px; }
.FW014076 .filtragem .slider .slide .info h3 { font-size: 4.5em; line-height: 1; margin: 0 0 10px 0; }
.FW014076 .filtragem .slider .slide .info p { font-size: 2em; margin: 0; }
.FW014076 .filtragem .slider .slide .info p strong { font-size: 1.5em; }
.FW014076 .filtragem .slick-dots { list-style: none; display: flex; justify-content: flex-start; align-items: center; padding: 0; margin: 0; gap: 3px; position: absolute; left: 50%; top: 60%; width: 50%; padding-left: 90px; }
.FW014076 .filtragem .slick-dots li button { font-size: 0; background: none; border: none; width: 57px; height: 6px; border-radius: 2px; background: var(--gray); cursor: pointer; transition: all 0.3s ease; }
.FW014076 .filtragem .slick-dots li.slick-active button { background: var(--gray-dark); }
.FW014076 .filtragem .slick-track { display: flex !important; }
.FW014076 .filtragem .slick-slide { height: inherit !important; }
.FW014076 .filtragem .nav-slider { position: absolute; left: 0; top: 50%; width: 100%; justify-content: space-between; align-items: center; padding: 0 30px; pointer-events: none; display: flex; }
.FW014076 .filtragem .nav-slider .arrow { cursor: pointer; pointer-events: all; }
.FW014076 .filtragem .nav-slider .arrow img { width: 50px; }
.FW014076 .filtragem .nav-slider .arrow.prev img { transform: scaleX(-1); }


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

/* IMAGEM 1 */
@keyframes gotaN1 {
    0%, 4% {
        opacity: 0;
    }

    8%, 16% {
        opacity: 1;
    }

    20%, 45% {
        opacity: 0;
    }

    49%, 95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* IMAGEM 2 */
@keyframes gotaN2 {
    0%, 20% {
        opacity: 0;
    }

    24%, 32% {
        opacity: 1;
    }

    36%, 48% {
        opacity: 0;
    }

    52%, 95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* IMAGEM 3 */
@keyframes gotaN3 {
    0%, 36% {
        opacity: 0;
    }

    40%, 44% {
        opacity: 1;
    }

    48%, 51% {
        opacity: 0;
    }

    55%, 95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* ANIMAÇÃO POP */

@keyframes balaoPop {

    /* Invisível */
    0% {
        opacity: 0;
        transform: scale(.6) translateY(10px);
    }

    /* Entrada rápida */
    3% {
        opacity: 1;
        transform: scale(1.12) translateY(0);
    }

    /* Pequeno bounce */
    6% {
        opacity: 1;
        transform: scale(.96);
    }

    /* Tamanho normal */
    9% {
        opacity: 1;
        transform: scale(1);
    }

    /* Permanece visível */
    50% {
        opacity: 1;
        transform: scale(1);
    }

    /* Saída suave */
    57% {
        opacity: 0;
        transform: scale(.9) translateY(-8px);
    }

    /* Aguarda o próximo ciclo */
    100% {
        opacity: 0;
        transform: scale(.6) translateY(10px);
    }
}

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

/* MEDIA QUERY */
@media (max-width: 1399.98px) {
    /* XL */
    .FW014076 .topo .produto { width: 55%; }
    .FW014076 .topo .infos h2 { font-size: 6.5em; }
    .FW014076 .topo .infos h3 { font-size: 2.4em; }

    .FW014076 .diferenciais .infos h2 { font-size: 4em; }
    .FW014076 .diferenciais .infos h3 { font-size: 3em; }
    .FW014076 .diferenciais .infos h4 { font-size: 2em; }
    .FW014076 .diferenciais .infos p { font-size: 1.6em; }

    .FW014076 .diferenciais.area .infos.left p { font-size: 3em; }
    .FW014076 .diferenciais.area .infos.left h2 { font-size: 20em; margin: -60px 0 0 0; }
    .FW014076 .diferenciais.tecnologia .infos p { font-size: 1.6em; }
    .FW014076 .diferenciais.cyclone .infos h2 { font-size: 2.6em; }
    .FW014076 .diferenciais.zonas .img { margin: -100px 0 0 0; }
    .FW014076 .diferenciais.escova-lateral .img { margin: -50px -30px 0 0; }
    .FW014076 .diferenciais.escova-central .img { margin: -8vw 0 0 -30px; }
    .FW014076 .diferenciais.voz .img { margin: -150px 0 -30px 0; }
    .FW014076 .diferenciais.recipiente .img { margin: 0 0 -20% -30px; }
    .FW014076 .diferenciais.succao .img { margin: 0 -30px 0 -20%; }
    .FW014076 .diferenciais.gotejamento .hld-imgs { margin: 0 -30px 0 -5%; }
    .FW014076 .diferenciais.connect .img { margin: 0; }
    .FW014076 .diferenciais.connect .hld-imgs { margin: 0; padding: 0; }
    .FW014076 .diferenciais.connect .hld-imgs { transform: scale(0.8); transform-origin: 50% 50%; }
}

@media (max-width: 1259.98px) {
    /* LG */
    .FW014076 .topo .produto { align-items: center; }
    .FW014076 .topo .produto img { max-width: 115%; max-height: unset; }
    .FW014076 .topo .infos h2 { font-size: 5em; }
    .FW014076 .topo .infos h3 { font-size: 1.8em; }
    .FW014076 .topo .infos p { font-size: 2em; }

    .FW014076 .diferenciais .container { gap: 30px; }
    .FW014076 .diferenciais .infos { width: 50%; }
    .FW014076 .diferenciais.area .infos.left p { font-size: 2.5em; }
    .FW014076 .diferenciais.area .infos.left h2 { font-size: 15em; margin: -50px 0 0 0; }
    .FW014076 .diferenciais.voz .infos .baloes { transform: scale(0.9); }
    .FW014076 .diferenciais.recipiente .container { gap: 30px; height: 390px; }
    .FW014076 .diferenciais.recipiente .infos { width: 40%; }
    .FW014076 .diferenciais.escova-lateral .infos { padding-left: 0; width: 35%; }
    .FW014076 .diferenciais.escova-central .infos { width: 45%; }
    .FW014076 .diferenciais.easyclean .detalhe img { max-width: 200px; }
    .FW014076 .diferenciais.easyclean .infos { width: 35%; padding: 150px 0; }
    .FW014076 .diferenciais.easyclean .hld-imgs { transform: scale(0.8); transform-origin: 50% 100%; }
    .FW014076 .diferenciais.gotejamento .infos { width: 45%; }
    .FW014076 .diferenciais.rodas .holder { background-position: center right 45%; }
    .FW014076 .diferenciais.rodas .infos h2 { font-size: 3em; }
    .FW014076 .diferenciais.rodas .infos h3 { font-size: 2.4em; }
    .FW014076 .diferenciais.rodas .infos p { font-size: 1.4em; }
    .FW014076 .diferenciais.connect .hld-imgs { transform: scale(0.6); }
    .FW014076 .diferenciais.padrao .infos { width: 60%; }
    .FW014076 .diferenciais.padrao .infos p { font-size: 1.4em; }
    .FW014076 .diferenciais.padrao .medidas { margin-left: -5%; }

}

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

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

    .FW014076 .topo { height: auto; }
    .FW014076 .topo .container { gap: 30px; height: auto; flex-direction: column-reverse; }
    .FW014076 .topo .produto { width: 100%; justify-content: center; }
    .FW014076 .topo .infos { position: relative; top: unset; height: auto; width: 100%; left: unset; text-align: center; align-items: center; padding-top: 100px; }
    .FW014076 .topo .infos h2 { font-size: 10vw; }
    .FW014076 .topo .infos h3 { font-size: 3.8vw; margin: 10px 0 70px 0; }
    .FW014076 .topo .infos p { font-size: 3.5vw; }

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

    .FW014076 .diferenciais .infos { width: 100%; align-items: center; text-align: center; }
    .FW014076 .diferenciais .infos h2 { font-size: 3em; }
    .FW014076 .diferenciais .infos h3 { font-size: 2.4em; }
    .FW014076 .diferenciais .infos h4 { font-size: 2em; }
    .FW014076 .diferenciais .infos p { font-size: 1.8em; }

    .FW014076 .diferenciais.area .holder { width: 150%; padding: 0; }
    .FW014076 .diferenciais.area .infos { margin-bottom: 60px; }
    .FW014076 .diferenciais.area .infos p { font-size: 4em; line-height: 0.8; }
    .FW014076 .diferenciais.area .infos p strong { font-size: 2.5em; }
    .FW014076 .diferenciais.area .infos h2 { font-size: 6em; margin: 0; font-weight: 400; }
    .FW014076 .diferenciais.tecnologia .infos { margin-bottom: 100px; }
    .FW014076 .diferenciais.tecnologia .img { margin-top: -100px; }
    .FW014076 .diferenciais.cyclone .infos { margin: 60px 0; }
    .FW014076 .diferenciais.cyclone .img { margin: 0; }
    .FW014076 .diferenciais.cyclone .img .selo { right: unset; left: 0; top: 0; }
    .FW014076 .diferenciais.mapeamento .infos { padding-bottom: 50px; }
    .FW014076 .diferenciais.mapeamento .container { height: auto; padding: 0; }
    .FW014076 .diferenciais.mapeamento .holder { background-image: none; }
    .FW014076 .diferenciais.connect { background: none; padding-bottom: 0; }
    .FW014076 .diferenciais.connect .holder { background: var(--black-light); padding: 30px 0; height: 500px; }
    .FW014076 .diferenciais.connect .infos { width: 100%; color: var(--black-light); margin-bottom: 50px; }
    .FW014076 .diferenciais.connect .hld-imgs { transform: scale(0.75); transform-origin: 50% 0; width: 100%; }
    .FW014076 .diferenciais.zonas { padding: 0; }
    .FW014076 .diferenciais.zonas .holder { padding: 50px 0 30px 0; }
    .FW014076 .diferenciais.zonas .container { flex-direction: column-reverse; }
    .FW014076 .diferenciais.zonas .img { margin: 50px 0 0 0; }
    .FW014076 .diferenciais.voz .infos { padding: 50px 0 100px 0; width: 100%; }
    .FW014076 .diferenciais.voz .logos { margin: 0; position: absolute; left: 5%; bottom: 35%; width: 40%; z-index: 2; }
    .FW014076 .diferenciais.voz .logos img { max-width: 100%; }
    .FW014076 .diferenciais.voz .baloes { left: 5%; width: 40%; }
    .FW014076 .diferenciais.voz .baloes .bl-1 { left: 5%; top: -10%; }
    .FW014076 .diferenciais.voz .baloes .bl-2 { left: 20%; top: 35%; }
    .FW014076 .diferenciais.voz .baloes .bl-3 { left: -3vw; top: 7%; }
    .FW014076 .diferenciais.voz .baloes .bl-4 { left: unset; right: -50%; top: -4%; }
    .FW014076 .diferenciais.voz .baloes .bl-5 { left: -3vw; top: 47%; }
    .FW014076 .diferenciais.voz .baloes .bl-6 { left: 1%; top: 20%; }
    .FW014076 .diferenciais.voz .img { margin: 0 0 50px 0; position: relative; padding-top: 50px; }
    .FW014076 .diferenciais.recipiente .container { height: auto; }
    .FW014076 .diferenciais.recipiente .infos { width: 100%; margin: 30px 0 50px 0; }
    .FW014076 .diferenciais.recipiente .img { margin: 200px 0 -20% 0; }
    .FW014076 .diferenciais.escova-lateral { background: none; }
    .FW014076 .diferenciais.escova-lateral .holder { background: var(--black-light); }
    .FW014076 .diferenciais.escova-lateral .infos { color: var(--black-light); padding: 0; margin: 200px 0 230px 0; width: 100%; }
    .FW014076 .diferenciais.escova-lateral .img { margin: -180px -15px 0 0; }
    .FW014076 .diferenciais.escova-central .container { flex-direction: column-reverse; }
    .FW014076 .diferenciais.escova-central .infos { width: 100%; margin: 50px 0 30px 0; }
    .FW014076 .diferenciais.escova-central .img { margin: 0; }
    .FW014076 .diferenciais.escova-central .img img { max-width: 60%; }
    .FW014076 .diferenciais.succao { background: none; padding-top: 0; }
    .FW014076 .diferenciais.succao .holder { background: var(--black); }
    .FW014076 .diferenciais.succao .img { justify-content: center; margin: 0; }
    .FW014076 .diferenciais.succao .infos { color: var(--black-light); padding-bottom: 50px; }
    .FW014076 .diferenciais.succao .chamada { margin: 50px 0 30px 0; }
    .FW014076 .diferenciais.succao .chamada .num { font-size: 30vw; }
    .FW014076 .diferenciais.succao .chamada .txt { font-size: 10vw; }
    .FW014076 .diferenciais.gotejamento { background: none; }
    .FW014076 .diferenciais.gotejamento .holder { background: var(--black-light); }
    .FW014076 .diferenciais.gotejamento .infos { width: 100%; color: var(--black-light); margin: 50px 0; }
    .FW014076 .diferenciais.gotejamento .hld-imgs { margin: 0; }
    .FW014076 .diferenciais.easyclean .infos { width: 100%; padding: 50px 0; }
    .FW014076 .diferenciais.easyclean .detalhe img { max-width: 285px; height: auto; }
    .FW014076 .diferenciais.easyclean .hld-imgs { background: var(--black-light); transform: none; width: calc(100% + 30px); margin: 60px -15px 0 -15px; }
    .FW014076 .diferenciais.easyclean .hld-imgs .produto { height: 900px; }
    .FW014076 .diferenciais.easyclean .hld-imgs .produto .filtromob { width: 100%; display: flex; justify-content: center; align-items: center; position: absolute; bottom: 45%; z-index: 2; }
    .FW014076 .diferenciais.easyclean .hld-imgs .produto .tampamob { width: 100%; display: flex; justify-content: center; align-items: center; position: absolute; bottom: 40%; z-index: 3; }
    .FW014076 .diferenciais.rodas .container { height: auto; flex-direction: column-reverse; }
    .FW014076 .diferenciais.rodas .infos { margin-left: 0; width: 100%; padding: 50px 0; }
    .FW014076 .diferenciais.rodas .holder { background-image: none !important; }
    .FW014076 .diferenciais.padrao .img { margin-top: 0; }
    .FW014076 .diferenciais.padrao .img img { max-width: 60%; }
    .FW014076 .diferenciais.padrao .infos { width: 100%; padding-top: 0; }
    .FW014076 .diferenciais.padrao .medidas { margin: 0; }
    .FW014076 .diferenciais.padrao .medidas img { max-width: 80%; }

    .FW014076 .filtragem .chamada .info .titulo { font-size: 10vw; }
    .FW014076 .filtragem .chamada .info .titulo small { font-size: 0.7em; }
    .FW014076 .filtragem .chamada .info .gravata { font-size: 2.5vw; }
    .FW014076 .filtragem .slider .slide { margin-right: 0; flex-direction: column; justify-content: flex-start; }
    .FW014076 .filtragem .slider .slide .container { flex-direction: column-reverse; gap: 50px; }
    .FW014076 .filtragem .slider .slide .img { padding: 0; width: 80%; }
    .FW014076 .filtragem .slider .slide .info { text-align: center; padding-bottom: 50px; }
    .FW014076 .filtragem .slick-dots { left: 0; top: unset; width: 100%; padding-left: 0; bottom: 0; justify-content: center; }

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

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

    .FW014076 .diferenciais.voz .baloes .bl-4 { top: -3%; }
    .FW014076 .diferenciais.voz .baloes .bl-3 { left: -7vw; margin-right: -5vw; }

    .FW014076 .diferenciais.voz .img { margin: 0 5px 0 0; justify-content: flex-end; }
    .FW014076 .diferenciais.connect .holder { height: 400px; }
    .FW014076 .diferenciais.connect .hld-imgs { transform: scale(0.55); }

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

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

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

    .FW014076 .diferenciais .container { padding: 0; }
    .FW014076 .diferenciais .infos h2 { font-size: 1.8em; }
    .FW014076 .diferenciais .infos h3 { font-size: 1.5em; }
    .FW014076 .diferenciais .infos h4 { font-size: 1.3em; }
    .FW014076 .diferenciais .infos p { font-size: 1.1em; }

    .FW014076 .diferenciais.area .infos p { font-size: 2em; }
    .FW014076 .diferenciais.area .infos h2 { font-size: 3em; }
    .FW014076 .diferenciais.tecnologia .infos p { font-size: 1.4em; }    
    .FW014076 .diferenciais.tecnologia .img { justify-content: center; }
    .FW014076 .diferenciais.tecnologia .img img { max-width: 80%; }
    .FW014076 .diferenciais.cyclone .infos h2 { font-size: 2em; }
    .FW014076 .diferenciais.voz .baloes .balao img { max-width: 100%; }
    .FW014076 .diferenciais.voz .baloes .bl-3 { margin-right: -13vw; }
    .FW014076 .diferenciais.voz .baloes .bl-4 { right: -110%; top: -1%; }
    .FW014076 .diferenciais.voz .baloes .bl-4 img { max-width: 50%; }
    .FW014076 .diferenciais.cyclone .img .selo { max-width: 30%; left: 15px; }
    .FW014076 .diferenciais.easyclean .hld-imgs .produto { height: 550px; transform: scale(0.7); transform-origin: 50% 100%; }
    .FW014076 .diferenciais.easyclean .hld-imgs .produto .filtromob { bottom: 70%; }
    .FW014076 .diferenciais.easyclean .hld-imgs .produto .tampamob { bottom: 50%; }
    .FW014076 .diferenciais.connect .holder { height: 270px; }
    .FW014076 .diferenciais.connect .hld-imgs { transform: scale(0.35); height: 450px; }
    .FW014076 .diferenciais.rodas .infos h2 { font-size: 2em; }
    .FW014076 .diferenciais.rodas .infos h3 { font-size: 1.8em; }
    .FW014076 .diferenciais.padrao .infos .medidas img { max-width: 90%; }
    .FW014076 .diferenciais.padrao .infos p { font-size: 1.2em; }

    .FW014076 .filtragem .chamada { gap: 15px; }
    .FW014076 .filtragem .chamada .num { font-size: 15em; }
    .FW014076 .filtragem .slider .slide .info h3 { font-size: 3em; }
    .FW014076 .filtragem .slider .slide .info p { font-size: 1.6em; }
}

/* 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; }