body{overflow-x: clip!important;} /* SECAO 1 TOPO */ body main {background: url(../img/global/fundoCompletoTextura.webp) top center no-repeat #211f24;background: url(../img/global/fundoCompleto.webp) top center no-repeat #211F24;background-position-y: -197px;} ._1000 body main .topoDash {/* background: url("../img/global/fundoCompletoTextura.webp") top center no-repeat #211f24; */position: relative;z-index: 1;/* overflow: clip !important; */} body main .topoDash::before{content: '';display: block;position: absolute;width: 100%;max-width: 1873px;min-width: 1300px;height: 645px;bottom: -28px;left: 50%;transform: translateX(-50%);background: url("../img/global/world1.svg") center bottom;background-size: contain;background-repeat: no-repeat;} body main .topoDash .centroTopo {width: 100%;max-width: 1320px;min-height: 572px;padding: 143px 20px 60px;margin: 0 auto;position: relative;z-index: 2;} /* topo - cardsLocais */ body main .topoDash .centroTopo .cardsLocais {display: flex;width: 100%;height: 493px;position:relative;margin-bottom: -56px;} ._1000 body main .topoDash .centroTopo .cardsLocais::before{content: '';display: block;position: absolute;width: 111px;height: 141px;background-image: url("../img/global/note3.svg");background-size: contain;background-repeat: no-repeat;top: 84px;left: 25.3%;user-select: none;pointer-events: none;} ._1000 body main .topoDash .centroTopo .cardsLocais .card{display: block;width: 100%;max-width: 174px;height: 165px;position: absolute;z-index: 3;cursor: pointer;transition: all 0.5s ease;background-image:url("../img/global/postit5.svg");filter: drop-shadow(1px 2px 5px #121014C9) drop-shadow(6px 7px 9px #121014AD) drop-shadow(13px 16px 13px #12101466) drop-shadow(24px 29px 15px #1210141F) drop-shadow(37px 45px 16px #12101403);background-size: cover;background-repeat: no-repeat;will-change: transform;transform: rotate(0deg) translateZ(0);image-rendering: crisp-edges;} ._1000 body main .topoDash .centroTopo .cardsLocais .card::before{content: '';display: block;position: absolute;width: calc(100% + 4px);height: calc(100% + 4px);background: url("../img/global/postit4.svg") center;top: 50%;left: 50%;transform: translate(-50%, -50%) translateZ(0);background-size: cover;background-repeat: no-repeat;opacity: 0;will-change: opacity, transform;backface-visibility: hidden;transition: opacity 0.5s ease;z-index: 0;image-rendering: crisp-edges;} body main .topoDash .centroTopo .cardsLocais .card:hover::before{opacity: 1;} body main .topoDash .centroTopo .cardsLocais .card::after{content: '';display: block; position: absolute; width: 38px; height: 54px; background-image:url("../img/global/stickerPin.svg"); background-size: contain; background-repeat: no-repeat;z-index: 1; transition: all 0.3s ease;will-change: transform; transform: rotate(0deg) translateZ(0);image-rendering: crisp-edges; } /* posicao de cada card */ ._1000 body main .topoDash .centroTopo .cardsLocais .card.card1{transform: rotate(11deg) translateZ(0);top: 119px;left: 24px;} ._1000 body main .topoDash .centroTopo .cardsLocais .card.card1::after{right: -17px;top: 49px;transform: rotate(35deg) translateZ(0);} ._1000 body main .topoDash .centroTopo .cardsLocais .card.card2{transform: rotate(-15deg) translateZ(0);bottom: 103px;left: 26%;} ._1000 body main .topoDash .centroTopo .cardsLocais .card.card2::after{top: 32px;left: -15px;transform: rotate(-70deg) translateZ(0);} ._1000 body main .topoDash .centroTopo .cardsLocais .card.card3{transform: rotate(9deg) translateZ(0);bottom: 86px;right: 31%;} ._1000 body main .topoDash .centroTopo .cardsLocais .card.card3::after{right: 30px;top: -22px;} ._1000 body main .topoDash .centroTopo .cardsLocais .card.card4{transform: rotate(-6deg) translateZ(0);top: 12px;right: 41%;} ._1000 body main .topoDash .centroTopo .cardsLocais .card.card4::after{right: -13px;top: 26px;transform: rotate(50deg) translateZ(0);} ._1000 body main .topoDash .centroTopo .cardsLocais .card.card5{transform: rotate(-8deg) translateZ(0);top: 81px;right: 6%;} ._1000 body main .topoDash .centroTopo .cardsLocais .card.card5::after{top: 74px;left: -7px;transform: rotate(-130deg) translateZ(0);} ._1000 body main .topoDash .centroTopo .cardsLocais .card.card6{transform: rotate(-3deg) translateZ(0);top: 329px;right: 0%;} ._1000 body main .topoDash .centroTopo .cardsLocais .card.card6::after{right: -15px;top: 10px;transform: rotate(50deg) translateZ(0);} ._1000 body main .topoDash .centroTopo .cardsLocais .card:hover{transform: rotate(0deg) translateZ(0);} /* conteudo cada card */ body main .topoDash .centroTopo .cardsLocais .card ul {display: block;position: relative;padding: 16px 0px 30px;} body main .topoDash .centroTopo .cardsLocais .card a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;} body main .topoDash .centroTopo .cardsLocais .card ul::after {position: absolute;content:'';width: 15px;height: 12px;right: 18px;bottom: 17px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 12'%3E%3Cg opacity='.32'%3E%3Cpath fill='%23D46A45' d='M14.8 5.46 10.028.21a.65.65 0 0 0-.48-.21.652.652 0 0 0-.476.22.79.79 0 0 0-.2.523.792.792 0 0 0 .192.528l3.608 3.97H.682a.652.652 0 0 0-.482.22.79.79 0 0 0-.2.53c0 .199.072.39.2.53s.301.22.482.22h11.99l-3.608 3.97a.756.756 0 0 0-.153.243.815.815 0 0 0 .144.826c.064.07.14.126.224.164a.63.63 0 0 0 .527-.005.683.683 0 0 0 .222-.168l4.772-5.25a.79.79 0 0 0 .2-.53.79.79 0 0 0-.2-.53Z'/%3E%3Cpath fill='%2353565E' d='M14.8 5.46 10.028.21a.65.65 0 0 0-.48-.21.652.652 0 0 0-.476.22.79.79 0 0 0-.2.523.792.792 0 0 0 .192.528l3.608 3.97H.682a.652.652 0 0 0-.482.22.79.79 0 0 0-.2.53c0 .199.072.39.2.53s.301.22.482.22h11.99l-3.608 3.97a.756.756 0 0 0-.153.243.815.815 0 0 0 .144.826c.064.07.14.126.224.164a.63.63 0 0 0 .527-.005.683.683 0 0 0 .222-.168l4.772-5.25a.79.79 0 0 0 .2-.53.79.79 0 0 0-.2-.53Z'/%3E%3C/g%3E%3C/svg%3E") center center no-repeat;transition: all ease 0.5s;will-change: transform;transform: translateZ(0);} body main .topoDash .centroTopo .cardsLocais .card:hover ul::after{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 12'%3E%3Cpath fill='%23D46A45' d='M14.8 5.46 10.028.21a.65.65 0 0 0-.48-.21.652.652 0 0 0-.476.22.79.79 0 0 0-.2.523.792.792 0 0 0 .191.528l3.61 3.97H.681a.652.652 0 0 0-.482.22.79.79 0 0 0-.2.53c0 .199.072.39.2.53s.301.22.482.22h11.99l-3.609 3.97a.756.756 0 0 0-.152.243.814.814 0 0 0 .144.826c.064.07.14.126.224.164a.63.63 0 0 0 .527-.005.683.683 0 0 0 .222-.168l4.772-5.25a.79.79 0 0 0 .2-.53.79.79 0 0 0-.2-.53Z'/%3E%3C/svg%3E") center center no-repeat;} body main .topoDash .centroTopo .cardsLocais .card ul li.info {width: 100%;font: 500 16px/16px 'omnes-pro';letter-spacing: 0.02em;color: #494C54;margin-bottom: 10px;padding: 0 10px 0 29px;display: flex;align-items: baseline;transform: translateZ(0);} body main .topoDash .centroTopo .cardsLocais .card ul li.info h2 {font: 600 18px/24px 'omnes-pro';letter-spacing: 0.02em;color: #1A1B1D;text-align: left;padding-left: 0;transform: translateZ(0);} body main .topoDash .centroTopo .cardsLocais .card ul li.info b {display: block;font: 600 22px/18px 'omnes-pro';letter-spacing: 0.02em;color: #30282D;transition: all ease 0.5s;text-align: right;min-width: 40px;transform: translateZ(0);} body main .topoDash .centroTopo .cardsLocais .card ul li.info i {padding-left: 6px;transform: translateZ(0);} /* topo - boxBucket */ ._1000 body main .topoDash .centroTopo .boxBucket{display: block;width: 250px; height: 183px; position: absolute; left: 20px; bottom: 75px;background: #DBDDE0; border-radius: 4px; border: 3px solid transparent; padding: 23px 33px 23px 27px; cursor: pointer; transition: all 0.5s ease;} body main .topoDash .centroTopo .boxBucket a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;} body main .topoDash .centroTopo .boxBucket.ativo, body main .topoDash .centroTopo .boxBucket:hover{background: #fff; border: 3px solid #2D9CBB;} ._1000 body main .topoDash .centroTopo .boxBucket::before{content: ''; display: block; position: absolute; background-image: url("../img/global/bgBucket2.svg"); background-size: contain; background-repeat: no-repeat; user-select: none; z-index: -1; width: 204px;height: 282px; left: 50%; transform: translateX(-50%); top: -25px; opacity: 0.6; will-change: opacity, transform; backface-visibility: hidden; transition: opacity 0.5s ease;pointer-events: none;} body main .topoDash .centroTopo .boxBucket::after{content: ''; display: block; position: absolute;width: 16px; height: 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3E%3Cpath fill='%232D9CBB' d='m15.6895 5.4605-4.7727-5.25C10.7882.074 10.6159-.0017 10.4372 0c-.1788.0017-.3498.0806-.4762.2197-.1265.139-.1982.3271-.1997.5238-.0016.1966.0672.386.1914.5275l3.6089 3.9698H1.571c-.1808 0-.3543.079-.4821.2196-.1279.1407-.1997.3315-.1997.5304 0 .1989.0718.3897.1997.5303.1278.1407.3013.2197.482.2197h11.9907l-3.609 3.9697a.7565.7565 0 0 0-.1527.2435.8147.8147 0 0 0-.0554.2895.8158.8158 0 0 0 .0508.2905.7587.7587 0 0 0 .149.2463.6833.6833 0 0 0 .2238.1639.6293.6293 0 0 0 .2642.0558.6294.6294 0 0 0 .2631-.0609.6835.6835 0 0 0 .2214-.1681l4.7727-5.25c.1279-.1406.1997-.3313.1997-.5302 0-.1989-.0718-.3896-.1997-.5303Z'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; user-select: none; bottom: 16px; right: 16px;} ._1000 body main .topoDash .centroTopo .boxBucket.ativo::before, body main .topoDash .centroTopo .boxBucket:hover::before{opacity: 1;} body main .topoDash .centroTopo .boxBucket h3{display: block; width: 100%; font: 600 18px / 24px 'omnes-pro'; letter-spacing: 0.02em; color: #1A1B1D;position: relative;margin-bottom: 8px;} body main .topoDash .centroTopo .boxBucket h3::after{content: ''; display: block; position: absolute; width: 54px; height: 50px; background-image: url("../img/global/stickerLove.png"); background-size: contain; background-repeat: no-repeat; user-select: none; right: -5px;top: -36px; } body main .topoDash .centroTopo .boxBucket p{font: 400 16px / 22px 'omnes-pro'; letter-spacing: 0.02em;color: #666B78;} body main .topoDash .centroTopo .boxBucket p em{color: #2D9CBB; font-weight: 600;} /* topo - boxTitle */ body main .topoDash .centroTopo .boxTitle {display: flex;align-items: flex-end;gap: 60px;} body main .topoDash .centroTopo .boxTitle .tituloTopo{} body main .topoDash .centroTopo .boxTitle .tituloTopo span{display: block;font: 600 32px / 32px 'omnes-pro';color: #fff;letter-spacing: 0.02em;} body main .topoDash .centroTopo .boxTitle .tituloTopo h2{font: 700 52px / 46px 'omnes-pro';background: linear-gradient(90deg, #47BDCF 0%, #60A3DB 34%, #A856FF 60%, #E87B55 100%);letter-spacing: 0.02em;background-clip: text;color: transparent;} body main .topoDash .centroTopo .boxTitle p{font: 400 17px / 22px 'omnes-pro';letter-spacing: 0.02em;color: #A5A7B0;font-style: italic;padding-bottom: 0px;} body main .topoDash .centroTopo .boxTitle p i{font-weight: 500; color: #FFF; font-style: italic;} .moreAbout {/* background: #090A0A5C; *//* background: #090A0A; *//* background: url('../img/global/texturaLeve.webp') #090A0A; */position: relative;overflow-y: clip;} .moreAbout::before {position:absolute;content:'';width:100%;height:65px;top:-65px;/* background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='65' fill='none'%3E%3Cpath fill='%23090A0A' fill-rule='evenodd' d='M2038 56.18V65H-118v-8.649c5.747.523 10.615-.855 15.754-2.373 1.121-.33 2.264-.669 3.446-.995 8.4-1.82 16.2-5.188 23.8-8.738 1.022-.439 1.996-.827 2.935-1.201l.005-.002.003-.001c2.365-.942 4.511-1.797 6.657-3.165 1.44-.705 2.91-1.104 4.445-1.52 1.237-.336 2.516-.682 3.855-1.21 2.375-.567 4.494-1.773 6.61-2.978 1.627-.926 3.252-1.851 4.99-2.484 2.739-.812 5.883-1.152 9.078-1.499 6.837-.74 13.905-1.507 17.722-6.966.277-.394.545-.788.81-1.178 1.27-1.866 2.488-3.657 4.39-5.012 1.967-1.652 4.563-2.42 7.096-3.168.816-.24 1.625-.48 2.404-.746C1.857 11.193 8.175 9.69 14.423 8.203h.002l.775-.185c3.703-.897 7.36-2.175 11.026-3.455C31.863 2.593 37.522.615 43.4.008c3.029-.095 6.03.679 9.033 1.453 2.748.708 5.496 1.416 8.267 1.46 6.4.455 12.8 2.093 18.8 4.369 4.125 1.422 7.469 4.089 10.813 6.755l.003.003c2.005 1.599 4.01 3.198 6.184 4.529 4.776 2.62 10.637 2.907 16.475 3.192 2.474.121 4.944.242 7.325.54 1.56-.024 3.108-.097 4.646-.17 4.378-.206 8.689-.41 13.054.534 1.283.255 2.582.613 3.891.974h.001c1.955.539 3.932 1.083 5.908 1.301 1.183.08 2.342.116 3.481.152 4.061.126 7.871.245 11.619 2.306 2.515 1.602 5.451 1.925 8.456 2.256.579.064 1.162.128 1.744.202 1.976.25 4.079.04 6.202-.172 2.496-.25 5.02-.502 7.398-.01 2.293.288 4.399 1.145 6.465 1.986l.011.004c.543.221 1.084.441 1.624.65 8.4 2.912 17.5 3.185 26.4 2.366 1.194 0 2.41.04 3.632.078 5.223.17 10.554.341 14.768-2.536 1.967-1.04 4.216-1.456 6.492-1.877 1.31-.243 2.629-.488 3.908-.854.771-.191 1.518-.45 2.266-.709 1.386-.48 2.776-.96 4.334-1.02.921-.046 1.894.098 2.92.25.979.144 2.006.296 3.08.296 9.9-1.547 19.6-2.73 29.6-1.001 2.7.455 5.6.91 8.3 1.092 11.7-.819 23.4-1.638 35.1-2.64 2.922-.404 5.52-1.653 8.13-2.907 1.498-.72 3.001-1.443 4.57-2.008 4.072-1.73 8.635-1.447 13.023-1.175.461.029.92.057 1.377.083 7.3.455 14.7-.182 21.8-1.274 6.1-1.184 12.7-1.457 18.2 1.638 3.633 1.654 7.854 1.947 12.055 2.24 2.043.142 4.082.284 6.045.582 2.618.272 5.179-.729 7.685-1.707.845-.33 1.683-.658 2.515-.933 3.893-1.155 7.57.622 11.154 2.355.652.315 1.3.628 1.946.922 3.03 1.609 6.341 2.452 9.636 3.29 3.23.823 6.444 1.64 9.364 3.173.753.418 1.513.86 2.282 1.308l.002.001h.001c3.417 1.991 7.016 4.087 11.015 4.607 6.421 1.316 12.808.41 19.22-.501 4.673-.664 9.359-1.33 14.08-1.137 5.2.273 9.8-.182 14.6-1.183 2.329-.726 4.695-.425 7.053-.126 1.49.19 2.976.378 4.447.307 1.353-.087 2.729-.494 4.072-.89 1.437-.425 2.836-.839 4.128-.839 1.843.254 3.156 1.332 4.583 2.504 1.128.926 2.328 1.91 3.917 2.593 3.3 1.548 6.8 2.367 10.4 3.004 12.694 3.649 16.957.677 23.506-3.89 2.273-1.585 4.822-3.362 8.094-5.121 4.273-1.995 8.967-1.804 13.669-1.613 3.881.158 7.769.316 11.431-.754 4.832-1.95 9.996-2.746 15.21-3.55 4.282-.66 8.597-1.326 12.79-2.64 4.264-1.058 8.529-.832 12.81-.606 3.45.183 6.91.366 10.39-.122 3.127-.498 6.285-.666 9.411-.832 6.57-.35 12.997-.69 18.689-4.083 2.719-1.587 5.779-2.2 8.908-2.827 1.358-.272 2.73-.547 4.092-.905 5.3-1.73 10.9-2.366 16.6-2.913 1.941-.24 3.882-.747 5.823-1.254 2.459-.642 4.918-1.283 7.377-1.385 5.959.29 11.791 2.36 17.497 4.385 1.476.524 2.944 1.045 4.403 1.531 3.9 1.184 7.9 1.184 11.9 1.184 5.104-.14 9.859 1.36 14.576 2.846 1.475.465 2.947.929 4.424 1.34 3.6.91 6.7 2.094 9.5 4.279 5.3 4.733 13.2 6.098 20.4 6.736 2.821.2 5.551.737 8.256 1.267 2.185.43 4.355.855 6.544 1.1 1.438 0 2.925-.09 4.424-.18 1.525-.092 3.063-.185 4.576-.185 3.582-.046 6.528.974 9.48 1.996 2.898 1.004 5.802 2.01 9.32 2.01 6.338 0 12.224 1.714 18.042 3.41 7.584 2.21 15.053 4.387 23.258 2.688 5.382-1.774 8.137-3.09 10.122-4.04 4.025-1.924 4.883-2.334 18.078-1.968 8.6-1.183 16.3 2.458 23.7 6.19 8.434 4.943 11.529 4.357 14.721 3.753 2.333-.442 4.718-.893 9.279.798 5.5 3.368 12 3.732 18.6 4.005 6.5.82 12.7.455 19.1-.455 1.77-.026 3.52-.001 5.28.023 4.5.063 8.99.126 13.52-.66 3.34-.422 6.63-1.177 9.91-1.928 3.8-.87 7.58-1.736 11.39-2.077 1-.091.9-.82.7-1.457-3.1-6.462 1.3-7.737 7.6-8.556 4.64-.66 9.33-.973 14.03-1.286 8.25-.55 16.5-1.101 24.47-3.538 1.71-.531 3.42-1.157 5.13-1.785 2.4-.88 4.82-1.765 7.27-2.402 1.92-.484 3.88-.557 5.82-.63 2.82-.105 5.62-.21 8.28-1.555.7-.28 1.38-.595 2.06-.908 1.75-.807 3.47-1.6 5.34-1.732 2.45-.042 4.85.4 7.26.84 2.69.496 5.39.991 8.14.799 1.55-.161 3.02-.34 4.5-.52 1.88-.229 3.78-.46 5.9-.663 4.82-.81 9.2 1.133 13.43 3.009 1.47.653 2.92 1.298 4.37 1.815 2.15.676 4.32 1.2 6.48 1.722 3.37.814 6.73 1.626 10.02 3.011 4.55 2.234 9.51 2.76 14.52 3.291 1.93.205 3.86.41 5.78.714 1.76.386 3.52.8 5.28 1.213 6.12 1.437 12.23 2.873 18.52 3.156 4.69.147 8.21-.716 11.58-1.538 4.96-1.215 9.57-2.342 17.02-.01 3.79.92 7.58.748 11.37.575 3.71-.168 7.42-.337 11.13.518 4.31 1.242 8.65 1.047 13.04.85 3.65-.163 7.33-.328 11.06.333 4.3.72 8.54-.004 12.77-.724 4.33-.737 8.63-1.47 12.93-.641 2.55.728 4.56 1.841 6.89 3.13l.01.001c.87.483 1.79.99 2.8 1.511 7.65 4.284 16.15 3.006 24.61 1.735 4.49-.674 8.96-1.346 13.29-1.189 2.67.196 5.37.511 8.08.829 6.13.716 12.32 1.44 18.42.81.93-.046 1.89-.075 2.85-.104 2.84-.085 5.73-.171 8.35-.715 3.55-.905 6.49.116 9.55 1.176 1.25.433 2.51.873 3.85 1.19 2.09.381 4.14.053 6.17-.273.88-.14 1.75-.282 2.63-.364 5.95-.078 8.74-2.034 11.18-3.745 3.22-2.26 5.84-4.094 14.32-.624 3.94 1.242 8 1.333 12.05 1.424 1.28.029 2.57.057 3.85.123 1.27.13 2.52.293 3.77.453 3.97.512 7.85 1.012 11.73.458 6.64-1.111 8.65.498 11.49 2.784 1.35 1.085 2.89 2.324 5.21 3.496 3.38 1.231 7.45.63 11.34.056 1.86-.274 3.68-.543 5.36-.602 5.46.068 9.81-2.667 14.12-5.383 1.45-.914 2.9-1.825 4.38-2.627 1.44-.56 2.89-1.15 4.33-1.74 7.48-3.056 15.06-6.152 23.27-5.542.82-.058 1.63-.128 2.44-.198 4.24-.366 8.38-.723 12.66.653 5.3 1.73 11.2 3.277 16.7 3.004 7.74-.88 11.15 1.116 15.31 3.549 2.29 1.34 4.8 2.81 8.39 4.006 8.7 3.914 18.3 6.19 27.9 7.009 9.1.455 18.5-.364 27.3-2.094 10.66-1.653 21.39-2.74 32.1-3.824 6.98-.706 13.96-1.413 20.9-2.274 7.5-1.366 14.9-2.094 22.5-1.912 1.59.177 3.19.458 4.82.743 3.39.595 6.86 1.203 10.38.895 4.32-.316 8.44-.854 12.61-1.397 1.81-.237 3.64-.475 5.49-.696 2.69-.369 5.34-.441 7.96-.513 4.5-.123 8.92-.244 13.34-1.854 2.18-.712 3.98-2.167 5.75-3.605 2.53-2.053 5.02-4.073 8.55-3.859 6.4.91 12.4.638 18.9-.455 1.28-.057 2.56-.102 3.83-.148 4.76-.17 9.43-.335 14.17-1.126 5.2-.82 10.3 1.001 13.7 4.46 2.45 2.168 5.9 2.583 9.47 3.011 1.82.219 3.67.441 5.43.903 2.39.497 4.69 1.547 6.92 2.568 1.04.474 2.07.942 3.08 1.346 11.2 3.095 23.6 3.004 35.2 2.003 6.9-1.184 13.8-1.82 20.7-.364l1.69.273c6.89 1.123 14.06 2.292 20.81.273 7-2.276 13.2-6.463 18.8-10.65 1.3-.91 3.1-1.365 4.8-1.001 4.4 1.092 9 22.22 13.7 22.039Z' clip-rule='evenodd' opacity='1'/%3E%3C/svg%3E")no-repeat; */z-index: 3;} .moreAbout .centro {max-width: 1320px;width: 100%;margin: 0 auto;padding: 171px 20px 199px;position:relative;z-index:2} .moreAbout .centro h2 {font-family: Just Another Hand;font-weight: 400;font-size: 80px;line-height: 100%;text-align: center;text-transform: uppercase;background: linear-gradient(90deg, #99B7CC 23.2%, #B49DBD 67.19%);background-clip: text;color: transparent;opacity: 0.12;margin-bottom: 39px;} .moreAbout .centro ul {display: flex;justify-content: space-between;gap: 20px;} .moreAbout .centro ul li {border-radius: 4px;max-width: 400px;width: 100%;/* background: linear-gradient(180deg, rgba(31, 32, 34, 0) 45%, #1E2125 100%); */position: relative;} .moreAbout .centro ul li.becomeFriend::before {position:absolute;content:'';width: calc(100% + 4px);height: calc(100% + 4px);left: -2px;top: -2px;background: linear-gradient(90deg, #47BDCF 0%, #60A3DB 31.05%, #A856FF 65.91%, #E87B55 100%);z-index:-1;border-radius: 4px;padding: 2px;-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;transition: all ease 0.5s;background-position: left;background-size: 100% 100%;} .moreAbout .centro ul li.becomeFriend::after{position:absolute;content:'';width:44px;height: 8px;background: #17171a;top: -5px;left:50%;transform:translateX(-50%);z-index: -1;} .moreAbout .centro ul li:hover { } .moreAbout .centro ul li.becomeFriend:hover::before {background-position: right;background-size: 200% 100%;} .moreAbout .centro ul li.forum { } .moreAbout .centro ul li:not(.becomeFriend)::before {position:absolute;content:'';width: calc(100% + 4px);height: calc(100% + 4px);left: -2px;top: -2px;-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;padding: 2px;background: transparent;border-radius: 4px;transition:all ease 0.5s;} .moreAbout .centro ul li:hover:not(.becomeFriend)::before {background: #69859233;} .moreAbout .centro ul li.about { } .moreAbout .centro ul li.becomeFriend { } .moreAbout .centro ul li a:link, .moreAbout .centro ul li a:visited, .moreAbout .centro ul li a:active{padding: 78px 50px;display: block;/* border: 2px dashed #69859233; */outline: 2px dashed #69859233;border-radius: 4px;height: 100%;position:relative;/* background: #090A0A; */box-shadow: #1E2125 0px -120px 75px -45px inset;transition: all ease 0.5s;} .moreAbout .centro ul li a:hover {box-shadow: #34373B 0px -120px 75px -45px inset;/* border-style: solid; *//* border-color: transparent; *//* outline-color: #69859233; *//* outline-style: solid; */outline-color: transparent;} .moreAbout .centro ul li a::before {position:absolute;content:'';width: 32px;height: 32px;left: 50%;transform: translateX(-50%);top: -16px;} .moreAbout .centro ul li.forum a::before {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%232D9CBB' d='M30.83 16.017c2.97-4.678-1.25-9.824-2.578-14.424-1.25-2.65-4.299-1.247-6.409-1.013-3.595.78-8.05.546-10.238 4.054-5.393.078-7.816 6.237-11.098 9.668-1.407 2.183.39 4.132 2.032 5.77 2.579 2.728 4.298 6.938 8.831 6.782 2.345 5.068 9.613 4.055 14.38 5.146 3.518 0 3.518-4.834 4.846-7.173.938-2.26 2.501-5.925.235-8.81ZM23.64 2.841c.86-.234 1.954-.468 2.345-.156 1.016 3.508 4.611 8.42 2.97 11.773-2.735-1.482-5.94-1.482-8.91-1.17-1.094-2.885-2.735-6.237-5.861-7.874 1.876-1.872 5.393-1.638 7.972-2.261.39 0 .938-.156 1.485-.234V2.84Zm-2.735 12.786c1.641-.156 3.908-.234 5.862.468-2.032.858-4.377.78-6.174.624l.39-1.014-.078-.078Zm-4.298-1.871c-.157.234-.391.39-.547.624-1.407-1.872-2.892-4.21-2.814-6.705 2.11 1.247 3.36 3.742 4.22 5.925l-.938.156h.079Zm-.626 4.6.235.234c.234 0 .547.078.781.156-.703 1.56-1.875 3.508-3.517 4.756.391-2.027 1.564-3.82 2.501-5.146Zm3.595.78c2.658.312 6.41.467 9.379-1.404 1.798 3.04-1.954 8.187-2.892 11.54-.625.545-2.344-.313-3.204-.235-2.892-.701-7.503-.234-9.066-2.962 2.97-1.56 4.69-4.678 5.784-7.017v.078Zm-8.83-11.93c-.314 3.587 1.797 6.94 3.594 9.2-1.485 1.95-3.36 4.757-3.517 7.953-3.439-.467-5.861-5.77-8.362-8.264-.157-.858 1.406-1.871 1.797-2.65 1.954-2.028 3.674-5.614 6.409-6.238h.078Z'/%3E%3C/svg%3E")no-repeat;} .moreAbout .centro ul li.about a::before {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%23D46A45' d='M30.83 16.017c2.97-4.678-1.25-9.824-2.578-14.424-1.25-2.65-4.299-1.247-6.409-1.013-3.595.78-8.05.546-10.238 4.054-5.393.078-7.816 6.237-11.098 9.668-1.407 2.183.39 4.132 2.032 5.77 2.579 2.728 4.298 6.938 8.831 6.782 2.345 5.068 9.613 4.055 14.38 5.146 3.518 0 3.518-4.834 4.846-7.173.938-2.26 2.501-5.925.235-8.81ZM23.64 2.841c.86-.234 1.954-.468 2.345-.156 1.016 3.508 4.611 8.42 2.97 11.773-2.735-1.482-5.94-1.482-8.91-1.17-1.094-2.885-2.735-6.237-5.861-7.874 1.876-1.872 5.393-1.638 7.972-2.261.39 0 .938-.156 1.485-.234V2.84Zm-2.735 12.786c1.641-.156 3.908-.234 5.862.468-2.032.858-4.377.78-6.174.624l.39-1.014-.078-.078Zm-4.298-1.871c-.157.234-.391.39-.547.624-1.407-1.872-2.892-4.21-2.814-6.705 2.11 1.247 3.36 3.742 4.22 5.925l-.938.156h.079Zm-.626 4.6.235.234c.234 0 .547.078.781.156-.703 1.56-1.875 3.508-3.517 4.756.391-2.027 1.564-3.82 2.501-5.146Zm3.595.78c2.658.312 6.41.467 9.379-1.404 1.798 3.04-1.954 8.187-2.892 11.54-.625.545-2.344-.313-3.204-.235-2.892-.701-7.503-.234-9.066-2.962 2.97-1.56 4.69-4.678 5.784-7.017v.078Zm-8.83-11.93c-.314 3.587 1.797 6.94 3.594 9.2-1.485 1.95-3.36 4.757-3.517 7.953-3.439-.467-5.861-5.77-8.362-8.264-.157-.858 1.406-1.871 1.797-2.65 1.954-2.028 3.674-5.614 6.409-6.238h.078Z'/%3E%3C/svg%3E")no-repeat;} .moreAbout .centro ul li.becomeFriend a {border:none;/* background: #161719; */} .moreAbout .centro ul li.becomeFriend a::before {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='url(%23a)' d='M30.83 16.017c2.97-4.678-1.25-9.824-2.578-14.424-1.25-2.65-4.299-1.247-6.409-1.013-3.595.78-8.05.546-10.238 4.054-5.393.078-7.816 6.237-11.098 9.668-1.407 2.183.39 4.132 2.032 5.77 2.579 2.728 4.298 6.938 8.831 6.782 2.345 5.068 9.613 4.055 14.38 5.146 3.518 0 3.518-4.834 4.846-7.173.938-2.26 2.501-5.925.235-8.81ZM23.64 2.841c.86-.234 1.954-.468 2.345-.156 1.016 3.508 4.611 8.42 2.97 11.773-2.735-1.482-5.94-1.482-8.91-1.17-1.094-2.885-2.735-6.237-5.861-7.874 1.876-1.872 5.393-1.638 7.972-2.261.39 0 .938-.156 1.485-.234V2.84Zm-2.735 12.786c1.641-.156 3.908-.234 5.862.468-2.032.858-4.377.78-6.174.624l.39-1.014-.078-.078Zm-4.298-1.871c-.157.234-.391.39-.547.624-1.407-1.872-2.892-4.21-2.814-6.705 2.11 1.247 3.36 3.742 4.22 5.925l-.938.156h.079Zm-.626 4.6.235.234c.234 0 .547.078.781.156-.703 1.56-1.875 3.508-3.517 4.756.391-2.027 1.564-3.82 2.501-5.146Zm3.595.78c2.658.312 6.41.467 9.379-1.404 1.798 3.04-1.954 8.187-2.892 11.54-.625.545-2.344-.313-3.204-.235-2.892-.701-7.503-.234-9.066-2.962 2.97-1.56 4.69-4.678 5.784-7.017v.078Zm-8.83-11.93c-.314 3.587 1.797 6.94 3.594 9.2-1.485 1.95-3.36 4.757-3.517 7.953-3.439-.468-5.861-5.77-8.362-8.264-.157-.858 1.406-1.871 1.797-2.65 1.954-2.028 3.674-5.614 6.409-6.238h.078Z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='32' y1='16' y2='16' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2347BDCF'/%3E%3Cstop offset='.31' stop-color='%2360A3DB'/%3E%3Cstop offset='.659' stop-color='%23A856FF'/%3E%3Cstop offset='1' stop-color='%23E87B55'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")no-repeat;} .moreAbout .centro ul li.manifesto a::before {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%239A50E8' d='M30.83 16.017c2.97-4.678-1.25-9.824-2.578-14.424-1.25-2.65-4.299-1.247-6.409-1.013-3.595.78-8.05.546-10.238 4.054-5.393.078-7.816 6.237-11.098 9.668-1.407 2.183.39 4.132 2.032 5.77 2.579 2.728 4.298 6.938 8.831 6.782 2.345 5.068 9.613 4.055 14.38 5.146 3.518 0 3.518-4.834 4.846-7.173.938-2.26 2.501-5.925.235-8.81ZM23.64 2.841c.86-.234 1.954-.468 2.345-.156 1.016 3.508 4.611 8.42 2.97 11.773-2.735-1.482-5.94-1.482-8.91-1.17-1.094-2.885-2.735-6.237-5.861-7.874 1.876-1.872 5.393-1.638 7.972-2.261.39 0 .938-.156 1.485-.234V2.84Zm-2.735 12.786c1.641-.156 3.908-.234 5.862.468-2.032.858-4.377.78-6.174.624l.39-1.014-.078-.078Zm-4.298-1.871c-.157.234-.391.39-.547.624-1.407-1.872-2.892-4.21-2.814-6.705 2.11 1.247 3.36 3.742 4.22 5.925l-.938.156h.079Zm-.626 4.6.235.234c.234 0 .547.078.781.156-.703 1.56-1.875 3.508-3.517 4.756.391-2.027 1.564-3.82 2.501-5.146Zm3.595.78c2.658.312 6.41.467 9.379-1.404 1.798 3.04-1.954 8.187-2.892 11.54-.625.545-2.344-.313-3.204-.235-2.892-.701-7.503-.234-9.066-2.962 2.97-1.56 4.69-4.678 5.784-7.017v.078Zm-8.83-11.93c-.314 3.587 1.797 6.94 3.594 9.2-1.485 1.95-3.36 4.757-3.517 7.953-3.439-.467-5.861-5.77-8.362-8.264-.157-.858 1.406-1.871 1.797-2.65 1.954-2.028 3.674-5.614 6.409-6.238h.078Z'/%3E%3C/svg%3E")no-repeat;} .moreAbout .centro ul li a::after {position:absolute;content:'';width:20px;height:14px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14' fill='none'%3E%3Cpath fill='%23fff' d='M19.734 6.37 13.37.247A.928.928 0 0 0 12.73 0a.927.927 0 0 0-.634.256.86.86 0 0 0-.267.611c-.002.23.09.45.256.616l4.811 4.631H.91a.927.927 0 0 0-.643.257.859.859 0 0 0-.266.618c0 .232.096.455.266.619.17.164.402.256.643.256h15.987l-4.811 4.632a.847.847 0 0 0-.011 1.248.913.913 0 0 0 .65.256.94.94 0 0 0 .646-.267l6.364-6.125A.858.858 0 0 0 20 6.989a.858.858 0 0 0-.266-.618Z'/%3E%3C/svg%3E")no-repeat;bottom: 16px;left: 50%;transform: translateX(-50%);opacity: 0.24;transition:all ease 0.5s;} .moreAbout .centro ul li a:hover::after {opacity:1;} .moreAbout .centro ul li a h3 {font-family: omnes-pro;font-weight: 600;font-size: 24px;line-height: 24px;text-align: center;color: #FFF;margin-bottom: 8px;} .moreAbout .centro ul li a p {font-family: omnes-pro;font-weight: 400;font-size: 18px;line-height: 22px;letter-spacing: 0.02em;text-align: center;color: #9197AE;} div.mural { width: 100%; min-width: 1820px; height: 100%; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); z-index: 0; } div.fotosBox {width: 100%;max-width: 215px;background: #FFF;box-shadow: 0px 0px 28px 0px #5F6A843D;padding: 8px 8px 27px;position: absolute;rotate: 0deg;} div.fotosBox::before {position: absolute;content: '';width: 22px;height: 72px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='72' fill='none'%3E%3Cpath fill='%23B3B7C0' d='M.954 1.78s-.42 69.33 0 68.975c.63-.532 2.995-3.213 2.995-3.213l1.106 3.335 3.358-2.835 1.677 3.536 5.036-4.254 1.525 2.982 1.737-2.15 4.17 1.912V.756L19.41 3.414 18.065.622l-2.453 3.78-1.526-2.981-2.88 1.749L9.61 1.104 8.205 3.997 5.869 1.36 3.575 3.125.954 1.78Z' opacity='.24'/%3E%3C/svg%3E")no-repeat;} div.fotosBox:nth-of-type(1){bottom: -42px;right: 50px;rotate: 15deg;} div.fotosBox:nth-of-type(1)::before{top: -22px;left: 2px;rotate: 50deg;} div.fotosBox:nth-of-type(2){bottom: -57px;left: 100px;rotate: -21deg;z-index: 1;} div.fotosBox:nth-of-type(2)::before{width: 22px;height: 109px;left: -21px;top: 50px;rotate: 61deg;} div.fotosBox:nth-of-type(3){bottom: 114px;left: -60px;rotate: 15deg;} div.fotosBox:nth-of-type(3)::before{right: 0;top: -27px;rotate: 132deg;} div.fotosBox:nth-of-type(4){bottom: -86px;right: 394px;rotate: -7deg;} div.fotosBox:nth-of-type(4)::before{top: -20px;right: 20px;rotate: -15deg;} div.fotosBox:nth-of-type(5){bottom: 165px;right: -60px;rotate: -15deg;} div.fotosBox:nth-of-type(5)::before{left: 110px;top: -24px;z-index: 6;rotate: 150deg;} @media (min-width: 1000px) and (max-width: 1100px) { ._1000 body main{zoom:0.9;} body main .topoDash .centroTopo .boxBucket{width: 220px; padding: 23px;} } /* MOBILE */ /* SECAO 1 TOPO */ ._320 body main .topoDash {background:linear-gradient(262deg, rgba(76, 53, 56, 1) 10%, rgb(61 49 64) 50%, rgba(33, 31, 36, 1) 100%);position: relative;z-index: 1;overflow-x: clip !important;} ._320 body main .topoDash::before{min-width: 440px;bottom: initial;top: 100px;pointer-events: none;background: url("../img/global/world1.svg") no-repeat center top;background-size: contain;} ._320 body main .topoDash .centroTopo {display: flex; flex-direction: column;padding: 114px 20px 0;min-height: 522px;} /* topo - cardsLocais */ ._320 body main .topoDash .centroTopo .cardsLocais {width: calc(100% + 40px); margin: 0 -20px; height: fit-content; gap: 30px; overflow-x: scroll; scrollbar-width: none; overflow-y: visible; padding: 30px 30px 30px 100px; order: 2;} ._320 body main .topoDash .centroTopo .cardsLocais::before{content:''; display:block; position: absolute; width: 62px; height: 82px;; left: 24px; top: 50px; background:url("../img/icons/scrollSticker.svg"); background-repeat: no-repeat; background-size: contain; } ._320 body main .topoDash .centroTopo .cardsLocais .card{display: block; width: 190px; min-width: 190px; height: 185px; position: relative; z-index: 3; cursor: pointer; transition: all 0.5s ease; background-image: url(../img/global/postit3.svg); background-size: contain; background-repeat: no-repeat; will-change: transform; transform: rotate(0deg) translateZ(0);} ._320 body main .topoDash .centroTopo .cardsLocais .card::after{ width: 34px;top: -10px; right: 0px;} /* posicao de cada card */ ._320 body main .topoDash .centroTopo .cardsLocais .card.card1{transform: rotate(3deg) translateZ(0); will-change: transform; backface-visibility: hidden;} ._320 body main .topoDash .centroTopo .cardsLocais .card.card2{transform: rotate(-3deg) translateZ(0); will-change: transform; backface-visibility: hidden;} ._320 body main .topoDash .centroTopo .cardsLocais .card.card3{transform: rotate(3deg) translateZ(0); will-change: transform; backface-visibility: hidden;} ._320 body main .topoDash .centroTopo .cardsLocais .card.card4{transform: rotate(-3deg) translateZ(0); will-change: transform; backface-visibility: hidden;} ._320 body main .topoDash .centroTopo .cardsLocais .card.card5{transform: rotate(3deg) translateZ(0); will-change: transform; backface-visibility: hidden;} ._320 body main .topoDash .centroTopo .cardsLocais .card.card6{transform: rotate(-3deg) translateZ(0); will-change: transform; backface-visibility: hidden;} /* conteudo cada card */ ._320 body main .topoDash .centroTopo .cardsLocais .card ul {padding: 24px 0;} ._320 body main .topoDash .centroTopo .cardsLocais .card ul li.info.local { padding: 0 20px; justify-content: center;} ._320 body main .topoDash .centroTopo .cardsLocais .card ul li h2 {font-size: 17px;} ._320 body main .topoDash .centroTopo .cardsLocais .card ul li b {font-size: 17px;} /* topo - boxBucket */ ._320 body main .topoDash .centroTopo .boxBucket{display: block; position: relative; background: #DBDDE0; border-radius: 4px; border: 3px solid transparent; padding: 16px; cursor: pointer; transition: all 0.5s ease;order: 3;margin: 0 auto 40px;} ._320 body main .topoDash .centroTopo .boxBucket.ativo{background: #fff; border: 3px solid #2D9CBB;} ._320 body main .topoDash .centroTopo .boxBucket.ativo::after{transform: rotate(90deg);} ._1000 ._320 body main .topoDash .centroTopo .boxBucket.ativo::before, ._320 body main .topoDash .centroTopo .boxBucket:hover::before{} ._320 body main .topoDash .centroTopo .boxBucket h3{font-size: 16px; margin-bottom: 3px;} ._320 body main .topoDash .centroTopo .boxBucket h3::after{background-image:url("../img/global/stickerBucket2.svg");width: 70px; height: 70px; right: -20px;} ._320 body main .topoDash .centroTopo .boxBucket p{font: 400 14px / 22px 'omnes-pro'; padding-right: 20px;letter-spacing: 0;} /* topo - boxTitle */ ._320 body main .topoDash .centroTopo .boxTitle {flex-direction: column;align-items: center;order: 1;margin: 0 auto;padding: 0;gap: 14px;} ._320 body main .topoDash .centroTopo .boxTitle span{font: 600 28px / 32px 'omnes-pro';text-align: center;} ._320 body main .topoDash .centroTopo .boxTitle h2{font: 700 42px / 42px 'omnes-pro';} ._320 body main .topoDash .centroTopo .boxTitle p{max-width: 360px;margin: 0 auto;font: 400 15px / 22px 'omnes-pro';text-align: center;} ._320 body main .topoDash .centroTopo .boxTitle p br.desktop{display: none;} /*more about comunnity */ ._320 .moreAbout { } ._320 .moreAbout::before { } ._320 .moreAbout .centro {padding: 41px 20px 36px;} ._320 .moreAbout .centro h2 {font-size: 50px;} ._320 .moreAbout .centro ul {flex-direction: column;gap: 25px;} ._320 .moreAbout .centro ul li { } ._320 .moreAbout .centro ul li.becomeFriend::before { } ._320 .moreAbout .centro ul li.becomeFriend::after{ } ._320 .moreAbout .centro ul li:hover { } ._320 .moreAbout .centro ul li.becomeFriend:hover::before { } ._320 .moreAbout .centro ul li.forum { } ._320 .moreAbout .centro ul li:not(.becomeFriend)::before { } ._320 .moreAbout .centro ul li:hover:not(.becomeFriend)::before { } ._320 .moreAbout .centro ul li.about { } ._320 .moreAbout .centro ul li.becomeFriend { } ._320 .moreAbout .centro ul li a:link, ._320 .moreAbout .centro ul li a:visited, ._320 .moreAbout .centro ul li a:active{padding: 40px 20px;min-height: 178px;} ._320 .moreAbout .centro ul li a:hover { } ._320 .moreAbout .centro ul li a::before { } ._320 .moreAbout .centro ul li.forum a::before { } ._320 .moreAbout .centro ul li.about a::before { } ._320 .moreAbout .centro ul li.becomeFriend a { } ._320 .moreAbout .centro ul li.becomeFriend a::before { } ._320 .moreAbout .centro ul li.manifesto a::before { } ._320 .moreAbout .centro ul li a::after { } ._320 .moreAbout .centro ul li a:hover::after { } ._320 .moreAbout .centro ul li a h3 { } ._320 .moreAbout .centro ul li a p {font-size: 16px;}