#lerMaisButton,.form .form-button{color:#fff;transition:.2s ease-in}.banner{position:relative;overflow:hidden;background-image:url('../images/sections/como-funciona-webdoor-4.webp'),url('../images/sections/como-funciona-webdoor-4.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;padding:3rem;height:600px;z-index:2}.banner .container .row{align-items:center!important}.banner-content{display:flex;flex-direction:column;gap:1rem}.banner-content h1{color:#fff;font-weight:800;font-size:2.5rem;line-height:105%;display:flex;align-items:center;letter-spacing:-.01em}.banner-content p{color:#fff;font-weight:400;font-size:24px;margin:0}.form{display:flex;flex-direction:column;align-items:center;padding:40px 32px;gap:24px;margin-left:auto;background:#fff;border-radius:24px;width:500px;max-width:500px}.form-top span{font-weight:700;font-size:1rem;line-height:135%;letter-spacing:.12em;color:var(--accent-color)}.form-top h3{font-weight:800;font-size:2.2rem;line-height:140%;color:#27272a}.form-top p{font-weight:600;font-size:.9rem;line-height:145%;color:#27272a}.form input,.form select{padding:0 16px 0 50px;gap:12px;width:100%;height:48px;border:1.5px solid #c9cedd;border-radius:1000px}.form select{padding:0 16px;color:#474c5c;font-size:16px}.como-funciona-passos-01 p,.como-funciona-passos-03 p,.quem-deve-usar p,.teleassistencia p{padding-right:2rem}select{appearance:none;border:0;outline:0;font:inherit;width:100%;height:3em;padding:0 4em 0 1em;background:url(../../assets/images/icons/telehelp-select-icon.png) right 1em center/1.5em no-repeat,linear-gradient(to left,#fff 3em,#fff 3em);cursor:pointer}.form .form-input-group{position:relative;width:100%}.form .form-input-group img{position:absolute;width:22px;height:auto;left:3.5%;top:50%;margin-top:-11px}.form .form-button{background-color:var(--accent-color);font-weight:700;font-size:15px;padding:0 16px;width:100%;height:48px;border-radius:1000px;border:none}.form-button:hover{background-color:var(--hover)!important}.form ::placeholder{font-weight:500;font-size:16px;line-height:150%;color:#474c5c}.form p{font-weight:500;font-size:16px;line-height:150%;color:#27272a}.beneficios h2,.como-funciona h2,.quem-deve-usar h2,.teleassistencia h1{line-height:120%;letter-spacing:-.01em}.bottom-form{display:none!important}.teleassistencia{padding:3rem 0 0}.quem-deve-usar h2,.teleassistencia h1{font-size:34px;font-weight:700;margin-bottom:40px}.teleassistencia-imagem-container{max-width:100%;height:auto}.como-funciona-imagem-container img,.teleassistencia-imagem-container img{width:100%;height:100%;object-fit:cover}.get-in-touch .container{margin-top:3rem!important}.como-funciona{padding:3rem 0;background-color:#f2f2f2;margin:3rem 0}.como-funciona h2{font-size:34px;font-weight:700;margin-bottom:15px}.como-funciona .title-wrap{margin-bottom:2rem}.como-funciona .title-wrap p{font-size:1.14rem;font-weight:400;color:#474c5c;text-align:start}.como-funciona small{font-size:.7rem;font-weight:500}.como-funciona-descricao-wrap p,.tudo-sobre .accordion-body p{font-size:14px!important}.como-funciona-passos-02 .como-funciona-imagem-container{margin-right:2rem}.como-funciona-passos{padding-top:4rem}.como-funciona-passos-01{padding-top:2rem!important}.como-funciona-passos h3{font-weight:700;color:var(--accent-color);margin-bottom:0;font-size:1.14rem}.passos-titulo-container p{font-size:1rem;padding-left:2.7rem!important}.como-funciona-descricao-wrap{padding-left:3.5rem!important}.como-funciona-circulo-numero{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background-color:var(--accent-color);font-size:21px;font-weight:700;padding:15px}.como-funciona-descricao-individual h4{font-weight:700;font-size:1.1rem;margin-bottom:0!important}.como-funciona-imagem-container{width:514px;max-width:514px;height:auto;display:flex;align-items:center;justify-content:center;border-radius:20px;overflow:hidden}.quem-deve-usar{padding:0 0 3rem}.quem-deve-usar h3{color:var(--accent-color);font-weight:600;font-size:1.18rem!important;display:flex}.quem-deve-usar p{font-size:14px}.beneficios,.tudo-sobre{padding:0}.beneficios h2{font-weight:700;font-size:34px;margin-bottom:3rem}.beneficios-card-wrap{display:flex;flex-direction:column;justify-content:center;width:100%;padding:0!important;gap:2rem}.beneficios-card{display:flex;width:100%!important;max-width:100%;height:max-content;background:#f2f2f2;border-radius:24px;transition:.4s;overflow:hidden}.beneficios-card-image-container{height:auto}.beneficios-card-image-container img{width:500px;height:100%;object-fit:cover}.beneficios-card-content{padding:32px;display:flex;align-items:start;justify-content:center;flex-direction:column;gap:1rem}.beneficios .beneficios-sub{font-size:1.3rem!important;color:var(--accent-color);font-weight:600!important}.beneficios-card p{font-weight:400;font-size:1rem;line-height:160%;text-align:start!important;color:#27272a}.discount-percent .discount-wrap,.discount-percent p{line-height:100%;color:#fff!important;font-weight:700}.beneficios-alt .beneficios-card{max-width:97%;height:670px}.tudo-sobre .accordion-button{gap:1rem!important}.tudo-sobre .accordion-button::after{content:''!important;background-image:url('../images/icons/mais.png')!important;transition:.4s!important;background-color:transparent}.tudo-sobre .accordion-button:not(.collapsed)::after{content:''!important;background-image:url('../images/icons/menos.png')!important;background-color:transparent;transform:none!important}.tudo-sobre .accordion-item{margin-bottom:1rem;border:1.5px solid #c9cedd!important;border-radius:20px!important;overflow:hidden}.tudo-sobre .accordion-body h3{font-weight:700!important;font-size:15px}.tudo-sobre .accordion-item h2 button{font-weight:700!important;font-size:1rem!important;color:#27272a}.tudo-sobre .accordion-button:not(.collapsed){color:#fff;background-color:var(--accent-color);transition:.4s!important}.full-text{display:none}#lerMaisButton{display:flex;flex-direction:row;align-items:center;padding:0;gap:10px;width:max-content;height:56px;background:0 0;border-radius:1000px;font-weight:600;text-decoration:none;border:none;cursor:default}.lerMaisWrap{display:flex;gap:10px;justify-content:center}.lerMaisWrap:hover #lerMaisButton{background-color:transparent!important}.lerMaisWrap svg{width:13px;fill:white}.lerMaisWrap:hover svg{fill:white}.discount{background:var(--accent-color);padding:18px 0}.discount-percent{position:relative;display:flex;align-items:center;padding:8px 32px;gap:15px;max-width:340px;height:80px;border:1.5px solid #1f1f4d;background-color:#1f1f4d!important;border-radius:200px}.discount-percent .discount-wrap{position:relative;font-size:3.2rem;letter-spacing:-.02em}.discount-percent p{position:absolute;right:2.1rem;top:50%;transform:translateY(-50%);font-size:1.2rem}.discount-content a{font-weight:700;font-size:1.1rem;line-height:160%;margin:0 0 0 -3rem;color:#fff;text-decoration:none}.discount-content a:hover{color:#fff;text-decoration:underline}.discount-content span{color:#1f1f4d}@media (min-width:1201px) and (max-width:1550px){.container{max-width:1140px!important}.como-funciona-passos-01 p,.como-funciona-passos-03 p,.quem-deve-usar p,.teleassistencia p{padding-right:2rem}.beneficios h2,.como-funciona h2,.quem-deve-usar h2,.teleassistencia h1{font-size:28px}.como-funciona-passos-02 .como-funciona-imagem-container{margin-right:2rem}.quem-deve-usar h3{height:50px;display:flex;align-items:start}.beneficios-card-image-container img{width:350px}.beneficios-alt .beneficios-card{height:635px}.como-funciona-passos h3{font-size:1.14rem}.discount-content a{font-size:.97rem;margin-left:0}}@media screen and (min-width:1202px){.d-none-desktop{display:none}.bottom-form{font-size:.9rem!important}}@media screen and (max-width:1201px){.banner-content{padding-top:0}.banner{background-position:left bottom;display:flex;align-items:center}.form{width:100%;z-index:2!important;margin-left:inherit!important}.form-col{padding:0!important;display:flex;justify-content:center}.beneficios h2,.tudo-sobre h2{font-size:30px}.beneficios-card-image-container img{width:350px}.beneficios-alt .beneficios-card{max-width:97%;height:550px}.discount-content a{font-size:.8rem;margin-left:0}.discount-percent p{right:1.2rem;font-size:1rem}.d-none-responsive{display:none}.quem-deve-usar h3{height:50px;display:flex;align-items:start}}@media screen and (max-width:993px){.banner{height:500px;background-position:center center}.banner--responsive,.como-funciona .title-wrap p,.teleassistencia{padding:0}.banner--responsive img{max-width:550px;left:50%;transform:translateX(-50%)}.banner-content--responsive{text-align:start}.banner-content--responsive a{margin:0 0 2rem!important}.banner--responsive .btn-primary{width:max-content!important}.passos-titulo-container p{padding:0 0 0 2.7rem}.como-funciona-passos-01 p,.como-funciona-passos-03 p,.quem-deve-usar p,.teleassistencia p{padding-right:0}.como-funciona-passos-02 .como-funciona-imagem-container{margin-right:0}.get-in-touch a,.get-in-touch p{font-size:1.5rem!important}.quem-deve-usar h3{height:inherit;align-items:center;padding-bottom:.9rem}.quem-deve-usar .col-lg-6{margin-bottom:1.5rem}.beneficios-card-image-container{height:auto;width:100%}.beneficios-card-image-container img{width:100%;height:100%;object-fit:cover}.beneficios-card-wrap{flex-direction:column;gap:2rem}.beneficios-card{height:max-content;flex-direction:column;max-width:400px}.beneficios-card-content{align-items:center}.discount-percent{max-width:330px;margin-bottom:.5rem}.discount-percent .discount-wrap{font-size:3rem}.discount-percent p{right:2rem;font-size:1.2rem}.tudo-sobre .accordion-item h2 button{font-weight:700!important;font-size:1rem!important;color:#27272a}}@media screen and (max-width:768px){.teleassistencia h1,h2{font-size:24px!important}.banner{background-image:url('../images/sections/como-funciona-webdoor-responsive-4.webp'),url('../images/sections/como-funciona-webdoor-responsive-4.jpg')}.banner-content--responsive .banner-h1{font-size:2.5rem!important}.tudo-sobre .accordion-item h2 button{font-weight:700!important;font-size:1rem!important;color:#27272a}}@media screen and (max-width:577px){.banner--responsive{background-position:center center}.banner--responsive img{max-width:440px}.last-section-form{width:95%!important;max-width:95%!important}}@media screen and (max-width:440px){h2{font-size:24px!important}.banner{height:430px}.banner--responsive .banner-h1{font-size:1.77rem!important}.banner p,.banner span{font-size:18px}.como-funciona .title-wrap p{font-size:16px}.como-funciona-passos h3{font-size:1.14rem!important}.tudo-sobre .accordion-item h2 button{font-weight:700!important;font-size:1rem!important;color:#27272a}}@media screen and (max-width:414px){.tudo-sobre .accordion-button{padding:1rem!important}}@media screen and (max-width:375px){.banner .banner-h1{font-size:2.2rem!important}}