/* FONTES */
@import url("https://use.typekit.net/elt5uhe.css");
/* 300, 400, 700, 900 */

/* VARIÁVEIS */
:root {
  --gray:               #EBEBEB;
  --gray-medium:        #C7C7C7;
  --gray-light:         #E8E8E8;
  --gray-dark:          #434343;
  --blue:               #001D41;
  --white:              #FFFFFF;
  --black:              #000000;
  --black-light:        #1A1A1A;
  --dummy:              #FFCC00;
}

.FW012245 { font-family: "sofia-pro", sans-serif; font-weight: 400; font-size: 10px; color: var(--black); }
.FW012245 * { box-sizing: border-box; }
.FW012245 a { text-decoration: none; }
.FW012245 .container { width: 100%; max-width: 1260px; margin: 0 auto; padding: 0 30px; display: flex; flex-direction: column; position: relative; }
.FW012245 .container.min { max-width: 1056px; }
.FW012245 .container.fluid { flex-direction: row; }
.FW012245 .mobile { display: none !important; }
.FW012245 .ico { flex-shrink: 0; width: 60px; aspect-ratio: 1/1; border-radius: 10px; background: var(--black-light); display: flex; justify-content: center; align-items: center; }

/* CUSTOM */
.FW012245 .topo { padding-top: 60px; }
.FW012245 .topo .container { gap: 60px; align-items: center; }
.FW012245 .topo .produto { flex: 1; display: flex; justify-content: center; align-items: center; }
.FW012245 .topo .produto img { max-width: 100%; height: auto; }
.FW012245 .topo .infos { width: 45%; }
.FW012245 .topo .infos h2 { font-size: 2.9em; font-weight: 700; text-transform: uppercase; line-height: 1; margin-bottom: 65px; margin-top: 0; }
.FW012245 .topo .infos h2 strong { font-size: 2em; }
.FW012245 .topo .infos h2 span { font-size: 0.9655em; font-weight: 300; }
.FW012245 .topo .infos h3 { font-size: 3.5em; font-weight: 700; text-transform: uppercase; margin-bottom: 30px; line-height: 1; margin-top: 0; }
.FW012245 .topo .infos p { font-size: 2em; font-weight: 300; margin-bottom: 0; margin-top: 0; }
.FW012245 .topo .infos p strong { font-weight: 900; }

.FW012245 .funcionalidades { padding: 100px 0 70px 0; position: relative; }
.FW012245 .funcionalidades .aux-slider { width: 100%; display: flex; }
.FW012245 .funcionalidades .item { flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; }
.FW012245 .funcionalidades .item .info { display: flex; flex-direction: column; align-items: center; text-align: center; }
.FW012245 .funcionalidades .item .ico { margin-bottom: 40px; }
.FW012245 .funcionalidades .item h2 { margin: 0 0 20px 0; font-size: 3em; font-weight: 700; min-height: 69px; line-height: 1.136; }
.FW012245 .funcionalidades .item p { margin: 0; font-size: 2em; font-weight: 300; }

.FW012245 .box-fotos { position: relative; z-index: 2; }
.FW012245 .box-fotos .chamada { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; z-index: 2; text-shadow: 0px 0px 30px rgba(0,0,0,0.8) }
.FW012245 .box-fotos .chamada h2 { font-size: 20em; font-weight: 900; line-height: 1; color: var(--white); margin: 0; text-transform: uppercase; margin-top: -45px; }
.FW012245 .box-fotos .chamada h3 { font-size: 5.5em; font-weight: 900; line-height: 1; color: var(--white); margin: 0; text-transform: uppercase; }
.FW012245 .box-fotos .fotos { display: flex; border-radius: 35px; overflow: hidden; }
.FW012245 .box-fotos .fotos .gap { position: relative; flex: 1; height: 530px; }
.FW012245 .box-fotos .fotos .gap .img { background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; inset: 0;opacity: 0;animation-name: trocaImagem;animation-duration: 4s;animation-iteration-count: infinite; }
.FW012245 .box-fotos .fotos .gap:nth-child(1) .img:nth-child(1) { animation-delay: 0s; }
.FW012245 .box-fotos .fotos .gap:nth-child(1) .img:nth-child(2) { animation-delay: 1s; }
.FW012245 .box-fotos .fotos .gap:nth-child(1) .img:nth-child(3) { animation-delay: 2s; }
.FW012245 .box-fotos .fotos .gap:nth-child(1) .img:nth-child(4) { animation-delay: 3s; }
.FW012245 .box-fotos .fotos .gap:nth-child(2) .img:nth-child(1) { animation-delay: 0.25s; }
.FW012245 .box-fotos .fotos .gap:nth-child(2) .img:nth-child(2) { animation-delay: 1.25s; }
.FW012245 .box-fotos .fotos .gap:nth-child(2) .img:nth-child(3) { animation-delay: 2.25s; }
.FW012245 .box-fotos .fotos .gap:nth-child(2) .img:nth-child(4) { animation-delay: 3.25s; }
.FW012245 .box-fotos .fotos .gap:nth-child(3) .img:nth-child(1) { animation-delay: 0.5s; }
.FW012245 .box-fotos .fotos .gap:nth-child(3) .img:nth-child(2) { animation-delay: 1.5s; }
.FW012245 .box-fotos .fotos .gap:nth-child(3) .img:nth-child(3) { animation-delay: 2.5s; }
.FW012245 .box-fotos .fotos .gap:nth-child(3) .img:nth-child(4) { animation-delay: 3.5s; }

