body{overflow-x: clip!important;} /* SECAO 1 TOPO */ ._1000 body main .topoDash {background: url("../img/global/globalFundo.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;} /*SECAO 2 LOCAL FRIENDS*/ body main .localFriends{background: url('../img/fundoCores.webp') top center no-repeat #F4F6F7;position: relative;} body main .localFriends .centro {display: flex;gap: 75px;width: 100%;max-width: 1406px;padding: 84px 20px 118px;margin: 0px auto;} ._1000 body main .localFriends .centro::before {content:'';position:absolute;display: block;height:37px;width:149px;top: 0px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 149 37'%3E%3Cpath fill='url(%23a)' d='M0 0h149c-38.225 0-45.599 37-74.355 37C45.89 37 42.125 0 0 0Z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='149' y1='18.5' y2='18.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231B1D20'/%3E%3Cstop offset='.589' stop-color='%231C1E20'/%3E%3Cstop offset='1' stop-color='%231B1C1F'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") center center no-repeat;left: 50%;transform: translateX(-50%);} ._1000 body main .localFriends .centro::after {content:'';position:absolute; display: block; height:20px;width:16px;top: 6px;left: 50%; transform: translateX(-50%); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 20'%3E%3Cpath fill='%23fff' d='m8.72 19.734 7-6.364a.867.867 0 0 0 .28-.64.87.87 0 0 0-.293-.634 1.053 1.053 0 0 0-.698-.267 1.055 1.055 0 0 0-.704.256l-5.293 4.811V.91A.87.87 0 0 0 8.72.266 1.053 1.053 0 0 0 8.012 0c-.265 0-.52.096-.707.266a.87.87 0 0 0-.293.643v15.988L1.72 12.084a1.008 1.008 0 0 0-.324-.204 1.086 1.086 0 0 0-1.102.192.909.909 0 0 0-.219.299.837.837 0 0 0 .007.703.91.91 0 0 0 .224.295l7 6.364c.188.17.442.266.707.266.265 0 .52-.096.707-.266Z' opacity='.24'/%3E%3C/svg%3E") center center no-repeat;} /* secao 2 - filtros */ body main .localFriends .centro .filter {width: 100%;max-width: 400px;height: 100%;border-radius: 40px;background: #1B1D2214;padding: 40px 43px 44px;position: sticky;top: 115px;} /* filtros descricao */ body main .localFriends .centro .filter .description {position: relative;margin-bottom: 20px;} body main .localFriends .centro .filter .description h2 {font: 400 28px / 32px 'omnes-pro';letter-spacing: -0.01em;color: #333;margin-bottom: 16px;position: relative;} ._1000 body main .localFriends .centro .filter.friendsFilter .description h2::before{content: '';display: block;position: absolute;background-image: url("../img/global/stickerMap4.png");filter: drop-shadow(4px 6px 4px #AEB1B866);width: 95px;height: 91px;background-size: contain;background-repeat: no-repeat;user-select: none;right: -88px;top: -40px;} ._1000 body main .localFriends .centro .filter.bucketFilter .description h2::before{content: ''; display: block; position: absolute; background-image: url("../img/global/stickerBucket2.svg"); width: 92px; height: 100px; background-size: contain; background-repeat: no-repeat; user-select: none; left: -112px; top: -19px; } body main .localFriends .centro .filter .description h2 b{display: block;color: #D46A45;font-weight: 600;} body main .localFriends .centro .filter .description h2 em {display: block;font-weight: 600;} body main .localFriends .centro .filter .description p {font: 400 15px / 18px 'omnes-pro';letter-spacing: 0.01em;color: #1A1B1D85;font-style: italic;width: 100%;max-width: 190px;} body main .localFriends .centro .filter .description a:active, body main .localFriends .centro .filter .description a:link, body main .localFriends .centro .filter .description a:visited{font: 600 14px / 16px 'omnes-pro'; letter-spacing: 0.02em; color: #A5A7B0; text-transform: uppercase;width: 100%; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 3px;transition: all 0.5s ease;position: relative;} body main .localFriends .centro .filter .description a i{font-size: 20px; font-weight: 400; line-height: 10px;padding: 0 3px;} body main .localFriends .centro .filter .description a:hover{color: #D46A45;} /* filtros form */ body main .localFriends .centro .filter form ul {display: flex;gap: 2px;position: relative;z-index: 2;} body main .localFriends .centro .filter form ul li {position: relative;} body main .localFriends .centro .filter form ul li.boxWhere{width: 100%;max-width: 272px;min-width: 272px;} body main .localFriends .centro .filter form ul li.boxWhere::before {content: '';position: absolute;width:16px;height:16px;top: 16px; left: 17px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23C4C7CE' d='M8.5 0C4.916 0 2 2.775 2 6.187c0 1.469.554 2.894 1.565 4.02.115.126 2.623 4.514 3.533 5.34A1.76 1.76 0 0 0 8.284 16c.426 0 .853-.151 1.185-.453 1.058-.96 3.858-5.222 3.971-5.345A6.013 6.013 0 0 0 15 6.187C15 2.775 12.084 0 8.5 0Zm0 8.007c-1.056 0-1.912-.815-1.912-1.82 0-1.005.856-1.82 1.912-1.82s1.912.815 1.912 1.82c0 1.005-.856 1.82-1.912 1.82Z'/%3E%3C/svg%3E") center center no-repeat;} body main .localFriends .centro .filter form ul li.boxWhere label {position: absolute; font: 600 12px / 16px 'omnes-pro'; letter-spacing: 0.02em; color: #a0a3aacc; text-transform: uppercase; left: 40px; top: 18px; transition: all ease 0.5s;} body main .localFriends .centro .filter form ul li.boxWhere select {display: block;width: 100%;max-width: max-content;background: #FFF;height: 48px;font: 400 16px / 20px 'omnes-pro';letter-spacing: 0.02em;color: #53565E;padding: 12px 30px 10px 92px;border-radius: 32px 2px 2px 32px;transition: all ease 0.5s;cursor: pointer;} body main .localFriends .centro .filter form ul li.boxDeatils{width: 100%;} body main .localFriends .centro .filter form ul li.boxDeatils label::before {content: '';width:16px;min-width: 16px;height:16px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23C4C7CE' d='m15.6211 13.763-3.6785-3.7292c.625-1.0086.9877-2.2008.9877-3.4802C12.9303 2.9339 10.0357 0 6.465 0 2.8944 0 0 2.934 0 6.5536c0 3.6198 2.8943 6.5534 6.465 6.5534 1.3736 0 2.6458-.4353 3.6927-1.1749l3.6347 3.6848a1.281 1.281 0 0 0 .9144.3831c.3311 0 .6617-.1274.9147-.3831.5047-.5122.5047-1.3419-.0004-1.8539Zm-9.156-2.7792c-2.4135 0-4.3701-1.9833-4.3701-4.43 0-2.4465 1.9566-4.43 4.37-4.43 2.4136 0 4.3701 1.9835 4.3701 4.43 0 2.4467-1.9565 4.43-4.37 4.43Z'/%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;} body main .localFriends .centro .filter form ul li.boxDeatils label {display: flex;align-items: center;gap: 8px;width: 100%;max-width: max-content;position: absolute;font: 600 12px / 14px 'omnes-pro';letter-spacing: 0.02em;color: #a0a3aacc;text-transform: uppercase;left: 14px;top: 14px;transition: all ease 0.5s;} body main .localFriends .centro .filter form ul li.boxDeatils input {width: 100%;height: 44px;display: block;font: 500 17px / 16px 'omnes-pro';letter-spacing: 0.02em;color: #53565E;transition: all ease 0.5s;cursor: pointer;background: #FFF;border-radius: 32px;padding: 12px 16px 16px 121px;} body main .localFriends .centro .filter form ul li.boxDeatils input::placeholder {display: block;font: 500 17px / 16px 'omnes-pro';letter-spacing: 0.02em;color: #53565E;transition: all ease 0.5s;} body main .localFriends .centro .filter form ul li:hover label {color: #D46A45;} body main .localFriends .centro .filter form ul li select:hover, body main .localFriends .centro .filter form ul li input:hover {box-shadow: 0px 0px 10px #D46A45;} body main .localFriends .centro .filter form ul li select:focus, body main .localFriends .centro .filter form ul li input:focus {box-shadow: 0 0 10px #D46A45;} /* secao 2 - centroFriends */ body main .localFriends .centro .centroFriends {width: 100%;max-width: 864px;margin-top: 14px;} body main .localFriends .centro .centroFriends .countryDetailCities .title {display: flex;justify-content: space-between;align-items: center;margin-bottom: 14px;gap: 20px;} body main .localFriends .centro .centroFriends .countryDetailCities .title h2 {font: 700 28px/28px 'omnes-pro';letter-spacing: 0.02em;color: #1A1B1D;} body main .localFriends .centro .centroFriends .countryDetailCities .title span {display: flex;align-items: center;gap: 4px;font: 600 15px/16px 'omnes-pro';letter-spacing: 0.02em;color: #2D9CBB;} body main .localFriends .centro .centroFriends .countryDetailCities .title span::before{content: ""; width: 13px; min-width: 13px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 13 16'%3E%3Cpath fill='%232D9CBB' d='M9.8 9H3.2C1.6 9 0 10.6 0 12.5V14c0 1.1.9 2 2 2h9a2 2 0 0 0 2-2v-1.5c0-2-1.5-3.5-3.3-3.5ZM5.2.3a3.5 3.5 0 1 1 2.6 6.4A3.5 3.5 0 0 1 5.2.3Z'/%3E%3C/svg%3E") no-repeat;margin-right: 1px;} body main .localFriends .centro .centroFriends .countryDetailCities .title span i {font-weight: 600;color: #2D9CBB;} /* balaoCidades */ body main .localFriends .centro .centroFriends .countryDetailCities .balaoCidades {display: flex;gap: 12px 16px;flex-wrap: wrap;width: 100%;max-width: 848px;} body main .localFriends .centro .centroFriends .countryDetailCities .balaoCidades .balao {display: flex;align-items: center;width: 100%;max-width: 416px;background: #FFF;border-radius: 2px 44px 44px 28px;box-shadow: 0px 0px 10px 0px transparent, 3px 4px 12px -3px #E0E3EACC, 2px 4px 0px -1px #EAEDF452;position: relative;transition: all 0.5s ease;} body main .localFriends .centro .centroFriends .countryDetailCities .balaoCidades .balao.myList::after{content: ''; display: block; position: absolute; width: 25px; height: 22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 22'%3E%3Cpath fill='%2347BDCF' stroke='%23fff' stroke-linejoin='round' stroke-width='4' d='M6.2 2.1c1.5-.3 3 0 4.8.8l.3.2h.1l.2.1.6.5c.8-.5 1.7-.9 2.7-1 1.7 0 3.2.6 4.3 1.5 2.1 1.8 3.7 5 2.3 8.2l-.2.3v.2l-.8 1-.1.4-.1.2c-1 1.2-2.4 2-3.7 2.6l-1.1.9-.1.1-.2.4a2 2 0 0 1-1.7 1.4h-.7a2 2 0 0 1-1.7-.5l-1-1.1-1.5-1.6-.5-.4-.6-.5-1.2-.8-.4-.4-1.2-1.1c-2.6-2.5-3.4-6-2-8.6A5.1 5.1 0 0 1 6.1 2Z'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; top: 19px; left: -10px;} ._1000 body main .localFriends .centro .centroFriends .countryDetailCities .balaoCidades .balao:hover::before{width: calc(100% + 16px);opacity: 1;visibility: visible;} ._1000 body main .localFriends .centro .centroFriends .countryDetailCities .balaoCidades .balao:hover{box-shadow: 0px 0px 10px 0px #D46A45, 3px 4px 12px -3px #E0E3EACC, 2px 4px 0px -1px #EAEDF452;} body main .localFriends .centro .centroFriends .countryDetailCities .balaoCidades .balao a:active, body main .localFriends .centro .centroFriends .countryDetailCities .balaoCidades .balao a:link, body main .localFriends .centro .centroFriends .countryDetailCities .balaoCidades .balao a:visited{display: flex;justify-content: space-between;width: 100%;height: 100%;padding: 16px 14px 18px 24px;position: relative;z-index: 1;transition: all 0.5s ease;} body main .localFriends .centro .centroFriends .countryDetailCities .balaoCidades .balao .content {align-content: center;max-width: 290px;width: calc(100% - 80px);} body main .localFriends .centro .centroFriends .countryDetailCities .balaoCidades .balao .content h3 {font: 600 20px/28px 'omnes-pro';color: #1A1B1D;white-space: nowrap;text-overflow: ellipsis;width: 100%;} body main .localFriends .centro .centroFriends .countryDetailCities .balaoCidades .balao .content p {display: flex ; gap: 4px; flex-wrap: wrap; max-height: 36px; overflow: hidden;font: 500 14px/16px 'omnes-pro';letter-spacing: 0.02em;color: #9196A0;} body main .localFriends .centro .centroFriends .countryDetailCities .balaoCidades .balao .content p em {font: 600 14px/16px 'omnes-pro';letter-spacing: 0.02em;color:#D46A45;} body main .localFriends .centro .centroFriends .countryDetailCities .balaoCidades .balao .profileIcons {align-content: center;} body main .localFriends .centro .centroFriends .countryDetailCities .balaoCidades .balao .profileIcons ul li img {user-select: none;width: 32px;height: 32px;border-radius: 50%;outline: solid 2px #FFF;} body main .localFriends .centro .centroFriends .countryDetailCities .balaoCidades .balao .profileIcons ul li span {user-select: none;display: block;width: 32px;height: 32px;border-radius: 100%;outline: solid 2px #FFF;outline-offset: -1px;background: #D46A45;font: 600 15px/22px 'omnes-pro';letter-spacing: 0.02em;color: #FFF;text-align: center;align-content: center;} /* secao 2 - centroFriends */ body main .localFriends .centro .centroFriends .countries{width: 100%;max-width: 848px;padding: 11px 0px 12px 24px;border-bottom: 1px solid #1B1D221F;transition: all 0.5s ease;position: relative;} body main .localFriends .centro .centroFriends p{font-size: 17px; font-weight: 500; font-style: italic; line-height: 18px; letter-spacing: 0.01em; color: #81858E;margin-bottom: 14px;} body main .localFriends .centro .centroFriends p b{font-weight: 600; font-style: italic; color: #DB663D;} body main .localFriends .centro .centroFriends .countries:first-of-type{border-top: 1px solid #1B1D221F;} ._1000 body main .localFriends .centro .centroFriends .countries::before{content: "";width: 100%;height: calc(100% + 5px);box-shadow: 2px 4px 0px -1px #D4D7DE52, 3px 4px 12px -3px #E0E3EACC;background: #FFF;border-radius: 2px 20px 20px 20px;position: absolute;top: 50%;left: 0px;transform: translateY(-50%);opacity: 0;visibility: hidden;transition: all 0.5s ease;z-index: 0;} ._1000 body main .localFriends .centro .centroFriends .countries:hover{border-color: transparent;} ._1000 body main .localFriends .centro .centroFriends .countries:hover::before{width: calc(100% + 16px);opacity: 1;visibility: visible;} body main .localFriends .centro .centroFriends .countries .title {display: flex;justify-content: space-between;align-items: center;gap: 20px;position: relative;z-index: 1;transition: all 0.5s ease;} body main .localFriends .centro .centroFriends .countries:hover .title em.seta {} body main .localFriends .centro .centroFriends .countries .title h2 {width: 50%;font: 700 20px/28px 'omnes-pro';letter-spacing: 0.02em;color: #1A1B1D;} body main .localFriends .centro .centroFriends .countries .title span {width: 100%;max-width: 164px;display: flex;align-items: center;justify-content: flex-start;gap: 4px;font: 600 15px/16px 'omnes-pro';letter-spacing: 0.02em;color: #888B92;transition: all 0.5s ease;} body main .localFriends .centro .centroFriends .countries .title span.cities {max-width: 82px;} body main .localFriends .centro .centroFriends .countries:hover .title span.cities {color: #D46A45;} body main .localFriends .centro .centroFriends .countries:hover .title span.friends {color: #2D9CBB;} body main .localFriends .centro .centroFriends .countries .title span.cities::before{content: ""; width: 11px; min-width: 11px; height: 14px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 11 14'%3E%3Cpath fill='%239C9FA6' d='M5.5 0a5.4 5.4 0 0 0-4.2 9c.1 0 2.2 3.9 3 4.6a1.5 1.5 0 0 0 2 0c1-.8 3.3-4.6 3.4-4.7.8-1 1.3-2.2 1.3-3.5C11 2.4 8.5 0 5.5 0Zm0 7c-.9 0-1.6-.7-1.6-1.6 0-.9.7-1.6 1.6-1.6.9 0 1.6.7 1.6 1.6 0 .9-.7 1.6-1.6 1.6Z'/%3E%3C/svg%3E") no-repeat;margin-right: 1px;transition: all 0.5s ease;} body main .localFriends .centro .centroFriends .countries .title span.friends::before{content: ""; width: 13px; min-width: 13px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 13 16'%3E%3Cpath fill='%239C9FA6' d='M9.8 9H3.2C1.6 9 0 10.6 0 12.5V14c0 1.1.9 2 2 2h9a2 2 0 0 0 2-2v-1.5c0-2-1.5-3.5-3.3-3.5ZM5.2.3a3.5 3.5 0 1 1 2.6 6.4A3.5 3.5 0 0 1 5.2.3Z'/%3E%3C/svg%3E") no-repeat;margin-right: 1px;transition: all 0.5s ease;} body main .localFriends .centro .centroFriends .countries:hover .title span.cities::before{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 11 14'%3E%3Cpath fill='%23D46A45' d='M5.5 0a5.4 5.4 0 0 0-4.2 9c.1 0 2.2 3.9 3 4.6a1.5 1.5 0 0 0 2 0c1-.8 3.3-4.6 3.4-4.7.8-1 1.3-2.2 1.3-3.5C11 2.4 8.5 0 5.5 0Zm0 7c-.9 0-1.6-.7-1.6-1.6 0-.9.7-1.6 1.6-1.6.9 0 1.6.7 1.6 1.6 0 .9-.7 1.6-1.6 1.6Z'/%3E%3C/svg%3E") no-repeat;} body main .localFriends .centro .centroFriends .countries:hover .title span.friends::before{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 13 16'%3E%3Cpath fill='%232D9CBB' d='M9.8 9H3.2C1.6 9 0 10.6 0 12.5V14c0 1.1.9 2 2 2h9a2 2 0 0 0 2-2v-1.5c0-2-1.5-3.5-3.3-3.5ZM5.2.3a3.5 3.5 0 1 1 2.6 6.4A3.5 3.5 0 0 1 5.2.3Z'/%3E%3C/svg%3E") no-repeat;} body main .localFriends .centro .centroFriends .countries .title span i, body main .localFriends .centro .centroFriends .countries .title span b {font-weight: 600;color: #888B92;transition: all 0.5s ease;} body main .localFriends .centro .centroFriends .countries:hover .title span.cities i {color: #D46A45;} body main .localFriends .centro .centroFriends .countries:hover .title span.friends i {color: #2D9CBB;} body main .localFriends .centro .centroFriends .countries .title em.seta{width: 100%;max-width: 52px;height: 40px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 14'%3E%3Cpath fill='%231A1B1D' d='M19.7 6.4 13.4.2a1 1 0 0 0-1.3 0c-.2.2-.3.4-.3.7l.3.6L16.9 6H.9a1 1 0 0 0-.6.3.9.9 0 0 0 0 1.2c.1.2.4.3.6.3h16l-4.8 4.6a.9.9 0 0 0-.3.6.8.8 0 0 0 .3.6 1 1 0 0 0 .6.3 1 1 0 0 0 .7-.3l6.3-6a.9.9 0 0 0 0-1.3Z' opacity='.2'/%3E%3C/svg%3E") no-repeat center transparent;background-size: 20px 14px;padding: 13px 16px;border-radius: 32px;transition: all 0.5s ease;} body main .localFriends .centro .centroFriends .countries:hover .title em.seta{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 14'%3E%3Cpath fill='%23FFF' d='M19.7 6.4 13.4.2a1 1 0 0 0-1.3 0c-.2.2-.3.4-.3.7l.3.6L16.9 6H.9a1 1 0 0 0-.6.3.9.9 0 0 0 0 1.2c.1.2.4.3.6.3h16l-4.8 4.6a.9.9 0 0 0-.3.6.8.8 0 0 0 .3.6 1 1 0 0 0 .6.3 1 1 0 0 0 .7-.3l6.3-6a.9.9 0 0 0 0-1.3Z' opacity='1'/%3E%3C/svg%3E") no-repeat center #1A1B1D;background-size: 20px 14px;transform: translateX(8px);transition-delay: 0.3s;} body main .localFriends .centro .centroFriends .countries a:link, body main .localFriends .centro .centroFriends .countries a:active, body main .localFriends .centro .centroFriends .countries a:visited{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;transition: all 0.5s ease;z-index: 1;} body main .localFriends .centro .centroFriends .countries a:hover{width: calc(100% + 16px);} /* balaoCidades */ body main .localFriends .centro .centroFriends .countries .balaoCidades {display: flex;gap: 12px 16px;flex-wrap: wrap;width: 100%;max-width: 848px;} body main .localFriends .centro .centroFriends .countries .balaoCidades .balao {display: flex;align-items: center;width: 100%;max-width: 416px;background: #FFF;border-radius: 2px 44px 44px 28px;box-shadow: 0px 0px 10px 0px transparent, 3px 4px 12px -3px #E0E3EACC, 2px 4px 0px -1px #EAEDF452;position: relative;transition: all 0.5s ease;} body main .localFriends .centro .centroFriends .countries .balaoCidades .balao.myList::after{content: ''; display: block; position: absolute; width: 25px; height: 22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 22'%3E%3Cpath fill='%2347BDCF' stroke='%23fff' stroke-linejoin='round' stroke-width='4' d='M6.2 2.1c1.5-.3 3 0 4.8.8l.3.2h.1l.2.1.6.5c.8-.5 1.7-.9 2.7-1 1.7 0 3.2.6 4.3 1.5 2.1 1.8 3.7 5 2.3 8.2l-.2.3v.2l-.8 1-.1.4-.1.2c-1 1.2-2.4 2-3.7 2.6l-1.1.9-.1.1-.2.4a2 2 0 0 1-1.7 1.4h-.7a2 2 0 0 1-1.7-.5l-1-1.1-1.5-1.6-.5-.4-.6-.5-1.2-.8-.4-.4-1.2-1.1c-2.6-2.5-3.4-6-2-8.6A5.1 5.1 0 0 1 6.1 2Z'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; top: 19px; left: -10px;} ._1000 body main .localFriends .centro .centroFriends .countries .balaoCidades .balao:hover::before{width: calc(100% + 16px);opacity: 1;visibility: visible;} ._1000 body main .localFriends .centro .centroFriends .countries .balaoCidades .balao:hover{box-shadow: 0px 0px 10px 0px #D46A45, 3px 4px 12px -3px #E0E3EACC, 2px 4px 0px -1px #EAEDF452;} body main .localFriends .centro .centroFriends .countries .balaoCidades .balao a:active, body main .localFriends .centro .centroFriends .countries .balaoCidades .balao a:link, body main .localFriends .centro .centroFriends .countries .balaoCidades .balao a:visited{display: flex;justify-content: space-between;width: 100%;height: 100%;padding: 16px 14px 18px 24px;position: relative;z-index: 1;transition: all 0.5s ease;} body main .localFriends .centro .centroFriends .countries .balaoCidades .balao .content {align-content: center;max-width: 290px;width: calc(100% - 80px);} body main .localFriends .centro .centroFriends .countries .balaoCidades .balao .content h3 {font: 600 20px/28px 'omnes-pro';color: #1A1B1D;white-space: nowrap;text-overflow: ellipsis;width: 100%;} body main .localFriends .centro .centroFriends .countries .balaoCidades .balao .content p {display: flex ; gap: 4px; flex-wrap: wrap; max-height: 36px; overflow: hidden;font: 500 14px/16px 'omnes-pro';letter-spacing: 0.02em;color: #9196A0;} body main .localFriends .centro .centroFriends .countries .balaoCidades .balao .content p em {font: 600 14px/16px 'omnes-pro';letter-spacing: 0.02em;color:#D46A45;} body main .localFriends .centro .centroFriends .countries .balaoCidades .balao .profileIcons {align-content: center;} body main .localFriends .centro .centroFriends .countries .balaoCidades .balao .profileIcons ul li img {user-select: none;width: 32px;height: 32px;border-radius: 50%;outline: solid 2px #FFF;} body main .localFriends .centro .centroFriends .countries .balaoCidades .balao .profileIcons ul li span {user-select: none;display: block;width: 32px;height: 32px;border-radius: 100%;outline: solid 2px #FFF;outline-offset: -1px;background: #D46A45;font: 600 15px/22px 'omnes-pro';letter-spacing: 0.02em;color: #FFF;text-align: center;align-content: center;} @media (min-width: 1000px) and (max-width: 1100px) { ._1000 body main{zoom:0.9;} body main .topoDash .centroTopo .boxTitle {} body main .topoDash .centroTopo .boxBucket{width: 220px; padding: 23px;} body main .localFriends .centro .filter .description h2{font-size: 26px;} body main .localFriends .centro .centroFriends .countryDetailCities{padding: 67px 0px 0;} body main .localFriends .centro .centroFriends .countryDetailCities .balaoCidades .balao .content h3{font-size: 18px;} body main .localFriends .centro .centroFriends .countryDetailCities .balaoCidades .balao .content ul li{font-size: 13px; letter-spacing: 0.01em;} } /* 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;} /*SECAO 2 LOCAL FRIENDS*/ ._320 body main .localFriends .centro {flex-direction: column;gap: 0px;padding: 0 20px;} /* secao 2 - filtros */ ._320 body main .localFriends .centro .filter {width: calc(100% + 40px); margin: 0 -20px; padding: 34px 20px; border-radius: 0;background: url('../img/fundoCores.webp') top center no-repeat #F4F6F7;} ._320 body main .localFriends .centro .filter.friendsFilter{max-width: initial;position: initial;} ._320 body main .localFriends .centro .filter.bucketFilter{} /* filtros descricao */ ._320 body main .localFriends .centro .filter .description {padding: 0; margin-bottom: 20px;} ._320 body main .localFriends .centro .filter .description h2 {width: 100%;max-width: 259px;padding: 0;font-size: 22px;line-height: 28px;margin-bottom: 10px;} ._320 body main .localFriends .centro .filter .description h2 b{display: inline-block;margin: 0px 4px;} ._320 body main .localFriends .centro .filter .description h2 em {display: inline-block;} ._320 body main .localFriends .centro .filter .description p {max-width: initial;line-height: 16px;} /* filtros form */ ._320 body main .localFriends .centro .filter form ul {flex-direction: column;gap: 10px;} ._320 body main .localFriends .centro .filter form ul li.boxWhere{max-width: initial; min-width: initial;} ._320 body main .localFriends .centro .filter form ul li.boxWhere::before {width: 15px; height: 15px; top: 14px; left: 14px;} ._320 body main .localFriends .centro .filter form ul li.boxWhere label {left: 35px; top: 16px;} ._320 body main .localFriends .centro .filter form ul li.boxWhere select {border-radius: 24px;height: 44px;font-size: 15px; padding: 11px 10px 10px 87px;} ._320 body main .localFriends .centro .filter form ul li.boxDeatils::before {width: 15px; height: 15px; top: 15px; left: 13px;} ._320 body main .localFriends .centro .filter form ul li.boxDeatils label {left: 35px; top: 16px;} ._320 body main .localFriends .centro .filter form ul li.boxDeatils input {border-radius: 24px;font-size: 15px;padding: 12px 16px 16px 140px;} ._320 body main .localFriends .centro .filter form ul li.boxDeatils input::placeholder {font-size: 15px;} /* secao 2 - centroFriends */ ._320 body main .localFriends .centro .centroFriends {padding: 0px 0px 30px;margin: 0px;} ._320 body main .localFriends .centro .centroFriends .countryDetailCities { padding-bottom: 40px;} ._320 body main .localFriends .centro .centroFriends .countryDetailCities .title {position: sticky; top: 80px; z-index: 20; width: 100%; margin-bottom: 30px;} ._320 body main .localFriends .centro .centroFriends .countryDetailCities .title::before{content: ''; display: block; position: absolute; width: calc(100% + 40px); height: calc(100% + 32px); top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; background: #ffffff9e; backdrop-filter: blur(30px);} ._320 body main .localFriends .centro .centroFriends .countryDetailCities .title h2 {font: 700 22px / 26px 'omnes-pro';} ._320 body main .localFriends .centro .centroFriends .countryDetailCities .title span {font: 600 16px / 23px 'omnes-pro';} /* balaoCidades */ ._320 body main .localFriends .centro .centroFriends .countryDetailCities .balaoCidades {flex-direction: column;gap:12px;} ._320 body main .localFriends .centro .centroFriends .countryDetailCities .balaoCidades .balao {width: 100%;min-height: 60px;} ._320 body main .localFriends .centro .centroFriends .countryDetailCities .balaoCidades .balao a:active, ._320 body main .localFriends .centro .centroFriends .countryDetailCities .balaoCidades .balao a:link, ._320 body main .localFriends .centro .centroFriends .countryDetailCities .balaoCidades .balao a:visited{padding: 13px 20px 15px 20px} ._320 body main .localFriends .centro .centroFriends .countryDetailCities .balaoCidades .balao .content h3 {font:600 16px / 18px 'omnes-pro'} ._320 body main .localFriends .centro .centroFriends .countryDetailCities .balaoCidades .balao .profileIcons ul li span {font: 600 13px / 17px 'omnes-pro';} /* secao 2 - centroFriends */ ._320 body main .localFriends .centro .centroFriends .countries{width: calc(100% + 40px);padding: 11px 20px 12px 20px;margin: 0px -20px;} ._320 body main .localFriends .centro .centroFriends .countries:last-of-type{border-bottom: initial;} ._320 body main .localFriends .centro .centroFriends p{font-size: 16px;} ._320 body main .localFriends .centro .centroFriends .countries .title h2 {width: 100%;line-height: 26px;} ._320 body main .localFriends .centro .centroFriends .countries .title span {max-width: 60px;} ._320 body main .localFriends .centro .centroFriends .countries .title span.friends {color: #2D9CBB;} ._320 body main .localFriends .centro .centroFriends .countries .title span.cities {color: #D46A45;} ._320 body main .localFriends .centro .centroFriends .countries .title span.cities::before{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 11 14'%3E%3Cpath fill='%23D46A45' d='M5.5 0a5.4 5.4 0 0 0-4.2 9c.1 0 2.2 3.9 3 4.6a1.5 1.5 0 0 0 2 0c1-.8 3.3-4.6 3.4-4.7.8-1 1.3-2.2 1.3-3.5C11 2.4 8.5 0 5.5 0Zm0 7c-.9 0-1.6-.7-1.6-1.6 0-.9.7-1.6 1.6-1.6.9 0 1.6.7 1.6 1.6 0 .9-.7 1.6-1.6 1.6Z'/%3E%3C/svg%3E") no-repeat;} ._320 body main .localFriends .centro .centroFriends .countries .title span.friends::before{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 13 16'%3E%3Cpath fill='%232D9CBB' d='M9.8 9H3.2C1.6 9 0 10.6 0 12.5V14c0 1.1.9 2 2 2h9a2 2 0 0 0 2-2v-1.5c0-2-1.5-3.5-3.3-3.5ZM5.2.3a3.5 3.5 0 1 1 2.6 6.4A3.5 3.5 0 0 1 5.2.3Z'/%3E%3C/svg%3E") no-repeat;} ._320 body main .localFriends .centro .centroFriends .countries .title span.cities i {color: #D46A45;} ._320 body main .localFriends .centro .centroFriends .countries .title span.friends i {color: #2D9CBB;} ._320 body main .localFriends .centro .centroFriends .countries .title span b, ._320 body main .localFriends .centro .centroFriends .countries .title em.seta{display: none;}