@font-face{font-family:fontetitulo2;src:url(../../../global/fonts/ralewayLight.woff2)}html,body{width:100vw;height:100vh;overflow:hidden}h1{font-size:clamp(24rem,8vw,50rem)}h2{text-align:center;font-size:21rem}h3{font-size:clamp(22rem,6vw,38rem)}.espacoparticulas{z-index:0;opacity:.16;width:100vw;height:100dvh;transition:opacity 2.5s linear;display:block;position:absolute}.bttverdetalhes{cursor:pointer;z-index:9999;width:32rem;height:32rem;transition:opacity .5s linear;display:none;position:fixed;bottom:0;left:50%;translate:-50%;&>span{background-color:#fff;border-radius:3rem;width:15rem;height:3rem;animation:3.3s infinite bttdetalhes;position:absolute;&:first-child{top:13rem;left:4rem;rotate:50grad}&:nth-child(2){top:13rem;left:13rem;rotate:-50grad}}}@keyframes bttdetalhes{0%{translate:0 8rem}50%{translate:0 -8rem}to{translate:0 8rem}}.pulsarTexto{animation:3.3s infinite pulsarTexto}@keyframes pulsarTexto{0%{text-shadow:0 0 #fff}50%{text-shadow:0 0 16rem #fff}0%{text-shadow:0 0 #fff}}.sessao{flex-direction:column;justify-content:center;width:100vw;height:0;display:flex;position:relative;overflow:hidden;&.show{height:100dvh}&>.fundo{z-index:-1;background-position:50%;background-size:cover;width:100vw;height:100%;position:absolute}&>.content{width:100vw;height:min-content;max-height:100dvh;max-width:var(--MAIN_WIDTH);z-index:2;grid-template:"titulo""boxTextContainer"1fr"buttons"60rem/100%;align-content:center;gap:10rem;margin-left:auto;margin-right:auto;padding:80rem 0 50rem;display:grid;position:relative;&>.titulo{text-align:center;grid-area:titulo;margin-bottom:8rem;font-family:fontetitulo2}&>.boxTextContainer{flex-direction:row;grid-area:boxTextContainer;gap:10rem;width:100%;padding:0 clamp(16rem,3.2%,32rem);display:flex;position:relative;overflow:hidden;&>.textContainer{color:#fffc;background-color:#00000052;border-radius:10rem;flex:1;height:min-content;max-height:100%;padding:10rem;overflow:auto;& span{color:var(--COR_DESTAQUE);cursor:pointer;text-decoration:none;transition:color .16s ease-in-out;&:hover{color:var(--COR_DESTAQUE_HOVER)}}&>ul{margin-bottom:16rem;list-style-type:disc;list-style-position:inside;&>li{margin-bottom:8rem}}}@media screen and (width<=50rem){flex-direction:column}}&>.buttons{flex-direction:row;grid-area:buttons;justify-content:center;align-items:center;gap:10rem;display:flex}}& .carregamento{backdrop-filter:blur(5rem);z-index:10}}.containerWindow{display:block;& .containerImagem{cursor:pointer;border-radius:10rem;max-width:100%;max-height:100%;position:relative;top:50%;left:50%;overflow:hidden;translate:-50% -50%;&:after{content:"";width:100%;height:100%;display:block;position:absolute;inset:0}}&.comparar{padding:20rem}&.show{padding:max(8%,32rem);& .containerImagem{cursor:default}}&.slide{padding:0;& .mainContainer{width:100%;height:100%;position:relative}& .containerSlides{width:100%;height:calc(100% - 70rem);padding:10rem;position:relative;& .slides{cursor:pointer;border-radius:10rem;flex-flow:row;max-width:100%;max-height:100%;display:flex;position:relative;top:50%;left:50%;overflow:hidden;translate:-50% -50%;& .slide{flex-shrink:0;width:0%;height:100%;transition:width .32s ease-in-out;position:relative;&.show{width:100%}&:after{content:"";width:100%;height:100%;display:block;position:absolute;inset:0}}}}& .containerIcones{background-color:rgba(var(--COR_BACKGROUND_RGB),.32);width:100%;height:70rem;position:relative;overflow:hidden;& .icones{gap:10rem;height:100%;transition:left .32s ease-in-out;display:inline-flex;position:relative;left:50%;& .icone{opacity:.64;cursor:pointer;border:2rem solid #ffffff7a;border-radius:10rem;height:100%;transition:opacity .32s ease-in-out,border-color .32s ease-in-out;&.show{opacity:1;border-color:var(--COR_DESTAQUE)}&:hover{opacity:1}}}}}&.applyTranslate{& .content{color:#fffc;text-align:center;border-radius:10rem;flex-direction:column;justify-content:center;align-items:center;width:60%;min-width:350rem;height:50%;min-height:300rem;padding:10rem;transition:all .16s ease-in-out;display:flex;position:relative;top:50%;left:50%;translate:-50% -50%;&.dragLeave{border:2rem dashed #ffffff7a}&.dragEnter{color:rgba(var(--COR_DESTAQUE_RGB),.8);border:2rem dashed rgba(var(--COR_DESTAQUE_RGB),.8)}&.containerProgressBar{min-width:100%;min-height:100%}& progress{width:65%;height:32rem}& p{margin-bottom:32rem;font-size:20rem}}}& .image{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;transition:opacity .32s linear;position:absolute;&.hide{opacity:0}}}