@keyframes trocaImagem {
    0% {
        opacity: 1;
    }

    24.99% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

 
.FW012245 .box-fotos .fotos.mobile .gap .img:nth-child(1) { animation-delay: 0s; }
.FW012245 .box-fotos .fotos.mobile .gap .img:nth-child(2) { animation-delay: 1s; }
.FW012245 .box-fotos .fotos.mobile .gap .img:nth-child(3) { animation-delay: 2s; }
.FW012245 .box-fotos .fotos.mobile .gap .img:nth-child(4) { animation-delay: 3s; }
.FW012245 .box-fotos .fotos.mobile .gap .img:nth-child(5) { animation-delay: 4s; }
.FW012245 .box-fotos .fotos.mobile .gap .img:nth-child(6) { animation-delay: 5s; }
.FW012245 .box-fotos .fotos.mobile .gap .img:nth-child(7) { animation-delay: 6s; }
.FW012245 .box-fotos .fotos.mobile .gap .img:nth-child(8) { animation-delay: 7s; }

@keyframes trocaImagemMobile {
    0% {
        opacity: 1;
    }

    12.49% {
        opacity: 1;
    }

    12.5% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.FW012245 .diferenciais { padding: 60px 0; }
.FW012245 .diferenciais .container { align-items: center; gap: 60px; }
.FW012245 .diferenciais .img { flex: 1; display: flex; justify-content: center; align-items: center; }
.FW012245 .diferenciais .img img { max-width: 100%; height: auto; }
.FW012245 .diferenciais .infos { width: 48%; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; }
.FW012245 .diferenciais .infos .chamada { font-size: 3em; font-weight: 800; line-height: 1; }
.FW012245 .diferenciais .infos .txt { font-size: 2em; font-weight: 300; line-height: 1.2; }
.FW012245 .diferenciais .infos .txt strong { font-weight: 900; }
.FW012245 .diferenciais .infos .obs { font-size: 1.5em; font-weight: 300; line-height: 1.2; }
.FW012245 .diferenciais .infos .ico { margin-bottom: 20px; }
.FW012245 .diferenciais .infos .aux { display: flex; justify-content: flex-start; align-items: center; gap: 30px; margin-bottom: 20px; }
.FW012245 .diferenciais .infos .aux .ico { margin: 0; }
.FW012245 .diferenciais .infos .aux .chamada { margin-top: -10px; } 
.FW012245 .diferenciais.ceramica { padding-top: 0; margin-top: -54px; position: relative; z-index: 2; }
.FW012245 .diferenciais.ceramica .img { justify-content: flex-end; }
.FW012245 .diferenciais.ceramica .img img { max-width: unset; width: 458px; }
.FW012245 .diferenciais.ponta { padding: 0; }
.FW012245 .diferenciais.ponta .infos { width: 35%; align-items: flex-end; }
.FW012245 .diferenciais.bivolt { padding-bottom: 0; }
.FW012245 .diferenciais.alca { padding-bottom: 0; }
.FW012245 .diferenciais.alca .infos .info { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; }
.FW012245 .diferenciais.cerdas { margin-top: -100px; padding: 0; }
.FW012245 .diferenciais.cerdas .infos { align-items: center; }
.FW012245 .diferenciais.cerdas .infos .info { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; gap: 30px; }

.FW012245 .box { padding: 40px 0; }
.FW012245 .box .holder { display: flex; justify-content: center; align-items: center; background: var(--gray); border-radius: 30px; overflow: hidden; gap: 30px; }
.FW012245 .box .img { width: 50%; display: flex; justify-content: center; align-items: flex-start; }
.FW012245 .box .img img { max-width: 100%; height: auto; }
.FW012245 .box .infos { flex: 1; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.FW012245 .box .infos .aux { display: flex; justify-content: flex-start; align-items: center; gap: 30px; margin-bottom: 30px; }
.FW012245 .box .infos h2 { font-size: 3em; font-weight: 900; line-height: 1; margin: -5px 0 0 0; }
.FW012245 .box .infos p { font-size: 2em; font-weight: 300; margin: 0; }
.FW012245 .box .infos p strong { font-weight: 900; }
.FW012245 .box.display { padding-top: 0; }
.FW012245 .box.display .holder { overflow: unset; }
.FW012245 .box.display .img { margin-top: -140px; }
.FW012245 .box.led { padding-top: 0; }
.FW012245 .box.led .holder { height: 391px; justify-content: flex-start; }
.FW012245 .box.led .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; justify-content: flex-end; border-radius: 0 30px 30px 0; overflow: hidden; }
.FW012245 .box.led .infos { flex: unset; width: 50%; }
.FW012245 .box.aquecimento { padding-bottom: 0; }
.FW012245 .box.aquecimento .holder { height: 391px; justify-content: unset; align-items: unset; }
.FW012245 .box.aquecimento .img { width: 50%; justify-content: flex-end; align-items: flex-end; padding: 0 15px; }
.FW012245 .box.aquecimento .infos { align-items: flex-start; }
.FW012245 .box.cabo { padding: 0; }

.FW012245 .box-img .holder { height: 391px; display: flex; justify-content: center; align-items: center; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 30px; overflow: hidden; }
.FW012245 .box-img .chamada { font-size: 4.2em; font-weight: 300; color: var(--white); text-transform: uppercase; text-align: center; line-height: 1; }
.FW012245 .box-img .chamada strong { font-weight: 800; }

.FW012245 .medidas { padding: 100px 0 0 0; }
.FW012245 .medidas .container { align-items: center; }
.FW012245 .medidas .img { width: 100%; display: flex; justify-content: center; align-items: center; margin-bottom: 60px; }
.FW012245 .medidas .img img { max-width: 100%; height: auto; }
.FW012245 .medidas .infos { flex: 1; display: flex; justify-content: flex-start; align-items: flex-start; gap: 200px; }
.FW012245 .medidas .infos h3 { font-size: 3.5em; font-weight: 800; line-height: 1; margin: 0 0 40px 0; }
.FW012245 .medidas .infos p { font-size: 2em; font-weight: 300; margin: 0; }
.FW012245 .medidas .infos p strong { font-weight: 800; }

.FW012245 .banner { padding-top: 80px; }
.FW012245 .banner .hld { background: var(--black); border-radius: 20px 20px 0 0; padding: 60px 30px; display: flex; justify-content: center; align-items: center; }
.FW012245 .banner .hld img { width: 100%; max-width: 430px; }

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

/* MEDIA QUERY */
@media (max-width: 1399.98px) {
    /* XL */
}

@media (max-width: 1259.98px) {
    /* LG */

    .FW012245 .medidas .infos { gap: 100px; }
}

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

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

    .FW012245 .topo .container { gap: 30px; align-items: center; }
    .FW012245 .topo .infos { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; }
    .FW012245 .topo .infos .aux-mobile { display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 30px; }
    .FW012245 .topo .infos h2 { margin-bottom: 20px; margin-top: 10px; }
    .FW012245 .topo .infos h3 { margin-bottom: 20px; }
    .FW012245 .topo .infos .selo { margin-bottom: 0; }

    .FW012245 .funcionalidades { padding: 60px 0 30px 0; }
    .FW012245 .funcionalidades .aux-slider { display: block; }
    .FW012245 .funcionalidades .item .info { flex-direction: row; text-align: left; gap: 15px; margin-bottom: 20px; }
    .FW012245 .funcionalidades .item .ico { margin-bottom: 0; }
    .FW012245 .funcionalidades .item h2 { margin: 0; }

    .FW012245 .box-fotos .chamada h2 { font-size: 20vw; }
    .FW012245 .box-fotos .chamada h3 { font-size: 5.4vw; }
    .FW012245 .box-fotos .fotos .gap { height: unset; aspect-ratio: 1/1.2; }

    .FW012245 .diferenciais .container { gap: 0; }
    .FW012245 .diferenciais.ceramica { margin-top: 0; }
    .FW012245 .diferenciais .infos { width: 100%; align-items: center; }
    .FW012245 .diferenciais .infos .aux { justify-content: center; }
    .FW012245 .diferenciais .infos .txt { text-align: center; }
    .FW012245 .diferenciais .infos .obs { text-align: center; }
    .FW012245 .diferenciais.display .img img { max-width: 60%; }
    .FW012245 .diferenciais.ponta .container { flex-direction: column-reverse; }
    .FW012245 .diferenciais.ponta .infos { width: 100%; align-items: center; }
    .FW012245 .diferenciais.ponta .img img { margin-left: -20%; }
    .FW012245 .diferenciais.bivolt { padding-bottom: 60px; }
    .FW012245 .diferenciais.bivolt .img.mobile { display: flex !important; align-items: center; }
    .FW012245 .diferenciais.bivolt .img img { max-width: 60%; }
    .FW012245 .diferenciais.alca { padding: 0 0 60px 0; }
    .FW012245 .diferenciais.alca .infos .info { align-items: center; }
    .FW012245 .diferenciais.cerdas { margin-top: 0px; }
    .FW012245 .diferenciais.cerdas .container { flex-direction: column-reverse; }
    .FW012245 .diferenciais.cerdas .infos .info { align-items: center; }

    .FW012245 .box .holder { flex-direction: column; }
    .FW012245 .box .infos { text-align: center; }
    .FW012245 .box .infos .aux { justify-content: center; }
    .FW012245 .box.aquecimento .img { width: 100%; margin: 60px 0 30px 0; padding: 0 0 0 15px; }
    .FW012245 .box.aquecimento .holder { height: auto; padding-bottom: 60px; }
    .FW012245 .box.aquecimento .infos { align-items: center; }
    .FW012245 .box.cabo .holder { flex-direction: column-reverse; padding: 10px 0 60px 0; }
    .FW012245 .box.cabo .img { width: 100%; margin: 0; }
    .FW012245 .box.led .holder { height: auto; justify-content: center; flex-direction: column-reverse; padding-bottom: 60px; }
    .FW012245 .box.led .img { position: relative; left: unset; top: unset; height: 50%; justify-content: center; border-radius: 30px 30px 0 0; }
    .FW012245 .box.led .infos { width: 100%; }

    .FW012245 .box-img { padding-top: 60px; }
    .FW012245 .box-img .chamada strong { font-size: 2em; display: block; margin-bottom: 10px; }

    .FW012245 .medidas .container { flex-direction: column-reverse; }
    .FW012245 .medidas .infos { flex-direction: column; justify-content: center; align-items: center; text-align: center; margin-bottom: 60px; }

    .FW012245 .banner { padding-top: 0; }
}

@media (max-width: 767.98px) {
	  /* XS */
    .FW012245 .box-fotos .container { padding: 0; }
    .FW012245 .box-img .chamada { font-size: 3.2em; }

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

@media (max-width: 575.98px) {
    /* XXS */
    .FW012245 .ico { width: 50px; }
    .FW012245 .ico img { max-height: 25px; max-width: 25px; }

    .FW012245 .topo .infos h2 { font-size: 2.4em; margin-top: 2px; }
    .FW012245 .topo .infos h3 { font-size: 2em; }
    .FW012245 .topo .infos p { font-size: 1.4em; }

    .FW012245 .funcionalidades .item h2 { font-size: 2.4em; margin-top: 10px; }
    .FW012245 .funcionalidades .item p { font-size: 1.8em; }

    .FW012245 .diferenciais { padding: 15px 0; }
    .FW012245 .diferenciais .infos .chamada { font-size: 2em; }
    .FW012245 .diferenciais .infos .txt { font-size: 1.4em; }
    .FW012245 .diferenciais .infos .aux { gap: 15px; }
    .FW012245 .diferenciais.ceramica .img img { width: 90%; margin-left: 8%; }
    .FW012245 .diferenciais.display .img img { max-width: 80%; }
    .FW012245 .diferenciais.ponta .img img { width: 90%; margin-left: -12%; }
    .FW012245 .diferenciais.bivolt { margin: 30px 0; }
    .FW012245 .diferenciais.bivolt .img img { max-width: 100%; }
    .FW012245 .diferenciais.alca .img img { width: 90%; margin-left: 10%; }
    .FW012245 .diferenciais.cerdas .img img { width: 90%; margin-left: 10%; }

    .FW012245 .box .holder { border-radius: 35px; }
    .FW012245 .box .infos h2 { font-size: 2.2em; }
    .FW012245 .box .infos h3 { font-size: 2em; }
    .FW012245 .box .infos p { font-size: 1.4em; }

    .FW012245 .box-img .chamada { font-size: 2.2em; }
    .FW012245 .box-img .chamada strong { margin: 0 0 -15px 0; }

    .FW012245 .medidas { padding: 0; }
    .FW012245 .medidas .container { padding: 0; }
    .FW012245 .medidas .selo img { width: 60%; max-width: 230px; }
    .FW012245 .medidas .infos { gap: 30px; }
    .FW012245 .medidas .infos h3 { font-size: 2em; }
    .FW012245 .medidas .infos p { font-size: 1.4em; }
}

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