.modal{position:fixed;top:50%;left:50%;right:auto;background:rgba(var(--color-white), 1);border-radius:.625rem;box-shadow:2px 2px 15px rgba(var(--color-3), 0.4);transform:translate(-50%, -50%);display:none;width:90vw;max-height:90vh;max-width:50rem;padding:1.5rem;opacity:0;pointer-events:none;z-index:107;transition:all 0.3s ease-in-out;overflow:auto;border:none}.modal.active{display:block;pointer-events:initial;opacity:1}.modal__titleBack{display:flex;padding:0 0 1rem;border-bottom:1px solid rgba(var(--color-black), 1);margin-bottom:1.5rem}.modal__titleBack a{display:flex;align-items:center}.modal__titleBack .svg{margin-left:1rem;margin-right:1rem;width:1.25rem;height:1.25rem;filter:var(--filter-1)}.modal__titleBack .hl-2{margin:0 auto;padding-right:2.1875rem}.modal--right{opacity:1;top:auto;bottom:0;max-height:90vh;width:100vw;border-radius:0;left:auto;right:0;max-width:36.875rem;border-radius:5px 5px 0 0;transform:translateY(100%)}@media (min-width: 992px){.modal--right{border-radius:0;top:var(--header-height);bottom:auto;max-height:initial;height:calc(100vh - var(--header-height));transform:translateX(100%)}}.modal--right.active{pointer-events:initial;transform:translate(0, 0)}.modal--login{max-width:28rem;flex-direction:column}.modal--login .image{position:absolute;bottom:1rem;left:0;max-width:2.75rem;border-radius:0 0 0 .625rem;overflow:hidden}.modal--login .image img{object-fit:contain;object-position:center}@media (min-width: 992px){.modal--login .image{max-width:3.8125rem;bottom:0}}.modal--benefits{max-width:28rem;padding:5rem 1.5rem 2.5rem}.modal--video{max-height:90vh;max-width:90vw;padding:2.5rem 1rem 1rem;overflow:hidden;width:90vw;height:58vw}.modal--video.active{display:flex !important}@media (min-width: 992px){.modal--video{padding:3.125rem 1.5rem 1.5rem;height:38.75rem;width:62.5rem}}.modal--video .youtube-modal-content{display:flex;flex:1}.modal--video:not(.modal--sliderVideo) .video{flex:1;margin-bottom:0}.modal--video .modal__close{top:.625rem;right:1rem}@media (min-width: 992px){.modal--video .modal__close{top:1rem;right:1.5rem}}.modal--form{padding:2.5rem 1rem}.modal--image{padding:0}.modal--image img{width:100%}.modal__close{position:absolute;top:1rem;right:1rem}.modal__close .svg{width:1.375rem;height:1.375rem;filter:var(--filter-1)}.modal__logo{width:auto;max-height:2.5rem;margin:0 auto 1rem}.modal__logo.logo-br{filter:none;max-height:3.5625rem}.modal__content{text-align:center}.modal__content .hl-2{font-size:1.375rem}.modal__buttons{display:flex;justify-content:center;flex-direction:column;align-items:center}.modal__buttons .btn{width:10rem}.modal__code{padding:.5rem;border:1px dashed rgba(var(--color-1), 1);color:rgba(var(--color-2), 1);max-width:80%;margin:0 auto;font-weight:var(--font-weight-medium);color:rgba(var(--color-1), 1);text-transform:uppercase}.modal__steps{border-radius:0;padding:0;max-width:31.25rem;height:95vh;max-height:58.75rem}@media (max-width: 991.98px){.modal__steps{height:90vh;width:100vw;max-width:100vw}}.modal__steps .modal__close{top:2rem;z-index:2}.modal__steps .modal__close .svg{width:1.875rem;height:1.875rem;filter:var(--filter-white)}.modal__steps .slide{display:grid;grid-template-columns:1fr;grid-template-rows:auto min-content;position:relative;height:100%}.modal__steps .slide__items{display:flex;counter-reset:list-number;position:relative;overflow:hidden}.modal__steps .slide__item{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(75%, auto) minmax(25%, auto)}.modal__steps .slide__item p{counter-increment:list-number;padding:2rem 1rem 0;display:grid;grid-template-columns:min-content auto;grid-template-rows:auto;gap:0 1rem;font-size:1rem;overflow-x:auto}.modal__steps .slide__item p::before{content:counter(list-number);font-size:3.125rem;color:rgba(var(--color-2), 1);line-height:1}.modal__steps .slide__item p.unnumbered{grid-template-columns:auto}.modal__steps .slide__item p.unnumbered::before{display:none}@media (min-width: 992px){.modal__steps .slide__item p{padding:2rem 1rem 0;font-size:1.375rem}}.modal__steps .slide__controls button{width:100%;position:absolute;top:9%;width:25%;height:65%;z-index:1}.modal__steps .slide__prev{left:0}.modal__steps .slide__next{right:0}.modal__steps .slide__items>*{position:absolute;top:0px;opacity:0;pointer-events:none}.modal__steps .slide__image{display:flex;align-items:center;justify-content:center;position:relative;width:100%;overflow:hidden;background-color:rgba(var(--color-black), 1)}.modal__steps .slide__image::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:10rem;z-index:1;background:linear-gradient(180deg, rgba(0,0,0,0.5) 25%, transparent 100%)}.modal__steps .slide__image h2{position:absolute;top:2rem;left:1rem;width:75%;z-index:2}.modal__steps .slide__image img{height:fit-content}.modal__steps .slide__items>.active{position:relative;opacity:1;pointer-events:initial}.modal__steps .slide__playPause{position:absolute;top:2.2rem;transform:translateX(-50%);right:3rem;width:1.375rem;height:1.375rem;cursor:pointer;z-index:2}.modal__steps .slide__playPause i{width:1.375rem !important;height:1.375rem !important}.modal__steps .slide__play,.modal__steps .slide__pause{opacity:0;font-size:0;transition:all 0.3s ease-in-out;pointer-events:none;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;filter:var(--filter-white);background-repeat:no-repeat;background-position:left center;background-size:contain}.modal__steps .slide__play .icon,.modal__steps .slide__pause .icon{width:1.875rem;height:1.875rem;display:block}.modal__steps .slide__play.active,.modal__steps .slide__pause.active{opacity:1;pointer-events:initial}.modal__steps .slide__thumb{position:absolute;display:flex;align-items:center;justify-content:space-around;max-width:100%;top:10px;left:50%;transform:translateX(-50%);width:calc(100% - 2rem);z-index:2}.modal__steps .slide__thumb span{position:relative;background-color:#777;border-radius:5px;overflow:hidden;left:0;margin:2px;max-width:100%;width:100%;height:.5rem}.modal__steps .slide__thumb span div{content:"";position:absolute;display:block;width:0%;height:100%;background-color:rgba(var(--color-white), 1)}.modalBackdrop{background:rgba(var(--color-black), 0.9);position:fixed;top:0;left:0;width:100%;height:100%;z-index:106;opacity:0;pointer-events:none;transition:all 0.3s ease-in-out;display:none}.modalBackdrop.active{pointer-events:initial;opacity:1;display:block}
