body:has(.boxJanelaForm.ativo) {overflow: clip;} /* Janela Formulario */ .boxJanelaForm.ativo{opacity: 1; visibility: visible; pointer-events: auto;overflow: auto; justify-content: flex-start;} .boxJanelaForm{display: flex;justify-content: center;flex-direction: column;width: 100%;height: 100%;background: #060709E5;backdrop-filter: blur(28px);position: fixed;top: 0px;left: 0px;z-index: 10;padding: 24px 20px 180px;opacity: 0;visibility: hidden;transition: all 0.5s ease;pointer-events: none;} .boxJanelaForm div.boxTopo{width: 100%; max-width: 1240px; display: flex; justify-content: space-between; align-items: center; padding: 0px 20px 16px; margin: 0px auto;} .boxJanelaForm div.boxTopo h2{height: max-content;display: flex;align-items: center;gap: 8px;font-size: 14px;font-weight: 600;line-height: 14px;letter-spacing: 0.02em;text-transform: uppercase;color: #FFF;} .boxJanelaForm div.boxTopo h2::before{content: ""; width: 28px;min-width: 28px;height: 28px;background: url(../img/iconeLoocalFriend.svg) no-repeat;pointer-events: none;} .boxJanelaForm div.boxTopo span.botaoFechar{display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #FFF; border: 1px solid #EDEDED; border-radius: 100%;transition: all 0.5s ease;cursor: pointer;} .boxJanelaForm div.boxTopo span.botaoFechar svg{width: 12px; height: 12px;transition: all 0.5s ease;} .boxJanelaForm div.boxTopo span.botaoFechar svg path{transition: all 0.5s ease;} /* Hover */ .boxJanelaForm div.boxTopo span.botaoFechar:hover{background: #1A1B1D; border: 1px solid #FFF;} .boxJanelaForm div.boxTopo span.botaoFechar:hover svg path{fill: #FFF;} .boxJanelaForm .centro{width: 100%;max-width: 1200px;background: #FFF;box-shadow: 0px 0px 60px 0px #5F6A8414;margin: 0px auto;position: relative;} .boxJanelaForm .centro .boxTitulo::before{content: "";display: block;width: 4px;height: calc(100% + 1px);background: linear-gradient(180deg, #47BDCF 0%, #A856FF 50%, #E87B55 100%);position: absolute;top: 0px;left: 0px;pointer-events: none;} .boxJanelaForm .centro .boxTitulo{width: 100%;border-bottom: 1px dashed #CDD0D4;padding: 20px;background: #fff;position: relative; z-index: 3;} .boxJanelaForm .centro::before{content: "";width: 100%;height: 54px;background: url(../img/rasgoEditProfile.webp) no-repeat;background-size: 100%;position: absolute;bottom: -54px;left: 0px;pointer-events: none;} .boxJanelaForm .centro .boxTitulo h3{width: 100%;max-width: 1096px;font-size: 28px;font-weight: 800;line-height: 36px;color: #1A1B1D;margin: 0px auto;} .boxJanelaForm .centro .boxTitulo span{width: 100%;max-width: 1096px;display: block;font-size: 14px;font-weight: 500;font-style: italic;line-height: 20px;letter-spacing: 0.02em;color: #9FA4AC;margin: -4px auto 0px;} .boxNewPost .boxConteudo{width: 100%;padding: 28px 20px 0; overflow-x: clip;} .boxNewPost .boxConteudo form{position: relative;width: 100%;max-width: 1096px;margin: 0px auto;padding: 0 0 20px;} .boxNewPost .boxConteudo form label{display: block;font-size: 16px;font-weight: 500;line-height: 20px;color: #1A1B1D;margin-bottom: 4px;} .boxNewPost .boxConteudo form label b{font-weight: 500;color: #D46A45;} .boxNewPost .boxConteudo form label em{font-weight: 600;color: #2D9CBB;} .boxNewPost .boxConteudo form label i{font-weight: 600;color: #C94B47;} .boxNewPost .boxConteudo form input, .boxNewPost .boxConteudo .location .inputLocation, .boxNewPost .boxConteudo form select, .boxNewPost .boxConteudo form textarea{font-size: 16px;font-weight: 500;line-height: 23px;letter-spacing: 0.02em;color: #53565E;background: #EFEFF0;border-radius: 2px 24px 24px;padding: 8px 24px 9px;} .boxNewPost .boxConteudo form input::placeholder{display: block; font-size: 16px; font-weight: 500; line-height: 16px; letter-spacing: 0.02em; color: #969ca87a;} .boxNewPost .boxConteudo form select{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 13 10'%3E%3Cpath fill='%23272D38' d='M6 9.8c.3.3.7.3 1 0l6-9c.1-.3-.1-.8-.5-.8H.5C.1 0-.1.5.1.8l6 9Z'/%3E%3C/svg%3E") no-repeat center right #EFEFF0;background-size: 13px 10px;background-position-x: calc(100% - 24px);padding: 8px 24px 9px;} .boxNewPost .boxConteudo form select option{display: block; font-size: 16px; font-weight: 500; line-height: 16px; letter-spacing: 0.2em; color: #53565E;} .boxNewPost .boxConteudo form textarea{width: 100%;max-width: 768px;min-height: 140px;padding: 18px 24px;resize: none;} .boxNewPost .boxConteudo form textarea::placeholder{color: #53565E52;} /* Post & Tip Trap */ .boxNewPost .boxConteudo form ul{display: flex;/* align-items: center; */gap: 36px;margin-bottom: 24px; max-width: 768px;} .boxNewPost .boxConteudo form ul li{/* width: 13%; */} .boxNewPost .boxConteudo form ul li.post{width: 78%;} .boxNewPost .boxConteudo form ul li.post .title{display: flex;align-items: flex-end;gap: 4px;} .boxNewPost .boxConteudo form ul li.post input{width: 100%;} .boxNewPost .boxConteudo form ul li.post span.limite{font-size: 12px;font-weight: 600;font-style: italic;line-height: 12px;letter-spacing: -0.01em;color: #A4A9B7;} .boxNewPost .boxConteudo form ul li.tipTrap select{width: 100%;} .boxNewPost .boxConteudo form div.paisOndeMora{width: 100%;} .boxNewPost .boxConteudo form div.paisOndeMora .listSelectCity{width: 100%; max-width: 670px; display: flex ; gap: 23px; justify-content: space-between;} .boxNewPost .boxConteudo form div.paisOndeMora .listSelectCity li.escolhaOndeMora{width: 100%} .boxNewPost .boxConteudo form div.paisOndeMora .listSelectCity li.escolhaOndeMora .buscaCampo{width: 100%;position: relative;} .boxNewPost .boxConteudo form div.paisOndeMora .listSelectCity li.escolhaOndeMora .buscaCampo.loading .campoInput::after{content: ""; display: inline-block; position: absolute; right: 12px;top: 20px; width: 18px; height: 18px; border: 2px solid #1A1B1D; border-bottom-color: transparent; border-radius: 50%; box-sizing: border-box; animation: rotacao1 1s linear infinite; z-index: 10; background: #efeff0; outline: 6px solid #efeff0;} .boxNewPost .boxConteudo form div.paisOndeMora .listSelectCity li.escolhaOndeMora .resultadosLista{position: absolute;top: 39px;left: 50%;transform: translateX(-50%);width: calc(100% - 40px);z-index: 10;} .boxNewPost .boxConteudo form div.paisOndeMora .listSelectCity li.escolhaOndeMora .resultadosLista ol{width: 100%;max-height: 300px;overflow-y: auto;border: 2px solid #efeff0;border-radius: 0 0 10px 10px;background: #fff;box-shadow: 0px 6px 10px #cccccc6e;padding: 10px 5px 10px 3px;list-style: none;transition: all 0.3s ease;scrollbar-color: auto;} .boxNewPost .boxConteudo form div.paisOndeMora .listSelectCity li.escolhaOndeMora .resultadosLista ol li{width: 100%;font: 400 16px / 20px 'omnes-pro';letter-spacing: 0.04em;padding: 5px 25px;background: transparent;border-radius: 0px;transition: all 0.3s ease;cursor: pointer;} .boxNewPost .boxConteudo form div.paisOndeMora .listSelectCity li.escolhaOndeMora .resultadosLista ol li:hover{background: #F4F6F7;} .boxNewPost .boxConteudo form div.paisOndeMora .listSelectCity li.escolhaOndeMora .buscaCampo .campoInput input{width: 100%;max-width: 408px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 13 10'%3E%3Cpath fill='%23272D38' d='M6 9.8c.3.3.7.3 1 0l6-9c.1-.3-.1-.8-.5-.8H.5C.1 0-.1.5.1.8l6 9Z'/%3E%3C/svg%3E") no-repeat center right #EFEFF0;background-size: 13px 10px;background-position-x: calc(100% - 24px); padding-right: 45px;} /* Mensagem de error e validate */ .boxNewPost .errorMessage, .boxNewPost .validate, .boxNewPost .mensagemRetorno.erro{margin: initial;padding-left: 10px;font: 500 15px / 16px 'omnes-pro' !important;text-transform: initial;color: #D44545 !important;position: relative;font-style: italic !important;} .boxNewPost .validate{padding: 5px 0px 0px;} /* Country City */ .boxNewPost .boxConteudo form .countryCity{margin-bottom: 24px;} .boxNewPost .boxConteudo form .countryCity input{width: 48%;} /* Gastronomy */ .boxNewPost .boxConteudo form .gastronomy{margin-bottom: 24px;} .boxNewPost .boxConteudo form .gastronomy select{width: 32%;} /* Location */ .boxNewPost .boxConteudo form .location{display: flex;align-items: center;flex-wrap: wrap;gap: 24px 20px;width: 100%;max-width: 768px;} /*.boxNewPost .boxConteudo form .inputLatLon{display: flex;gap: 20px;}*/ .boxNewPost .boxConteudo form .inputLatLon{display: flex; visibility: hidden;opacity: 0; max-width: 1px !important;max-height: 1px !important;position: absolute; user-select: none; pointer-events: none;} .boxNewPost .boxConteudo form .location label{width: 100%;margin-bottom: -16px;} .boxNewPost .boxConteudo form .location .inputLocation{display: flex;justify-content: space-between;align-items: center;gap: 24px;width: 100%;padding: 8px 24px 9px 38px;position: relative;} .boxNewPost .boxConteudo form .location .inputLocation::before{content: ""; width: 14px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 18'%3E%3Cpath fill='%23CDCFD2' d='M7 0a7 7 0 0 0-5.3 11.5c.1.1 2.8 5 3.8 6a1.8 1.8 0 0 0 2.5 0c1.2-1 4.2-5.9 4.3-6A7 7 0 0 0 7 0Zm0 9a2 2 0 0 1-2-2c0-1.2.9-2 2-2s2 .8 2 2c0 1-.9 2-2 2Z'/%3E%3C/svg%3E") no-repeat; position: absolute; top: 50%; transform: translateY(-50%); left: 16px;} .boxNewPost .boxConteudo form .location .inputLocation input{width: 100%;background: initial;border-radius: initial;padding: 0px;} .boxNewPost .boxConteudo form .location .inputLocation input::placeholder{color: #53565E52 !important;} .boxNewPost .boxConteudo form .location .inputLocation span{font-size: 14px;font-weight: 600;line-height: 14px;letter-spacing: 0.02em;text-transform: uppercase;color: #1A1B1D;} /* Description */ #map.ativo{width: 100%;height: 300px;margin-bottom: 30px;} #map {width: 100%;height: 0;background: #eee;transition: all 0.5s ease;} .boxNewPost .boxConteudo form .description{margin-bottom: 20px;} .boxNewPost .boxConteudo form .description .textDescription{display: flex;gap: 24px;} .boxNewPost .boxConteudo form .description .textDescription p{width: 100%;max-width: 257px;font-size: 14px;font-weight: 500;line-height: 20px;letter-spacing: 0.01em;color: #797F8B;position: relative;} .boxNewPost .boxConteudo form .description .textDescription p b{font-style: italic;color: #424447;font-weight: 600;} .boxNewPost .boxConteudo form > button.inativo{opacity: 10%;pointer-events: none;} .boxNewPost .boxConteudo form > button{width: 100%;max-width: max-content;background: #1A1B1D;border-radius: 56px;cursor: pointer;outline: 1px solid transparent;transition: all 0.5s ease;position: relative;padding: 12px 34px;} .boxNewPost .boxConteudo form::after{content: "";position: absolute;bottom: 40px;right: -44px;width: calc(100% - 116px);max-width: 980px;height: 2px;background: url("data:image/svg+xml,%3Csvg width='980' height='1' viewBox='0 0 980 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='4.37114e-08' y1='0.5' x2='980' y2='0.500086' stroke='%23CDD0D4' stroke-dasharray='3 3'/%3E%3C/svg%3E%0A") no-repeat;} .boxNewPost .boxConteudo form button b{font-size: 17px;font-weight: 600;line-height: 16px;text-align: center;letter-spacing: 0.02em;color: #FFF;transition: all 0.5s ease;} .boxNewPost .boxConteudo form button:hover{background: #FFF; outline: 1px solid #1A1B1D;} .boxNewPost .boxConteudo form button:hover b{color: #1A1B1D;} form span.retornoStatus.ativo{opacity: 1;visibility: visible;} form span.retornoStatus.erro{background: #d12e2e;} form span.retornoStatus{position: relative;display: inline-flex;height: max-content;margin: 0 0 0 10px;padding: 3px 18px 4px;font-size: 16px;font-weight: 500;line-height: 16px;color: #fff;background: #62cd62;border-radius: 14px;opacity: 0;visibility: hidden;pointer-events: none;z-index: 2;transition: all 0.5s ease;} /* Box Create Complete */ .boxCreateComplete .boxTitulo{margin-bottom: 0px;} .boxCreateComplete .centro:has(.bloqueado) .boxMensagem{width: 100%;max-width: 1096px;display: flex;gap: 38px;margin: 76px auto 0px;position: relative;z-index: 1;} .boxCreateComplete .boxMensagem{display: none;width: 100%;max-width: 1096px;margin: 0 auto;gap: 38px;/* margin: 76px auto 0px; */position: relative;z-index: 3;} .boxCreateComplete .boxMensagem span.icone{display: block; width: 90px; min-width: 90px; height: 80px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 90 80'%3E%3Cg opacity='.7'%3E%3Cpath fill='url(%23a)' d='M72 45.2c2.9-2.6 5.9-5.4 8.5-8.3 2-2.3 3-4 1.1-7.8v-.4c-.5-1.2-1.5-2-2.7-2.1l-4.4-.5c4-3.5 4-3.1 4-5.6.2-.6 0-1.3-.4-1.8-3.6-4.1-3.5-4.4-4.5-4.4-.4 0-.8 0-1 .4l-11.7 9.8-3-.4C54.6 17 49.8 4.4 45 1.6c-1-.6-3.3-1.8-4.6-1.4H40c-1.2 0-2.3.7-2.8 1.8l-10 22c-.2.3-.5.5-.8.6L2.6 28.7A3.2 3.2 0 0 0 1 34.1l17.7 16.4c.3.3.4.6.4 1l-3.4 24c-.4 2.4 2 4 4.5 4 6.7 1 20.6.4 20.6-.7 0-.7-5.2-1.3-11.5-1.3l-3.3.1c1-.6 12.4-7.3 17.3-10.4C64.9 77.7 64 77.8 65.6 77.7c1.8.5 4-.8 4.8-2.7.9-2.2.4-4.8 0-7.1-3-14-3.3-13.9-3.4-17.2 1.6-2 3.3-3.9 5-5.5Zm1.5-28.7c1.5 1.8 2.3 2.8 3 3.4a464.5 464.5 0 0 0-30.7 27.6C40 42.1 36.5 39.3 31 33.1l4.2-4C45 39.2 45 40.2 46 40.2c.5 0 .5 0 3.7-3.1 4.4-4.4 20-17 24-20.6ZM43.3 65c-1-.4-2-.4-3 .1l-21 11.8a1 1 0 0 1-1.6-1l3.4-24c.1-1-.2-2-1-2.8L2.4 32.6c-.7-.6-.3-1.7.6-1.9l23.7-4.1c1-.2 2-.9 2.3-1.8l10.1-22c.4-.7 1.5-1 2 0l11.2 21.4c.5.9 1.4 1.5 2.5 1.6l4 .5c-9.5 8-9 7.7-11.6 10.2-7.3-7.9-7.6-9.2-9.7-9.6a6 6 0 0 0-2.6 0c-.8.3-.7.5-5.4 4.9-.7.7-.7 1.8 0 2.5 5.8 6.7 9.4 9.5 15.6 15.4.1.2.2.3.5.4.8.3 2 .1 2.7-.5 7.9-7.3 16-14.6 24-21.7l6.4.7c1 .2 1.3 1.2.7 1.9L62.6 47.9c-.8.7-1 1.8-.9 2.8l4.8 23.7c.1.9-.8 1.6-1.6 1.2L43.3 64.9Z'/%3E%3Cpath fill='url(%23b)' d='M73.6.8C73.3 2.5 73 4.3 73 6c0 .6.4 1 1 1.1.6 0 1-.4 1-1 .1-1.6.3-3.3.6-4.8a1 1 0 1 0-2-.4Z'/%3E%3Cpath fill='url(%23c)' d='M83 2.8a1 1 0 0 0-1.4 0 36.5 36.5 0 0 0-4 4.9 1 1 0 0 0 .8 1.6c1.1 0 1-1.2 4.7-5 .4-.5.4-1.1 0-1.5Z'/%3E%3Cpath fill='url(%23d)' d='m89 10.6-6.7.2a1 1 0 0 0 0 2.1l6.7-.2a1 1 0 0 0 0-2.1Z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='a' x1='45' x2='45' y1='0' y2='80' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23DFE1E4'/%3E%3Cstop offset='1' stop-color='%2347BDCF'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='45' x2='45' y1='0' y2='80' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23DFE1E4'/%3E%3Cstop offset='1' stop-color='%2347BDCF'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='45' x2='45' y1='0' y2='80' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23DFE1E4'/%3E%3Cstop offset='1' stop-color='%2347BDCF'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='45' x2='45' y1='0' y2='80' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23DFE1E4'/%3E%3Cstop offset='1' stop-color='%2347BDCF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat;} .boxCreateComplete .boxMensagem div.conteudo h3{font-size: 20px; font-weight: 600; line-height: 24px; letter-spacing: 0.02em; color: #1A1B1D; margin-bottom: 24px;} .boxCreateComplete .boxMensagem div.conteudo h3 b{font-weight: 600; color: #24A9BE;} .boxCreateComplete .boxMensagem div.conteudo h3 em{font-weight: 600; color: #C94B47;} .boxCreateComplete .boxMensagem div.conteudo p{width: 100%;max-width: 560px;font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: 0.01em;color: #272D38;margin-bottom: 24px;} .boxCreateComplete .boxMensagem div.conteudo p b{font-weight: 600;} .boxCreateComplete .boxMensagem div.conteudo a:link, .boxCreateComplete .boxMensagem div.conteudo a:active, .boxCreateComplete .boxMensagem div.conteudo a:visited{display: block; width: 100%; max-width: max-content; transition: all 0.5s ease;} .boxCreateComplete .boxMensagem div.conteudo a b{display: block; transition: all 0.5s ease;} /* Botao Close */ .boxCreateComplete .boxMensagem div.conteudo a.botaoClose:link, .boxCreateComplete .boxMensagem div.conteudo a.botaoClose:active, .boxCreateComplete .boxMensagem div.conteudo a.botaoClose:visited{margin-bottom: 40px;} .boxCreateComplete .boxMensagem div.conteudo a.botaoClose b{font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: 0.01em; text-decoration: underline; color: #272D38;} /* Hover */ .boxCreateComplete .boxMensagem div.conteudo a.botaoClose:hover b{color: #24A9BE;} /* Botao Complete */ .boxCreateComplete .boxMensagem div.conteudo a.botaoComplete:link, .boxCreateComplete .boxMensagem div.conteudo a.botaoComplete:active, .boxCreateComplete .boxMensagem div.conteudo a.botaoComplete:visited{background: linear-gradient(90deg, rgb(71, 189, 207) 0%, rgb(168, 86, 255) 50%, rgb(232, 123, 85) 100%);border-radius: 56px;position: relative;} .boxCreateComplete .boxMensagem div.conteudo a.botaoComplete.inativo{opacity: 10%;pointer-events: none;} .boxCreateComplete .boxMensagem div.conteudo a.botaoComplete::before{content: "";display: block;position: absolute;width: calc(100% - 20px);height: 28px;bottom: 0px;left: 50%;transform: translateX(-50%);background: linear-gradient(90deg, #47BDCF 0%, #60A3DB 31.05%, #A856FF 65.91%, #E87B55 100%);filter: blur(17px);border-radius: 40px;z-index: 0;pointer-events: none;} .boxCreateComplete .boxMensagem div.conteudo a.botaoComplete b{font-size: 20px; font-weight: 600; line-height: 22px; letter-spacing: 0.02em; color: #FFF; background: #1A1B1D; border-radius: 56px; padding: 16px 54px; position: relative; z-index: 1;} .boxCreateComplete .boxMensagem div.conteudo a.botaoComplete b em{display: inline-block;font-weight: 700;background: linear-gradient(90deg, #50D0E4 0%, #B874FF 53.89%, #FF946E 100%);background-clip: text;color: transparent;transition: all 0.5s ease;position: relative;} .boxCreateComplete .boxMensagem div.conteudo a.botaoComplete b em i.branco{display: inline-block;font-weight: 700;position: absolute; top: 0px; left: 0px; background: initial; color: #FFF;opacity: 0; visibility: hidden;transition: all 0.5s ease;} /* Hover */ .boxCreateComplete .boxMensagem div.conteudo a.botaoComplete:hover b{background: transparent;} .boxCreateComplete .boxMensagem div.conteudo a.botaoComplete:hover b em i.branco{opacity: 1; visibility: visible;} .boxCreateComplete .boxFormulario{position: relative;display: flex;justify-content: space-between;gap: 20px;width: 100%;max-width: 1096px;margin: 0 auto;z-index: 2;} .boxCreateComplete .boxFormulario form{display: flex;flex-wrap: wrap;max-width: 540px;} .boxCreateComplete .boxFormulario form span.retornoStatus{width: calc(100% - 300px);align-self: center;order: 1;} .boxCreateComplete .boxConteudo.bloqueado .boxFormulario::before{content: "";width: calc(100% + 88px);height: 232px;background: linear-gradient(0deg, rgba(237, 238, 240, 0) 0%, #EDEEF0 147.55%);position: absolute;top: -28px;left: 50%;transform: translateX(-50%);pointer-events: none;z-index: -1;} .boxCreateComplete .boxConteudo.bloqueado .boxMensagem{display: flex;} /* Box Conteudo */ .boxCreateComplete .boxConteudo{position: relative;width: 100%;margin: 0px auto;padding: 32px 20px 32px;overflow-x: clip;} .boxCreateComplete .boxConteudo div h3{font-size: 18px; font-weight: 600; line-height: 20px; letter-spacing: 0.02em; color: #272D38; margin-bottom: 2px;} .boxCreateComplete .boxConteudo div p{font-size: 14px; font-weight: 500; font-style: italic; line-height: 18px; letter-spacing: 0.01em; color: #9FA4AC;} .boxCreateComplete .cropWindow.ativo{opacity: 1;visibility: visible;pointer-events: all;} .boxCreateComplete .cropWindow{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;flex-wrap: wrap;align-items: center;gap: 30px 20px;width: 100%;max-width: 890px;height: calc(100dvh - 50px);max-height: 730px;padding: 30px;background: #fff;box-shadow: 0 0 0 1000em #000000d1;z-index: 99;opacity: 0;visibility: hidden;pointer-events: none;transition: all 0.5s ease;justify-content: center;} .boxCreateComplete .cropWindow.ativo::before{content: ""; display: block; position: absolute; width: 99vw; height: 100%; z-index: -1; user-select: none; top: -150px;left: 50%; transform: translateX(-50%);} .boxCreateComplete .cropWindow::after{ content: ""; display: block; position: absolute; width: 100%; height: 40px; bottom: -30px; left: 50%; transform: translateX(-50%); background: url(../img/rodapeFolha.svg); background-size: cover; background-position: bottom center; background-repeat: no-repeat; user-select: none; } .boxCreateComplete .cropWindow .boxCrop{width: 100%;height: calc(100% - 80px);} /* botao save */ .boxCreateComplete .cropWindow a#btCropper:active, .boxCreateComplete .cropWindow a#btCropper:link, .boxCreateComplete .cropWindow a#btCropper:visited{display: block; position: relative; width: max-content; transition: all 0.5s ease; z-index: 1; cursor: pointer; } .boxCreateComplete .cropWindow a#btCropper::before{content: ""; display: block; position: absolute; width: 100%; height: 44px; top: 18px; left: 50%; transform: translateX(-50%); border-radius: 40px; background: linear-gradient(90deg, #47BDCF 0%, #60A3DB 31.05%, #A856FF 65.91%, #E87B55 100%); filter: blur(16px); z-index: -1; opacity: 0; pointer-events: none; will-change: opacity, transform; backface-visibility: hidden; transition: opacity 0.5s ease;} .boxCreateComplete .cropWindow a#btCropper b{display: flex; justify-content: center; align-items: center; color: #fff; background: #1A1B1D; outline: 1px solid transparent; border-radius: 52px; position: relative; box-shadow: inset -190px 1px 110px -110px transparent, inset 190px 1px 110px -110px transparent, inset 0px 0px 0px 100px transparent; padding: 12px 38px; height: 48px; z-index: 2; font-size: 18px; font-weight: 600; line-height: 16px; letter-spacing: 0.02em; will-change: opacity, transform; backface-visibility: hidden; transition: opacity 0.5s ease;} .boxCreateComplete .cropWindow a#btCropper:hover::before{opacity: 1;} /* enviando */ @keyframes rotacao { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); }} .boxCreateComplete .cropWindow p.enviando{position: relative;width: max-content;height: initial;transition: all 0.5s ease;z-index: 1;cursor: pointer;background: initial;padding: 0;display: none;} .boxCreateComplete .cropWindow p.enviando em{display: flex; justify-content: center; align-items: center; color: #fff; background: #1A1B1D; outline: 1px solid transparent; border-radius: 52px; position: relative; box-shadow: inset -190px 1px 110px -110px transparent, inset 190px 1px 110px -110px transparent, inset 0px 0px 0px 100px transparent; padding: 12px 45px 12px 38px; height: 48px; z-index: 2; font-size: 18px; font-weight: 600; line-height: 16px; letter-spacing: 0.02em; will-change: opacity, transform; backface-visibility: hidden; transition: opacity 0.5s ease;} .boxCreateComplete .cropWindow p.enviando span.loadingIcon{ content: ""; display: inline-block; position: absolute; right: 13px; bottom: 9px; width: 15px; height: 15px; border: 2px solid #fff; border-bottom-color: transparent; border-radius: 50%; box-sizing: border-box; animation: rotacao 1s linear infinite; z-index: 10; } .boxCreateComplete .cropWindow a.close:active, .boxCreateComplete .cropWindow a.close:link, .boxCreateComplete .cropWindow a.close:visited{color: #9FA4AC; display: block; text-align: center; font: 500 19px / 16px 'omnes-pro'; letter-spacing: 0.02em; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 3px; transition: all 0.5s ease; padding: 5px 10px; margin: 0 20px 0 10px;} .boxCreateComplete .cropWindow a.close:hover{color: #D44545; text-decoration-color: #d445455c;} /* Photo */ .boxCreateComplete .boxConteudo div.photo{width: 100%;max-width: 540px;margin-bottom: 60px;} .boxCreateComplete .boxConteudo div.photo p{margin-bottom: 20px;} .boxCreateComplete .boxConteudo div.photo .boxBotao{position: relative;width: 100%;max-width: 532px;display: flex;align-items: center;gap: 8px;background: #EFEFF0;border-radius: 40px;padding: 4px;overflow: hidden;cursor: pointer;} .boxCreateComplete .boxConteudo div.photo .boxBotao .btChoose{width: 100%;max-width: max-content;background: #FFF;border: 1px solid #D1D5DC;border-radius: 96px;padding: 11px 14px;transition: all 0.5s ease;cursor: pointer;} .boxCreateComplete .boxConteudo div.photo .boxBotao .btChoose b{display: block; font-size: 16px; font-weight: 600; line-height: 10px; letter-spacing: 0.02em; color: #1A1B1D;transition: all 0.5s ease;} /* Hover */ .boxCreateComplete .boxConteudo div.photo .boxBotao:hover .btChoose{background: #1A1B1D; border: 1px solid #FFF;} .boxCreateComplete .boxConteudo div.photo .boxBotao:hover .btChoose b{color: #FFF;} .boxCreateComplete .boxConteudo div.photo .boxBotao i{display: block; font-size: 15px; font-weight: 500; line-height: 16px; letter-spacing: 0.02em; color: #53565E;} .boxCreateComplete .boxConteudo div.photo .boxBotao input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;} .boxCreateComplete .boxConteudo div.photo ul{width: 100%;max-width: 600px;display: flex;gap: 16px;overflow-x: auto;padding: 24px 0px 14px;} .boxCreateComplete .boxConteudo div.photo ul li{width: 100%;max-width: 120px;min-width: 120px;position: relative;} .boxCreateComplete .boxConteudo div.photo ul li figure{width: 100%; height: 88px; border: 4px solid #FFF; border-radius: 4px; box-shadow: 0px 4px 2px 0px #BDBDC666; user-select: none;} .boxCreateComplete .boxConteudo div.photo ul li figure.semImg{background: linear-gradient(180deg, #E3E3E6 0%, #BDBEC2 100%);} .boxCreateComplete .boxConteudo div.photo ul li figure.semImg span.botaoRemoverFoto{display: none;} .boxCreateComplete .boxConteudo div.photo ul li figure img{width: 100%;height: 100%;border-radius: 2px;object-fit: cover;} .boxCreateComplete .boxConteudo div.photo ul li span.botaoRemoverFoto{width: 34px;height: 34px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 10'%3E%3Cpath fill='%23fff' d='M1.4 0 1 .1l-.9 1v.6L3.4 5 .1 8.3V9l1 .9h.6L5 6.6l3.3 3.3H9l.9-1v-.6L6.6 5l3.3-3.3V1l-1-.9a.5.5 0 0 0-.6 0L5 3.4 1.7.1 1.4 0Z'/%3E%3C/svg%3E") no-repeat #D44545 center;background-size: 10px 10px;border-radius: 100%;border: 3px solid #FFF;position: absolute;top: -7px;right: -11px;transition: all 0.5s ease;cursor: pointer;} .boxCreateComplete .boxConteudo div.photo ul li span.botaoRemoverFoto:hover{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 10'%3E%3Cpath fill='%23fff' d='M1.4 0 1 .1l-.9 1v.6L3.4 5 .1 8.3V9l1 .9h.6L5 6.6l3.3 3.3H9l.9-1v-.6L6.6 5l3.3-3.3V1l-1-.9a.5.5 0 0 0-.6 0L5 3.4 1.7.1 1.4 0Z'/%3E%3C/svg%3E") no-repeat #FF5151 center; background-size: 10px 10px; border-radius: 100%; border: 3px solid #FFF;} /* mensagens retorno */ .boxCreateComplete .boxConteudo div.photo span#cropErrorReturn{font: 500 15px / 24px 'omnes-pro'; letter-spacing: 0.02em; color: #D44545; position: relative; font-style: italic; opacity: 0; transition: all 0.2s ease; user-select: none;} .boxCreateComplete .boxConteudo div.photo span#cropErrorReturn::before{content: "*";position: absolute;left: 0px;top: 8px;font: 500 18px / 15px 'omnes-pro';color: #D44545;user-select: none;} .boxCreateComplete .boxConteudo div.photo span#cropSuccessReturn{font: 500 15px / 24px 'omnes-pro'; letter-spacing: 0.02em; color: #60a3db; position: relative; opacity: 0; transition: all 0.2s ease; user-select: none;} /* mensagens retorno ativo */ .boxCreateComplete .boxConteudo div.photo span#cropErrorReturn.ativo, .boxCreateComplete .boxConteudo div.photo span#cropSuccessReturn.ativo{display: block; padding: 4px 0px 0 12px; opacity: 1;} /* Informations*/ .boxCreateComplete .boxConteudo div.informations{margin-bottom: 40px;position: relative;} .boxCreateComplete .boxConteudo div.informations p{margin-bottom: 24px;} .boxCreateComplete .boxConteudo div.informations ul{display: flex; align-items: center; gap: 24px;} .boxCreateComplete .boxConteudo div.informations ul li label{display: block;font-size: 16px;font-weight: 500;line-height: 20px;color: #272D38;margin-bottom: 4px;} .boxCreateComplete .boxConteudo div.informations ul li select{font-size: 16px;font-weight: 500;line-height: 16px;letter-spacing: 0.02em;color: #53565E;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 22'%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='%23272D38' d='M11.6 11.3c.2.3.6.3.8 0l5.5-8c.2-.4 0-.8-.4-.8h-11c-.4 0-.6.4-.4.7l5.5 8.1Z'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='24' height='21' x='0' y='.5' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_3549_364'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.7 0'/%3E%3CfeBlend in2='effect1_dropShadow_3549_364' result='effect2_dropShadow_3549_364'/%3E%3CfeBlend in='SourceGraphic' in2='effect2_dropShadow_3549_364' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") no-repeat right #EFEFF0;background-size: 24px 24px;background-position: calc(100% - 20px) 13px;border-radius: 2px 40px 40px 40px;padding: 11px 44px 12px 24px;} .boxCreateComplete .boxConteudo div.informations ul li select option{font-size: 16px; font-weight: 500; line-height: 16px; letter-spacing: 0.02em; color: #53565E;} /* Recommended */ .boxCreateComplete .boxConteudo div.recommended{margin-bottom: 48px;} .boxCreateComplete .boxConteudo div.recommended p{margin-bottom: 16px;} .boxCreateComplete .boxConteudo div.recommended p b{font-size: 16px; font-weight: 500; line-height: 20px; color: #272D38;} .boxCreateComplete .boxConteudo div.recommended .campos{width: 100%;max-width: 612px;display: flex;flex-wrap: wrap;align-items: center;gap: 17px 28px;} .boxCreateComplete .boxConteudo div.recommended label.container input:checked + span.checkmark:before{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 8'%3E%3Cpath fill='%23fff' d='M9.6.2c.5.4.5 1 .2 1.4l-5 6a1 1 0 0 1-1.5.1l-3-3a1 1 0 1 1 1.4-1.4L4 5.5 8.2.4A1 1 0 0 1 9.6.2Z'/%3E%3C/svg%3E") no-repeat center #161616;background-size: 10px 8px;border-radius: 2px;outline: 1px solid #161616;} .boxCreateComplete .boxConteudo div.recommended label.container{width: 100%;max-width: 158px;display: flex;gap: 8px;align-items: center;flex-wrap: wrap;position: relative;cursor: pointer;} .boxCreateComplete .boxConteudo div.recommended label.container span.checkmark{width: 18px;min-width: 18px;height: 18px;outline: 1px solid #C0C8CA;position: absolute;cursor: pointer;transition: all 0.5s ease;} .boxCreateComplete .boxConteudo div.recommended label.container span.checkmark::before{content: "";display: block;position: absolute;width: 18px;min-width: 18px;height: 18px;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #FFF;background-position: center;transition: all 0.5s ease;} .boxCreateComplete .boxConteudo div.recommended label.container input{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;cursor: pointer;} .boxCreateComplete .boxConteudo div.recommended label.container b{display: block;width: 100%;font-size: 16px;font-weight: 500;line-height: 16px;letter-spacing: 0.02em;color: #53565E;padding-left: 27px;} /* Button */ .boxCreateComplete .boxConteudo button{display: block;width: 100%;max-width: max-content;height: max-content;background: linear-gradient(90deg, rgb(71, 189, 207) 0%, rgb(168, 86, 255) 50%, rgb(232, 123, 85) 100%);box-shadow: 0px 0px 0px 1000px #1A1B1D inset;border-radius: 56px;padding: 12px 34px;transition: all 0.5s ease;cursor: pointer;position: relative;} .boxCreateComplete .boxConteudo button.inativo{opacity: 10%;pointer-events: none;} ._1000 .boxCreateComplete .boxConteudo button::after{content: "";/* width: calc(100% + 551px); */height: 2px;background: url("data:image/svg+xml,%3Csvg width='980' height='1' viewBox='0 0 980 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='4.37114e-08' y1='0.5' x2='980' y2='0.500086' stroke='%23CDD0D4' stroke-dasharray='3 3'/%3E%3C/svg%3E%0A") no-repeat;position: absolute;top: 50%;right: -22px;transform: translate(100%, -50%);} .boxCreateComplete .boxConteudo button::before{content: '';opacity: 0;filter: blur(15px);bottom: 0px;position: absolute;z-index: 0;border-radius: 40px;left: 50%;transform: translateX(-50%);width: 100%;height: 30px;background: linear-gradient(90deg, #47BDCF 0%, #60A3DB 31.05%, #A856FF 65.91%, #E87B55 100%);will-change: opacity, transform;backface-visibility: hidden;transition: opacity 0.5s ease;} .boxCreateComplete .boxConteudo button b{font-size: 17px; font-weight: 600; line-height: 17px; letter-spacing: 0.02em; color: #FFF;position: relative; z-index: 1;} .boxCreateComplete .boxConteudo button b em{font-weight: 600; color: #D46A45; transition: all 0.5s ease;} /* Hover */ .boxCreateComplete .boxConteudo button:hover{box-shadow: 0px 0px 0px 1000px transparent inset;} .boxCreateComplete .boxConteudo button:hover::before{opacity: 1;backface-visibility: visible;} .boxCreateComplete .boxConteudo button:hover b em{color: #FFF;} /* Bloqueado */ /* Box Conteudo */ .boxCreateComplete .boxConteudo.bloqueado .boxFormulario{opacity: 56%;pointer-events: none;padding: 100px 0 0;} .boxCreateComplete .boxConteudo.bloqueado .boxImportant{position: relative;top: 0px;} /* Photo */ .boxCreateComplete .boxConteudo.bloqueado div.photo .boxBotao span.comImg{display: none;} .boxCreateComplete .boxConteudo.bloqueado div.photo .boxBotao span.semImg{display: block;} .boxCreateComplete .boxConteudo.bloqueado div.photo ul li figure{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 54 54'%3E%3Cpath fill='%238C8F96' d='M54 21.8c.2-4.8 0-10-6.1-9.4a579 579 0 0 1-17.3-8.3c.8-5.3-8-5.6-7.3-.1-6 3-12.3 6-18.4 8.7-6.2 0-4.6 6-4.8 10.3v24.2c-.5 3.7 1.2 6.6 5 6.4H7l42.2.4c2.4 0 4.7-2.2 4.7-4.6V21.9ZM26.5 2.3c2.7 0 2 4.4-.8 3.1-1.5-.7-.7-3.2.8-3Zm-2.2 4c1.3 1.2 3.7 1.2 5 0 4.9 2 9.7 4.2 14.1 6.1l-34 .3 15-6.5Zm27 11.5v31.5a2 2 0 0 1-.6 1.6c-.5.4-1.1.7-1.7.7l-44 .4h-.7c-1.3 0-2.4-1-2.7-2.2V17c0-2 1.8-3 3.6-2.7v.2l.4-.2 42.7.3c1.8-.3 3.3 1.2 3 3v.2Zm-1.1.2c0-1.1-1.1-2.2-2.2-2l-19.4.1-23.4.2c-.4 0-.9.2-1.1.5-.7.7-.6 1.7-.5 2.2v29.7c.2 1 1.2 1.4 1.8 1.3l42.7.4c1.6 0 2.3-1.5 2.1-3 .2-9.6 0-20.7 0-29.3V18Zm-45 28.5c0-9.5-.2-19.6.1-28.5l42.5.4v20.2c-14.8-17.2-8.8-13.6-22.7.7l-1.7-2a166 166 0 0 1-3.3-4c-.5-.6-1.3-1-2.1-1-.9 0-1.6.4-2 1-4 5-7.5 9.3-10.7 13l-.1.2Zm35.2-13.3-1.2 1.5c-.2 0-1-.9-1.3-1.3-1.4-1.5-2.8 0-3.9.8l-1.3-1.4c4.5-6 3.7-5 7.8.4h-.1Zm-18.7 5.3c-.3.4-1 1.5-1.2 1.5-.3 0-1-1-1.3-1.3-1.4-1.6-2.8-.2-3.9.8L14 38c4.7-6 3.6-4.9 7.8.4Zm-16 10c1.7-2.4 3.8-5 6.5-8.4 2.3 2.7 3.7 2.4 5.7-.4 2.3 2.5 3 2.3 5 .5 2 2.7 4.2 5.5 6.3 8l-23.6.2Zm36.6-6.6c.5 1.4 4.4 5.9 5.5 5.7v.4h-1c-1.7-2.2-4.1-5.5-5.3-5-.2.6-.5.6 3.3 5h-1.1c-1.4-2-3.2-4.1-4-4-.7.3-.7.8 2 4h-1c-1-1.6-2.4-3-3-3-.8.3-.8.8 1 3h-1c-.5-1-1.5-2-2.1-2-.9.3-.7.8.1 2h-3.3c-1.8-2.6-4-4.9-6-7.3l4.6-6c2.3 2.6 3.6 2.2 5.6-.5.2 0 .6.4.8.7 1.4 2 2.8 1 4.2-.3l2.5 3.4c-.7 1.1 2.8 3.8 3.6 4.4v.9a19 19 0 0 0-2.7-3c-.8-.8-1.2-.9-1.5-.8-1 .5.5 2.1 1.2 2.9 1 .9 1.8 2.3 3 2.5v1.6c-.2-.6-5-7.3-5.5-4.8v.2ZM18.2 26.1c.3-6.2-9.5-6.2-9.2 0 .5 5.7 8.8 5.8 9.2 0Zm-3.6 2.3c-4 2-5.6-4.4-1.5-4.7 2.4-.1 3.7 3.4 1.5 4.7Z' opacity='.3'/%3E%3C/svg%3E") no-repeat center #EFEFF0;background-size: 54px 54px;} .boxCreateComplete .boxConteudo.bloqueado div.photo ul li figure img{display: none;} .boxCreateComplete .boxConteudo.bloqueado div.photo ul li span.botaoRemoverFoto{display: none;} /* Informations*/ .boxCreateComplete .boxConteudo.bloqueado div.informations{margin-bottom: 30px;} /* Button */ .boxCreateComplete .boxConteudo.bloqueado button{background: #FFF;box-shadow: initial;border: 1px solid #1A1B1D3D;} .boxCreateComplete .boxConteudo.bloqueado button b{color: #1A1B1D3D;} .boxCreateComplete .boxConteudo.bloqueado button b em{color: #1A1B1D3D;} /* Box Important */ ._1000 .boxCreateComplete .boxConteudo .boxImportant{width: 100%;max-width: 352px;height: max-content;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 353 16'%3E%3Cpath fill='%23fff' d='M307.2 14c6.6 2.3 12.8 0 19.4-.3 7.2-.3 10.4 0 17.6-.3 2.6 0 5.5-.2 8-.7V.8H.3v12.6C5 12 11 11.6 14.5 10.9c8-1.8 12.8 1.9 20.3 2.6 7.2.6 14.5-1.7 21.7-1.2 3.2.2 7 2 10 1 3.4-1 5-3 8.5-3.8a115 115 0 0 1 35.2-3.7c13 1 25.1.7 38.3 2.6 5.9.8 11.4-.1 17-1.7 6.5-1.9 11 1.4 17 3.5 5 1.7 13.5 5.9 18.4 5.6 3.4-.1 4-3.2 6.8-4.4 2.9-1.2 5.3-.4 8.3-.1 12.6 1 26.1-8.9 38.1-3.3 12 5.5 22.9 6.2 35.8 4.5 6.6-.8 11-.5 17.4 1.6Z'/%3E%3C/svg%3E") no-repeat bottom #FFF;background-position-y: -30px;background-size: 352px 15px;box-shadow: 2px 4px 0px -1px #EAEDF452, 3px 4px 12px 0px #E0E3EACC;padding: 26px 30px 28px;position: sticky;top: 40px;transform: rotate(4deg);z-index: 1;margin-right: 20px;} ._1000 .boxCreateComplete .boxConteudo .boxImportant::before{content: "";width: 37px;height: 53px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 55 60'%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='url(%23b)' d='M27.5 10.3c1.7-.7 3.6-.6 5.3.3 3.6 1.7 8.6 8.4 4 11.6-1.4 1-3.1 1-4.5.2L29 26.6c5.8 5.3.4 9.8-5.8 6.5-3.7 2.6-7 5.7-10.3 8.7-1.1 1.3-3 0-2-1.4 1.7-3.8 5.4-7.4 7-11.3-5.9-6.3-1.2-12 6.5-8l2-2.4c-4.3-2.6-2.7-6.9 1.2-8.3Zm2 8.6c-.1.5-.5.7-.8.9-1.5 1-2.5 3-3.6 4.3-.7 1.5-3.2.9-2.1-1-1.7-.9-3.2-1-4.7-.4-.7.2-.8.4-.7 1 .3 2.9 2.6 4.4 4.7 6l1.7 1.2c1.3 1.3 7.2 1.8 4.8-1.5-1-2.1-1.5-.7-2.5-1.6-.5-.5 0-1.4.3-1.8l4-5c1.4-1.9 3.4.9 4.8-.6.8-.7 1-1.9.7-2.7-1.3-3.5-6.4-8-9.6-3.5-.3.4-.6 1.1 0 1.7l2 1.5c.5.3 1.1.7 1 1.5Zm-9.7 11.9-2.3 3.7 3.7-2.7-1.4-1Z'/%3E%3Cpath fill='%23fff' d='M29.5 18.9c-.1.5-.5.7-.8.9-1.5 1-2.5 3-3.6 4.3-.7 1.5-3.2.9-2.1-1-1.7-.9-3.2-1-4.7-.4-.7.2-.8.4-.7 1 .3 2.9 2.6 4.4 4.7 6l1.7 1.2c1.3 1.3 7.2 1.8 4.8-1.5-1-2.1-1.5-.7-2.5-1.6-.5-.5 0-1.4.3-1.8l4-5c1.4-1.9 3.4.9 4.8-.6.8-.7 1-1.9.7-2.7-1.3-3.5-6.4-8-9.6-3.5-.3.4-.6 1.1 0 1.7l2 1.5c.5.3 1.1.7 1 1.5ZM19.8 30.8l-2.3 3.7 3.7-2.7-1.4-1Z'/%3E%3Cpath stroke='%23fff' stroke-linejoin='round' stroke-width='4' d='M26.7 8.5c2.3-1 4.8-.8 7 .3s4.6 3.5 6 6.2c.6 1.3 1 2.9.9 4.5a6 6 0 0 1-2.4 4.1l-.3.3a6.4 6.4 0 0 1-5 .9l-1.3 1.7c1 1 1.5 2.2 1.8 3.4a5 5 0 0 1-1.4 4.6c-2 2-5.4 2.2-8.6 1a95 95 0 0 0-9 7.7 3.4 3.4 0 0 1-4.4.6 3.1 3.1 0 0 1-1.4-2c-.1-.9.1-1.7.5-2.4 1-2 2.4-4 3.7-5.8 1-1.5 2-2.8 2.7-4.2-2.5-3.1-3.1-6.8-1-9.4 1.9-2.3 5.2-2.7 8.6-1.5a5.7 5.7 0 0 1-1.1-4.8c.4-2.3 2.2-4 4.4-5l.3-.2Z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='10.6' x2='35.5' y1='42.8' y2='9.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D46A45'/%3E%3Cstop offset='1' stop-color='%23D8DCE7'/%3E%3C/linearGradient%3E%3Cfilter id='a' width='54' height='58.5' x='.6' y='.9' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeMorphology in='SourceAlpha' radius='1' result='effect1_dropShadow_3549_434'/%3E%3CfeOffset dx='2' dy='4'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0.917647 0 0 0 0 0.929412 0 0 0 0 0.956863 0 0 0 0.32 0'/%3E%3CfeBlend in2='BackgroundImageFix' mode='multiply' result='effect1_dropShadow_3549_434'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeMorphology in='SourceAlpha' radius='3' result='effect2_dropShadow_3549_434'/%3E%3CfeOffset dx='3' dy='4'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0.878431 0 0 0 0 0.890196 0 0 0 0 0.917647 0 0 0 0.8 0'/%3E%3CfeBlend in2='effect1_dropShadow_3549_434' mode='multiply' result='effect2_dropShadow_3549_434'/%3E%3CfeBlend in='SourceGraphic' in2='effect2_dropShadow_3549_434' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") no-repeat;background-size: cover;position: absolute;top: -20px;right: -12px;} ._1000 .boxCreateComplete .boxConteudo .boxImportant::after{content: "";width: 357px;height: 185px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 360 185'%3E%3Cpath fill='url(%23a)' fill-rule='evenodd' d='M41.5 184.5c-2-.2-4-.4-6-.4-3.8-.1-7.7 0-11.5.1-3.3 0-6.6.2-9.9.1-2.6 0-5.5 0-8.1-.4L3 4h349l8 170.8c-2.8-.6-6-1-8.7-1.3l-5-.7c-5-1-8.8.1-12.7 1.3-2.3.7-4.7 1.4-7.4 1.8-3.7.4-7.4 0-11.2-.3-3.5-.3-7-.6-10.5-.3-1.1.1-2.4.4-3.6.7-2.2.6-4.4 1.1-6.3.6 0 0-5-2.8-8.7-3.5-12.2-2.3-23.6-4-35.1-2.7l-14.7 1.2c-7.7.5-15.4 1-23.4 2.4-5.8 1-11.3.2-17-1.2-5-1.3-8.7.4-12.8 2.2-1.2.6-2.5 1.2-4 1.7l-4.6 1.9c-4.5 2-9.8 4.2-13.4 4-2 0-3-1-4.2-2a8.3 8.3 0 0 0-2.8-2 11 11 0 0 0-6.4-.2l-1.9.3c-5.1.5-10.6-.8-16-2-7.6-1.8-15.3-3.6-22-.2a61 61 0 0 1-35.5 5.4 35 35 0 0 0-17.1 2c-4.5 1.6-9 1.1-13.5.6Z' clip-rule='evenodd' opacity='.8' style='mix-blend-mode:multiply'/%3E%3Cpath fill='%23fff' d='M307.2 177c6.6 2.3 12.8 0 19.4-.3 7.2-.3 10.4 0 17.6-.3 2.6 0 5.5-.2 8-.7V0H.4v176.4c4.7-1.3 10.6-1.8 14-2.5 8-1.8 12.9 1.9 20.4 2.6 7.2.6 14.5-1.7 21.7-1.2 3.2.2 7 2 10 1 3.4-1 5-3 8.5-3.8a115 115 0 0 1 35.2-3.7c13 1 25.1.7 38.3 2.6 5.9.8 11.4-.1 17-1.7 6.5-1.9 11 1.4 17 3.5 5 1.7 13.5 5.9 18.4 5.6 3.4-.1 4-3.2 6.8-4.4 2.9-1.2 5.3-.4 8.3-.1 12.6 1 26.1-8.9 38.1-3.3 12 5.5 22.9 6.2 35.8 4.5 6.6-.8 11-.5 17.4 1.6Z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='169.9' x2='172.5' y1='168.6' y2='30.3' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EDEEF0'/%3E%3Cstop offset='1' stop-color='%23EFF0F2'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");position: absolute;bottom: -15px;right: -8px;z-index: -1;} .boxCreateComplete .boxConteudo .boxImportant h3{font-size: 16px; font-weight: 600; line-height: 18px; letter-spacing: 0.02em; color: #1A1B1D; margin-bottom: 14px;} .boxCreateComplete .boxConteudo .boxImportant p{font-size: 15px;font-weight: 500;font-style: normal;line-height: 22px;letter-spacing: 0em;color: #787A80;} .boxCreateComplete .boxConteudo .boxImportant ul{margin: 29px 0px 29px 9px;} .boxCreateComplete .boxConteudo .boxImportant ul li{display: flex;gap: 10px;} .boxCreateComplete .boxConteudo .boxImportant ul li::before{content: "";width: 5px;min-width: 5px;height: 5px;min-height: 5px;background: #787A80;border-radius: 100%;margin-top: 9px;} .boxCreateComplete .boxConteudo .boxImportant span{display: block; font-size: 15px; font-weight: 500; line-height: 22px; color: #1A1B1D;} .boxCreateComplete .boxConteudo .boxImportant span b{font-weight: 600; color: #D46A45;} /* Box Topo */ section.boxTopo{background: url('../img/formularioFundoTopo.webp') no-repeat center top #211f24;background-size: cover;position: relative; z-index: 2; overflow-x: clip;} section.boxTopo .centro{width: 100%;max-width: 1360px;height: 418px; padding: 198px 40px 20px;margin: 0px auto;position: relative;} section.boxTopo .centro .boxTitulo{display: flex;align-items: baseline;gap: 28px;margin-bottom: 22px;} section.boxTopo .centro .boxTitulo h2{font-size: 36px;font-weight: 300;line-height: 36px;letter-spacing: 0.02em;color: #FFF;} section.boxTopo .centro .boxTitulo h2 b{font-weight: 600;} section.boxTopo .centro .boxTitulo p{font-size: 17px; font-weight: 400; font-style: italic; line-height: 20px; letter-spacing: 0.02em; color: #91939C;} /* Form */ section.boxTopo .centro form{width: 100%; max-width: 1280px; display: flex ; align-items: center; justify-content: space-between; gap: 20px;} ._1000 section.boxTopo .centro form div:not(.boxPaisInteresses){position: relative;/* width: 14%; */background: #FFF;box-shadow: 3px 4px 8px 0px #CCCFD666;padding: 13px 20px 20px 40px;position: relative;} /* select tipo */ section.boxTopo .centro form div.tipo{width: 16%; min-width: 151px; max-width: 183px; border-radius: 2px 40px 40px 28px;transition: all 0.5s ease;} ._1000 section.boxTopo .centro form div.tipo.itemFiltro.ativo{border-radius: 2px 40px 0px 0px;} section.boxTopo .centro form div.tipo.itemFiltro .boxSelect{transition: all 0.5s ease;} ._1000 section.boxTopo .centro form div.tipo.itemFiltro.ativo .boxSelect{border-radius: 0 0 24px 24px;} ._1000 section.boxTopo .centro form div.tipo.itemFiltro.ativo .boxSelect li{text-align: start;padding: 15px 10px 15px 40px; transition: all 0.5s ease;} ._1000 section.boxTopo .centro form div.tipo.itemFiltro.ativo .boxSelect li:not(.selected){background: #fff;} ._1000 section.boxTopo .centro form div.tipo.itemFiltro.ativo .boxSelect li:not(.selected):hover{background: #d46a454a;} section.boxTopo .centro form div.boxPaisInteresses{width: 100%; max-width: 900px; display: flex ; align-items: center; gap: 2px;justify-content: center;} /* select pais */ section.boxTopo .centro form div.boxPaisInteresses div.pais{width: 34%;max-width: 274px; border-radius: 2px 2px 2px 24px;transition: all 0.5s ease;} ._1000 section.boxTopo .centro form div.boxPaisInteresses div.pais.itemFiltro.ativo{border-radius: 2px 2px 0px 0px;} ._1000 section.boxTopo .centro form div.boxPaisInteresses div.pais.itemFiltro.ativo .boxSelect li:not(.selected){background: #fff;} ._1000 section.boxTopo .centro form div.boxPaisInteresses div.pais.itemFiltro.ativo .boxSelect li:not(.selected):hover{background: #d46a454a;} /* select interesses */ section.boxTopo .centro form div.boxPaisInteresses div.interesses{width: 66%;border-radius: 2px 40px 40px 2px;transition: all 0.5s ease;} ._1000 section.boxTopo .centro form div.boxPaisInteresses div.interesses.itemFiltro.ativo{border-radius: 2px 40px 0px 0px;} section.boxTopo .centro form label{display: block;font-size: 12px;font-weight: 600;line-height: 16px;text-transform: uppercase;letter-spacing: 0.02em;color: #A0A3AA;margin-bottom: 2px;} section.boxTopo .centro form label i{margin-left: 5px;font-weight: 600;color: #df766e;} section.boxTopo .centro form p.titulo {font-size: 17px;font-weight: 500;line-height: 16px;letter-spacing: 0.02em;color: #53565E;cursor: pointer;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis;} section.boxTopo .centro form .itemFiltro.ativo{} section.boxTopo .centro form .itemFiltro.ativo .boxSelect{max-height: 340px;height: initial;opacity: 1;visibility: visible;pointer-events: all;} section.boxTopo .centro form ul.boxSelect[type=type] li{} section.boxTopo .centro form ul.boxSelect[type=country_city]{height: 240px;overflow: auto;border-radius: 0 0 24px 24px;} section.boxTopo .centro form ul.boxSelect[type=country_city] li{text-align: left;transition: all 0.5s ease;} section.boxTopo .centro form ul.boxSelect[type=interests]{display: flex;flex-wrap: wrap;height: 240px;border-radius: 0px 0px 24px 24px;} section.boxTopo .centro form ul.boxSelect[type=interests] li{display: flex;align-items: center;width: calc(100% / 2);padding: 3px;text-align: left;border-bottom: 1px solid #E1E4E8;transition: all 0.5s ease;} section.boxTopo .centro form ul.boxSelect[type=interests] li label{position: relative;text-transform: initial;margin: 0;padding: 12px 27px 12px 38px;font-size: 17px;line-height: 17px;font-weight: 500;color: #53565E;transition: all 0.5s ease;} section.boxTopo .centro form ul.boxSelect[type=interests] li:hover label{color: #D46A45;transition: all 0.s ease;} section.boxTopo .centro form ul.boxSelect[type=interests] li label input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;} section.boxTopo .centro form ul.boxSelect[type=interests] li label input:checked ~ .checkmark:before{opacity: 1;} section.boxTopo .centro form ul.boxSelect[type=interests] li label .checkmark{position: absolute;left: 13px;top: 50%;transform: translateY(-50%);width: 18px;height: 18px;border: 1px solid #C0C8CA;transition: all 0.5s ease;cursor: pointer;} section.boxTopo .centro form ul.boxSelect[type=interests] li:hover label .checkmark{border: 1px solid #D46A45;} section.boxTopo .centro form ul.boxSelect[type=interests] li label .checkmark:before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 11px;height: 9px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' fill='none'%3E%3Cpath fill='%2353565E' d='M10.604.26c.467.399.53 1.108.141 1.585l-5.5 6.75c-.198.243-.486.39-.795.404a1.087 1.087 0 0 1-.828-.329l-3.3-3.375a1.143 1.143 0 0 1 0-1.59c.43-.44 1.126-.44 1.556 0l2.448 2.503L9.055.405a1.083 1.083 0 0 1 1.55-.144Z'/%3E%3C/svg%3E");opacity: 0;transition: all 0.3s ease;} section.boxTopo .centro form ul.boxSelect{position: absolute;top: calc(100% + 2px);left: 0;width: 100%;height: 0;max-height: 0;background: #fff;border-radius: 24px;opacity: 0;visibility: hidden;overflow: hidden;pointer-events: none;box-shadow: -2.12px 1.12px 34.94px 0px #2A46581F;transition: all 0.5s ease;z-index: 20;} section.boxTopo .centro form ul.boxSelect li{padding: 15px 30px;text-align: center;font-size: 17px;line-height: 18px;font-weight: 500;color: #53565E;cursor: pointer;transition: all 0.5s ease;} section.boxTopo .centro form ul.boxSelect li.selected{color: #fff;background: #D46A45;} section.boxTopo .centro form ul.boxSelect li.disabled{color: #fff;background: #e3e3e3;pointer-events: none;} section.boxTopo .centro form .tipo::before{content: "";display: block;width: 14px;height: 14px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3E%3Cpath fill='%23C4C7CE' d='M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0ZM4.9 7a2.1 2.1 0 1 0 4.2 0 2.1 2.1 0 0 0-4.2 0Z'/%3E%3C/svg%3E") no-repeat;position: absolute;bottom: 21px;left: 17px;} section.boxTopo .centro form .pais::before{content: "";width: 13px;height: 16px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 13 16'%3E%3Cpath fill='%23C4C7CE' d='M6.5 0C2.916 0 0 2.775 0 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 6.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 13 6.187C13 2.775 10.084 0 6.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") no-repeat;position: absolute;bottom: 21px;left: 20px;} section.boxTopo .centro form .interesses::before{content: "";width: 16px;height: 16px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 19'%3E%3Cpath fill='%23C4C7CE' d='M14.102 10.895c-2.88.351-5.347-2.292-4.997-4.997a1.13 1.13 0 0 0-2.21 0c.561 2.699-2.035 5.123-4.997 4.997a1.13 1.13 0 0 0 0 2.21c2.82-.077 5.485 2.44 4.997 4.997a1.13 1.13 0 0 0 2.21 0c-.14-2.652 2.445-5.216 4.997-4.997a1.13 1.13 0 0 0 0-2.21Z'/%3E%3Ccircle cx='1.5' cy='6.5' r='1.5' fill='%23C4C7CE'/%3E%3Ccircle cx='10.5' cy='1.5' r='1.5' fill='%23C4C7CE'/%3E%3C/svg%3E") no-repeat;position: absolute;bottom: 21px;left: 20px;} @keyframes rotacao { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } ._1000 section.boxTopo .centro form button.inativo{pointer-events: none;opacity: 90%;filter: brightness(0.8);} section.boxTopo .centro form button{display: flex;align-items: center;gap: 8px;background: linear-gradient(90deg, #47BDCF 0%, #60A3DB 31.05%, #A856FF 65.91%, #E87B55 100%);transition: all 0.5s ease;border-radius: 56px;padding: 25px 28px;cursor: pointer;position: relative;max-width: 154px;box-shadow: 1000px 0px 0px 0px transparent inset, 0px 4px 20px 1px #5ba9d875;} section.boxTopo .centro form button::after{content: ""; display: inline-block; position: absolute; left: 34px; top: 47%; transform: translateY(-50%); width: 20px; height: 20px; border: 2px solid #fff; border-bottom-color: transparent; border-radius: 50%; box-sizing: border-box; animation: rotacao 1s linear infinite; z-index: 10; transition: all 0.5s ease; user-select: none; pointer-events: none; opacity: 0;} section.boxTopo .centro form button.inativo::after{opacity: 1;} section.boxTopo .centro form button svg{width: 18px;min-width: 18px;height: 18px;transition: all 0.5s ease;position: relative;z-index: 1;} section.boxTopo .centro form button svg path{fill: #FFF; transition: all 0.5s ease;opacity: 1;} section.boxTopo .centro form button.inativo svg path{opacity: 0;} section.boxTopo .centro form button b{display: block;font-size: 22px;font-weight: 600;line-height: 16px;letter-spacing: 0.02em;color: #FFF;transition: all 0.5s ease;margin-top: -4px;position: relative;z-index: 1;} /* Hover */ ._1000 section.boxTopo .centro form button:not(.inativo):hover{box-shadow: 1000px 0px 0px 0px #FFF inset, 0px 4px 20px 5px #5ba9d875; color: #1A1B1D;} ._1000 section.boxTopo .centro form button:hover svg path{fill: #1A1B1D;} ._1000 section.boxTopo .centro form button:hover b{color: #1A1B1D;} /* Seta */ section.boxTopo .centro span.seta{width: 149px; height: 37px; 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='%233D2F3B'/%3E%3Cstop offset='.589' stop-color='%2340323F'/%3E%3Cstop offset='1' stop-color='%23413240'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat;position: absolute; bottom: -37px; right: 20px; z-index: 1;} section.boxTopo .centro span.seta svg{width: 20px; height: 16px; position: absolute; top: 0px; left: 50%; transform: translateX(-50%)} /* Box Suporte */ .boxSuporte{background: url('../img/boxSuporteFundo.webp') no-repeat center top #D06641;background-blend-mode: color-dodge;position: relative;overflow: clip;} .boxSuporte::before{content: "";width: 799px;height: 841px;background: #FFDD6EBF;filter: blur(508px);border-radius: 100%;position: absolute;top: -45px;left: -385px;pointer-events: none;} .boxSuporte .centro{display: flex;justify-content: flex-end;align-items: flex-end;gap: 29px;width: 100%;max-width: 971px;padding: 54px 20px 52px;margin: 0px auto;position: relative;z-index: 1;} .boxSuporte .centro figure{width: 100%;max-width: 184px;height: 225px;} .boxSuporte .centro figure img{width: 100%; height: 100%;} .boxSuporte .centro .conteudo{width: 100%;max-width: 545px;position: relative;} .boxSuporte .centro .conteudo::before{content: "";width: 184px;height: 201px;background: url('../img/mao.svg') no-repeat;position: absolute;bottom: -52px;left: -231px;pointer-events: none;} .boxSuporte .centro .conteudo span{display: block;font-size: 15px;font-weight: 500;line-height: 14px;letter-spacing: 0.04em;text-transform: uppercase;color: #FFFFFFA3;margin-bottom: 2px;} .boxSuporte .centro .conteudo h2{font-size: 26px;font-weight: 600;line-height: 32px;letter-spacing: 0.02em;color: #FFF;position: relative;padding-bottom: 15px;margin-bottom: 13px;} .boxSuporte .centro .conteudo h2::after{content: "";width: 653px;height: 1px;background: url("data:image/svg+xml,%3Csvg width='654' height='1' viewBox='0 0 654 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline opacity='0.24' x1='0.333496' y1='0.5' x2='653.333' y2='0.5' stroke='white' stroke-dasharray='3 3'/%3E%3C/svg%3E%0A");position: absolute;bottom: 0px;left: -54px;pointer-events: none;} .boxSuporte .centro .conteudo p{max-width: 430px;font-size: 16px;font-weight: 500;line-height: 21px;letter-spacing: 0.028em;color: #FFF;position: relative;} ._1000 .boxSuporte .centro .conteudo p::after{content: "";width: 37px;min-width: 37px;height: 29px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 37 13'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='M33.566 11.758c2.1-8.312 4.401-9.083-.799-9.26-1.08.07-7.196-1.031-4.39-.22 3.553 1.027 8.067.793 2.796 3.977-2.852 1.723-6.254 3.32-9.5 4.157-16.894 4.362-19.96-9.131-19.96-9.131' opacity='.24'/%3E%3C/svg%3E") no-repeat;position: absolute;bottom: -14px;right: -16px;pointer-events: none;} .boxSuporte .centro a:link, .boxSuporte .centro a:active, .boxSuporte .centro a:visited{display: block;width: max-content;background: #1A1B1D;border-radius: 56px;padding: 11px 24px 12px;position: relative;transition: all 0.5s ease;} ._1000 .boxSuporte .centro a:hover{background: #FFF;} ._1000 .boxSuporte .centro a::after{content: "";width: 87px;height: 87px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 86 84'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='M2.648 26.785c-.928-.039 4.188 7.644 5.206 9.098C18.399 50.947 30.567 64.648 44.187 75.79c2.723 2.227 5.325 4.612 8.027 6.864.556.462.644.493.165-.203C35.623 58.152 14.34 37.284 2.596 7.501 1.974 5.925.7 1.364 2.424 1.328c2.334-.048 26.18 30.92 35.214 40.07C49.99 53.91 78.948 81.977 84.404 80.953' opacity='.16'/%3E%3C/svg%3E") no-repeat;position: absolute;bottom: -14px;right: -44px;pointer-events: none;} .boxSuporte .centro a b{font-size: 18px;font-weight: 600;line-height: 16px;letter-spacing: 0.02em;color: #FFF;transition: all 0.5s ease;} ._1000 .boxSuporte .centro a:hover b{color: #1A1B1D;} /* Box Tips Traps */ .boxTipsTraps{background: url('../img/cidadeDetalhesFundoFiltro.webp') no-repeat center top #F4F6F7;position: relative;z-index: 1; overflow-x: clip;} .boxTipsTraps .centro{position: relative;width: 100%;max-width: 1360px;padding: 84px 40px 80px;margin: 0px auto;} .boxTipsTraps .centro h2{display: flex;align-items: center;gap: 17px;width: 100%;min-width: max-content;font-size: 36px;font-weight: 300;line-height: 28px;letter-spacing: 0.02em;color: #1A1B1D;margin-bottom: 37px;} .boxTipsTraps .centro h2:nth-of-type(2){margin-top: 40px;} .boxTipsTraps .centro h2 b{display: inline-block;font-weight: 600;margin: 0px;} .boxTipsTraps .centro h2 a:active, .boxTipsTraps .centro h2 a:any-link{position: relative;display: flex;align-items: center;gap: 2px;font-size: 17px;font-weight: 500;font-style: italic;line-height: 20px;letter-spacing: 0.02em;color: #91939C;margin-top: 7px;transition: all 0.5s ease;} .boxTipsTraps .centro h2 a:after{content: "";width: 19px;height: 14px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2391939C' viewBox='0 -960 960 960'%3E%3Cpath d='M383-480 200-664l56-56 240 240-240 240-56-56zm264 0L464-664l56-56 240 240-240 240-56-56z'/%3E%3C/svg%3E");background-size: 100%;transition: all 0.5s ease;} .boxTipsTraps .centro h2 a:hover{gap: 6px;color: #da737a;} .boxTipsTraps .centro h2 a:hover:after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23da737a' viewBox='0 -960 960 960'%3E%3Cpath d='M383-480 200-664l56-56 240 240-240 240-56-56zm264 0L464-664l56-56 240 240-240 240-56-56z'/%3E%3C/svg%3E");} .boxTipsTraps .centro > a.btCriarTipTrap:active, .boxTipsTraps .centro > a.btCriarTipTrap:any-link{position: absolute;top: 80px;right: 40px;width: max-content;background: linear-gradient(90deg, rgb(71, 189, 207) 0%, rgb(96, 163, 219) 31.05%, rgb(168, 86, 255) 65.91%, rgb(232, 123, 85) 100%);box-shadow: inset 0px 0px 110px 110px #1a1b1d;border-radius: 56px;display: block;padding: 12px 24px;transition: all 0.5s ease;z-index: 1;} ._1000 .boxTipsTraps .centro > a.btCriarTipTrap::after{content: "";width: 100%;height: 20px;filter: blur(12px);position: absolute;left: 50%;transform: translateX(-50%);bottom: 1px;pointer-events: none;background: linear-gradient(90deg, rgb(71, 189, 207) 0%, rgb(96, 163, 219) 31.05%, rgb(168, 86, 255) 65.91%, rgb(232, 123, 85) 100%);border-radius: 40px;opacity: 0;transition: all 0.5s ease;} .boxTipsTraps .centro > a.btCriarTipTrap b{display: block;font-size: 17px;font-weight: 600;line-height: 16px;letter-spacing: 0.02em;color: #FFF;transition: all 0.5s ease;position: relative;z-index: 1;} ._1000 .boxTipsTraps .centro > a.btCriarTipTrap:hover{box-shadow: inset 0px 0px 110px 110px #1a1b1d00;} .boxTipsTraps .centro > a.btCriarTipTrap:hover::before, .boxTipsTraps .centro a.btCriarTipTrap:hover::after{opacity: 1;} .boxTipsTraps .centro .splide{width: calc(100% + 20px);padding-bottom: 53px;} .boxTipsTraps .centro .splide__track{overflow: visible;} .boxTipsTraps .centro .splide__track ul.splide__list li{display: flex;flex-direction: column;justify-content: space-between;width: 100%;max-width: 268px;height: 352px;filter: drop-shadow(-2.12px 1.12px 34.94px #2A46581F) drop-shadow(-2.12px 1.12px 16.94px transparent) grayscale(1) opacity(0.3);padding: 9px 10px 21px 10px;transition: all 0.5s ease;position: relative;} .boxTipsTraps .centro .splide__track ul.splide__list li.paperCreate{filter: drop-shadow(-2.12px 1.12px 34.94px #2A46581F) drop-shadow(-2.12px 1.12px 16.94px transparent) grayscale(1) opacity(1); padding-bottom: 0px;} .boxTipsTraps .centro .splide__track ul.splide__list li.paperPlaceholder{padding: 0px;} .boxTipsTraps .centro .splide__track ul.splide__list li.is-visible{filter: drop-shadow(-2.12px 1.12px 34.94px #2A46581F) drop-shadow(-2.12px 1.12px 16.94px transparent) grayscale(0) opacity(1);} .boxTipsTraps .centro .splide__track ul.splide__list li:not(.boxTipsTraps .centro .splide__track ul.splide__list li.is-visible.paperPlaceholder)::before{content: "";width: 100%;max-width: 268px;height: 352px;background: url('../img/boxCardsFundo.webp') no-repeat center top;position: absolute;top: 0px;left: 0px;z-index: 0;} .boxTipsTraps .centro .splide__track ul.splide__list li:not(.boxTipsTraps .centro .splide__track ul.splide__list li.is-visible.paperPlaceholder)::after{content: "";width: 100%;max-width: 274px;height: 360px;background: url('../img/boxCardsSombra.webp') no-repeat center top;filter: brightness(0.93);position: absolute;bottom: -10px;left: 8px;z-index: -1;pointer-events: none;} .boxTipsTraps .centro .splide__track ul.splide__list li:not(.boxTipsTraps .centro .splide__track ul.splide__list li.paperPlaceholder):hover{filter: drop-shadow(-2.12px 1.12px 34.94px transparent) drop-shadow(-2.12px 1.12px 16.94px #2A46584F);} .boxTipsTraps .centro .splide__track ul.splide__list li > a:link, .boxTipsTraps .centro .splide__track ul.splide__list li > a:active, .boxTipsTraps .centro .splide__track ul.splide__list li > a:visited{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;z-index: 2;} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxStatus.invalid{background: #B32A2A;} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxStatus.invalid span:before{background: #992727;} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxStatus{} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxStatus{position: absolute;left: -3px;bottom: 28px;width: max-content;padding: 7px 17px 7px 30px;background: #D0613A;z-index: 3;} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxStatus span{display: flex;align-items: center;gap: 5px;text-transform: uppercase;font-weight: 600;font-size: 13px;line-height: 16px;color: #fff;} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxStatus span:before{content: "";display: block;width: 8px;min-width: 8px;height: 8px;background: #F5AB42;border: 2px solid #fff;border-radius: 100%;} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxStatus p{display: none;font-style: italic;/* font-weight: 500; */font-size: 14px;line-height: 17px;color: rgb(255 255 255 / 55%);} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxStatus p.contact{margin-left: auto;} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxStatus p a:active, .boxTipsTraps .centro .splide__track ul.splide__list li div.boxStatus p a:any-link{text-decoration: underline;color: #ffffffde;transition: all 0.5s ease;} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxStatus p a:hover{color: #fff;} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxConteudo{height: 100%;position: relative;} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxConteudo span.classificacao{display: flex;position: absolute;top: -13px;right: -17px;z-index: 2;} .boxTipsTraps .centro .splide__track ul.splide__list li.Tip div.boxConteudo span.classificacao{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 71 32'%3E%3Cpath fill='%2325B0C5' d='M1.8 31.7s68.5.7 68 0c-.9-1-5-3.6-5-3.6l5.1-1.7-4.3-5 5.4-2.6-6.5-7.6L69 9l-3.3-2.6L68.7 0H.2l4 4.7-4.2 2 5.8 3.8-4.6 2.3L4 17 .7 19.5l4.5 2.1-4 3.6 2.6 3.4-2 3.1Z' opacity='.9'/%3E%3C/svg%3E") no-repeat;} .boxTipsTraps .centro .splide__track ul.splide__list li.Trap div.boxConteudo span.classificacao{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 71 32'%3E%3Cpath fill='%23CF4F4B' d='M1.8 31.7s68.5.7 68 0c-.9-1-5-3.6-5-3.6l5.1-1.7-4.3-5 5.4-2.6-6.5-7.6L69 9l-3.3-2.6L68.7 0H.2l4 4.7-4.2 2 5.8 3.8-4.6 2.3L4 17 .7 19.5l4.5 2.1-4 3.6 2.6 3.4-2 3.1Z' opacity='.9'/%3E%3C/svg%3E");} .boxTipsTraps .centro .splide__track ul.splide__list li.quick.tip a span.classificacao, .boxTipsTraps .centro .splide__track ul.splide__list li.quick.trap a span.classificacao{display: flex;align-items: center;height: 32px;} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxConteudo span.classificacao em, .boxTipsTraps .centro .splide__track ul.splide__list li div.boxConteudo span.classificacao b{display: block;width: 71px;font-size: 14px;font-weight: 600;line-height: 20px;letter-spacing: 0.02em;text-align: center;text-transform: uppercase;color: #FFFFFF;padding: 6px 0px;} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxConteudo span.classificacao em{width: 143px;height: 32px;padding: 6px 80px 6px 20px;margin-right: -67px;} .boxTipsTraps .centro .splide__track ul.splide__list li.quick.tip div.boxConteudo span.classificacao em{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 143 32'%3E%3Cpath fill='%23004C61' d='M141.225 31.719s-140.507.633-139.964 0c.815-.95 4.925-3.652 4.925-3.652l-5.112-1.668 4.346-5.064L0 18.805l6.52-7.596-4.57-2.3 3.295-2.62L2.315 0h140.48l-4.075 4.747L143 6.776l-5.794 3.7 4.57 2.301-2.681 4.343 3.167 2.41-4.436 2.119 4.044 3.523-2.707 3.46 2.062 3.087Z' opacity='.92'/%3E%3C/svg%3E") no-repeat;} .boxTipsTraps .centro .splide__track ul.splide__list li.quick.trap div.boxConteudo span.classificacao em{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 143 32'%3E%3Cpath fill='%23890905' d='M141.225 31.719s-140.507.633-139.964 0c.815-.95 4.925-3.652 4.925-3.652l-5.112-1.668 4.346-5.064L0 18.805l6.52-7.596-4.57-2.3 3.295-2.62L2.315 0h140.48l-4.075 4.747L143 6.776l-5.794 3.7 4.57 2.301-2.681 4.343 3.167 2.41-4.436 2.119 4.044 3.523-2.707 3.46 2.062 3.087Z' opacity='.92'/%3E%3C/svg%3E") no-repeat;background-size: cover;} .boxTipsTraps .centro .splide__track ul.splide__list li.tip div.boxConteudo span.classificacao b{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 71 32'%3E%3Cpath fill='%2325B0C5' d='M1.775 31.719s68.507.633 67.964 0c-.814-.95-4.923-3.652-4.923-3.652l5.11-1.668-4.344-5.064L71 18.805l-6.517-7.596 4.568-2.3-3.294-2.62L68.687 0H.204l4.073 4.747L0 6.776l5.792 3.7-4.568 2.301 2.68 4.343-3.166 2.41 4.434 2.119-4.042 3.523 2.706 3.46-2.061 3.087Z' opacity='.92'/%3E%3C/svg%3E") no-repeat;background-size: cover;} .boxTipsTraps .centro .splide__track ul.splide__list li.trap div.boxConteudo span.classificacao b{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 71 32'%3E%3Cpath fill='%23CF4F4B' d='M1.775 31.719s68.507.633 67.964 0c-.814-.95-4.923-3.652-4.923-3.652l5.11-1.668-4.344-5.064L71 18.805l-6.517-7.596 4.568-2.3-3.294-2.62L68.687 0H.204l4.073 4.747L0 6.776l5.792 3.7-4.568 2.301 2.68 4.343-3.166 2.41 4.434 2.119-4.042 3.523 2.706 3.46-2.061 3.087Z' opacity='.92'/%3E%3C/svg%3E") no-repeat;background-size: cover;} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxConteudo figure{display: flex;justify-content: center;align-items: center;width: 100%;max-width: 251px;height: 180px;user-select: none;transition: all 0.5s ease;margin-bottom: 22px;} .boxTipsTraps .centro .splide__track ul.splide__list li.paperCreate div.boxConteudo figure{margin-bottom: 22px;position: relative;} .boxTipsTraps .centro .splide__track ul.splide__list li.paperCreate div.boxConteudo figure::before{content: "+";font-size: 56px;font-weight: 300;line-height: 56px;letter-spacing: 0.02em;color: #2E303347;filter: drop-shadow(0px 0px 2px #FFFFFF80) drop-shadow(0px 4px 6px #FFFFFFB2);position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxConteudo > figure img{width: 100%;height: 100%;border-radius: 2px;object-fit: cover;filter: brightness(0.9);transition: all 0.5s ease;} .boxTipsTraps .centro .splide__track ul.splide__list li.paperCreate div.boxConteudo > figure img{filter: brightness(1);} .boxTipsTraps .centro .splide__track ul.splide__list li:hover div.boxConteudo figure img{filter: brightness(1);} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxConteudo .tagPerfil{width: 100%;max-width: max-content;font-size: 14px;font-weight: 500;line-height: 20px;letter-spacing: 0.02em;color: #1A1B1D;background: #FFF;border: 2px solid #E9ECF0;border-radius: 16px 16px 16px 1px;padding: 3px 12px 5px;margin: -44px 12px 12px;position: relative;z-index: 1;flex-direction: column;} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxConteudo .tagPerfil span.tag{display: block;font-size: 14px;font-weight: 500;line-height: 20px;letter-spacing: 0.035em;color: #1A1B1D;background: #FFF;border: 2px solid #E9ECF0;border-radius: 16px 16px 16px 1px;padding: 3px 10px 2px;} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxConteudo .tagPerfil a:link, .boxTipsTraps .centro .splide__track ul.splide__list li div.boxConteudo .tagPerfil a:active, .boxTipsTraps .centro .splide__track ul.splide__list li div.boxConteudo .tagPerfil a:visited{transition: all 0.5s ease;position: relative;z-index: 3;} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxConteudo .tagPerfil a::before{content: ""; width: 40px; height: 40px; background: linear-gradient(360deg, #47BDCFB3 0%, #60A3DBB3 31.05%, #A856FFB3 65.91%, #E87B55B3 100%); border-radius: 100%; filter: blur(3px); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.5s ease; opacity: 0; visibility: hidden;} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxConteudo .tagPerfil a:hover::before{opacity: 1; visibility: visible;} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxConteudo .tagPerfil a figure{width: 36px;height: 36px;border: 2px solid #FFF;border-radius: 100%;margin: 0px; position: relative; z-index: 1;} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxConteudo .tagPerfil a figure img{width: 100%; height: 100%; border-radius: 100%; object-fit: cover;} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxConteudo h3{font-size: 18px;font-weight: 600;line-height: 20px;letter-spacing: 0.02em;text-transform: none;text-align: left;color: #2E2F32;width: initial;margin: 0px 15px 4px;} .boxTipsTraps .centro .splide__track ul.splide__list li.paperCreate div.boxConteudo h3{text-align: center;} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxConteudo span.conteudo{font-size: 15px;font-weight: 400;line-height: 20px;letter-spacing: 0.035em;text-align: left;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;color: #5B616D;margin: 0px 15px;} .boxTipsTraps .centro .splide__track ul.splide__list li.paperCreate div.boxConteudo span.conteudo{text-align: center;} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxConteudo a:link, .boxTipsTraps .centro .splide__track ul.splide__list li div.boxConteudo a:active, .boxTipsTraps .centro .splide__track ul.splide__list li div.boxConteudo a:visited{width: max-content;height: max-content;background: linear-gradient(90deg, rgb(71, 189, 207) 0%, rgb(96, 163, 219) 31.05%, rgb(168, 86, 255) 65.91%, rgb(232, 123, 85) 100%);box-shadow: inset 0px 0px 110px 110px #1a1b1d;border-radius: 56px;display: block;padding: 4px 22px;transition: all 0.5s ease;cursor: pointer;position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);z-index: 1;/* margin: 40px auto 0px; */} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxConteudo a::before{content: "";width: 100%;height: 100%;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0px;pointer-events: none;background: linear-gradient(90deg, rgb(71, 189, 207) 0%, rgb(96, 163, 219) 31.05%, rgb(168, 86, 255) 65.91%, rgb(232, 123, 85) 100%);border-radius: 40px;opacity: 0;will-change: opacity, transform;backface-visibility: hidden;transition: opacity 0.5s ease;} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxConteudo a::after{content: "";width: 100%;height: 20px;filter: blur(12px);position: absolute;left: 50%;transform: translateX(-50%);bottom: 1px;pointer-events: none;background: linear-gradient(90deg, rgb(71, 189, 207) 0%, rgb(96, 163, 219) 31.05%, rgb(168, 86, 255) 65.91%, rgb(232, 123, 85) 100%);border-radius: 40px;opacity: 0;transition: all 0.5s ease;} .boxTipsTraps .centro .splide__track ul.splide__list li div.boxConteudo a b{display: block;font-size: 14px;font-weight: 600;line-height: 16px;text-transform: uppercase;letter-spacing: 0.02em;color: #FFF;position: relative; z-index: 1;} /* Hover */ .boxTipsTraps .centro .splide__track ul.splide__list li div.boxConteudo a:hover::before, .boxTipsTraps .centro .splide__track ul.splide__list li div.boxConteudo a:hover::after{opacity: 1;} .boxTipsTraps .centro .splide__track ul.splide__list li .curtidaSalvar{width: calc(100% + 20px);display: flex;justify-content: space-between;align-items: flex-end;gap: 10px;margin: 0px -10px;} .boxTipsTraps .centro .splide__track ul.splide__list li .curtidaSalvar a.curtidas:link, .boxTipsTraps .centro .splide__track ul.splide__list li .curtidaSalvar a.curtidas:active, .boxTipsTraps .centro .splide__track ul.splide__list li .curtidaSalvar a.curtidas:visited{display: flex;align-items: center;gap: 6px;color: #1A1B1D52;position: relative;z-index: 2;transition: all 0.5s ease;margin-left: 25px;} .boxTipsTraps .centro .splide__track ul.splide__list li .curtidaSalvar a.curtidas svg{width: 16px;min-width: 16px;height: 14px;} .boxTipsTraps .centro .splide__track ul.splide__list li .curtidaSalvar a.curtidas b{font-size: 14px;font-weight: 500;line-height: 20px;letter-spacing: 0.02em;color: #1A1B1D52;transition: all 0.5s ease;} /* Hover */ .boxTipsTraps .centro .splide__track ul.splide__list li .curtidaSalvar a.curtidas:hover, .boxTipsTraps .centro .splide__track ul.splide__list li .curtidaSalvar a.curtidas:hover b {color: #1A1B1D;} .boxTipsTraps .centro .splide__track ul.splide__list li .curtidaSalvar a.salvar:link, .boxTipsTraps .centro .splide__track ul.splide__list li .curtidaSalvar a.salvar:active, .boxTipsTraps .centro .splide__track ul.splide__list li .curtidaSalvar a.salvar:visited{height: max-content;display: flex;align-items: center;justify-content: center;gap: 4px;background: #EDEEF0;color: #1A1B1D;border-radius: 16px 0px 0px 16px;transition: all 0.5s ease;padding: 8px 16px;position: relative;z-index: 2;} .boxTipsTraps .centro .splide__track ul.splide__list li .curtidaSalvar a.salvar:before{content: "";width: 17px;min-width: 17px;height: 14px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 17 14'%3E%3Cpath fill='%231A1B1D' fill-rule='evenodd' d='M7.03.646C6.375.228 5.662 0 4.894 0a4.41 4.41 0 0 0-4.4 4.4c0 1.639 1.235 3.181 2.74 4.763.864.908 1.843 1.823 2.799 2.717.71.663 1.407 1.315 2.036 1.944a.6.6 0 0 0 .849 0c.629-.629 1.326-1.28 2.036-1.944.956-.894 1.935-1.809 2.799-2.717 1.506-1.582 2.74-3.124 2.74-4.763 0-2.423-1.976-4.4-4.4-4.4-.768 0-1.48.228-2.134.646-.529.338-1.018.801-1.465 1.369-.447-.568-.937-1.03-1.466-1.37Zm1.465 10.802c.363-.345.733-.692 1.1-1.034l.363-.34c.836-.783 1.638-1.544 2.347-2.29.734-.77 1.305-1.435 1.692-2.048.383-.607.498-1.03.498-1.336 0-1.318-1.082-2.4-2.4-2.4-.588 0-1.274.293-2.03 1.252l-1.57 1.996-1.572-1.996C6.168 2.292 5.482 2 4.895 2a2.41 2.41 0 0 0-2.4 2.4c0 .306.114.729.497 1.336.387.613.958 1.277 1.692 2.049.71.745 1.511 1.506 2.347 2.289l.364.34c.366.342.737.689 1.1 1.034Z' clip-rule='evenodd' opacity='.24'/%3E%3C/svg%3E") no-repeat;transition: all 0.5s ease;} /* Hover */ .boxTipsTraps .centro .splide__track ul.splide__list li .curtidaSalvar a.salvar:hover, .boxTipsTraps .centro .splide__track ul.splide__list li .curtidaSalvar a.salvar.ativo{background: #1A1B1D;color: #FFF;} .boxTipsTraps .centro .splide__track ul.splide__list li .curtidaSalvar a.salvar:hover::before, .boxTipsTraps .centro .splide__track ul.splide__list li .curtidaSalvar a.salvar.ativo::before{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 14'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M6.53.646C5.875.228 5.162 0 4.394 0a4.41 4.41 0 0 0-4.4 4.4c0 1.639 1.235 3.181 2.74 4.763.864.908 1.843 1.823 2.799 2.717.71.663 1.407 1.315 2.036 1.944a.6.6 0 0 0 .849 0c.629-.629 1.326-1.28 2.036-1.944.956-.894 1.935-1.809 2.799-2.717 1.506-1.582 2.74-3.124 2.74-4.763 0-2.423-1.976-4.4-4.4-4.4-.768 0-1.48.228-2.134.646-.529.338-1.018.801-1.465 1.369-.447-.568-.937-1.03-1.466-1.37Z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat;} /* Cards */ .boxTipsTraps .centro ul.cards{width: 100%;margin-top: 1px;} .boxTipsTraps .centro ul.cards > li:has(.boxStatus){margin-bottom: 60px;} .boxTipsTraps .centro ul.cards > li:has(.boxStatus):last-of-type{margin-bottom: 90px;} .boxTipsTraps .centro ul.cards > li{box-shadow: -2.12px 1.12px 34.94px 0px #2A465814, -2.12px 1.12px 15px 0px transparent;position: relative;transition: all 0.5s ease;z-index: 2;} ._1000 .boxTipsTraps .centro ul.cards > li:hover{box-shadow: -2.12px 1.12px 34.94px 0px transparent, -2.12px 1.12px 15px 0px #2a46584a;} .boxTipsTraps .centro ul.cards > li::after{content: "";width: 100%;height: 100%;background: #787B821F;transform: rotate(0.75deg);position: absolute;top: 0px;left: 6px;z-index: 0;transition: all 0.5s ease;} .boxTipsTraps .centro ul.cards > li:nth-of-type(3n + 3)::after{transform: rotate(-0.75deg);left: -5px;} ._1000 .boxTipsTraps .centro ul.cards > li:hover::after{transform: rotate(0deg);} ._1000 .boxTipsTraps .centro ul.cards > li.tip:hover::after{background: #25B0C5;} ._1000 .boxTipsTraps .centro ul.cards > li.trap:hover::after{background: #CF4F4B;} .boxTipsTraps .centro ul.cards li:last-of-type .conteudoCards{margin-bottom: 0px; position: relative;} .boxTipsTraps .centro ul.cards li a.linkCard:active, .boxTipsTraps .centro ul.cards li a.linkCard:link, .boxTipsTraps .centro ul.cards li a.linkCard:visited {position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; z-index: 2;} .boxTipsTraps .centro ul.cards li .conteudoCards{display: flex;gap: 42px;background: #FFF;border-radius: 2px;padding: 12px 24px 12px 12px;margin-bottom: 32px;position: relative;z-index: 1;} .boxTipsTraps .centro ul.cards li .conteudoCards span.classificacao{position: absolute;top: 24px;left: -16px;z-index: 2;} .boxTipsTraps .centro ul.cards li .conteudoCards span.classificacao b, .boxTipsTraps .centro ul.cards li .conteudoCards span.classificacao em{display: block;width: 71px;font-size: 14px;font-weight: 600;line-height: 20px;letter-spacing: 0.02em;text-align: center;text-transform: uppercase;color: #FFFFFF;padding: 6px 0px;} .boxTipsTraps .centro ul.cards li.quick.tip .conteudoCards span.classificacao, .boxTipsTraps .centro ul.cards li.quick.trap .conteudoCards span.classificacao{display: flex;align-items: center;height: 32px;} .boxTipsTraps .centro ul.cards li .conteudoCards span.classificacao em{width: 143px;height: 32px;padding: 6px 80px 6px 20px;margin-right: -67px;} .boxTipsTraps .centro ul.cards li.tip .conteudoCards span.classificacao b{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 71 32'%3E%3Cpath fill='%2325B0C5' d='M1.775 31.719s68.507.633 67.964 0c-.814-.95-4.923-3.652-4.923-3.652l5.11-1.668-4.344-5.064L71 18.805l-6.517-7.596 4.568-2.3-3.294-2.62L68.687 0H.204l4.073 4.747L0 6.776l5.792 3.7-4.568 2.301 2.68 4.343-3.166 2.41 4.434 2.119-4.042 3.523 2.706 3.46-2.061 3.087Z' opacity='.92'/%3E%3C/svg%3E") no-repeat;background-size: cover;} .boxTipsTraps .centro ul.cards li.trap .conteudoCards span.classificacao b{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 71 32'%3E%3Cpath fill='%23CF4F4B' d='M1.775 31.719s68.507.633 67.964 0c-.814-.95-4.923-3.652-4.923-3.652l5.11-1.668-4.344-5.064L71 18.805l-6.517-7.596 4.568-2.3-3.294-2.62L68.687 0H.204l4.073 4.747L0 6.776l5.792 3.7-4.568 2.301 2.68 4.343-3.166 2.41 4.434 2.119-4.042 3.523 2.706 3.46-2.061 3.087Z' opacity='.92'/%3E%3C/svg%3E") no-repeat;background-size: cover;} .boxTipsTraps .centro ul.cards li.quick.trap .conteudoCards span.classificacao em{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 143 32'%3E%3Cpath fill='%23890905' d='M141.225 31.719s-140.507.633-139.964 0c.815-.95 4.925-3.652 4.925-3.652l-5.112-1.668 4.346-5.064L0 18.805l6.52-7.596-4.57-2.3 3.295-2.62L2.315 0h140.48l-4.075 4.747L143 6.776l-5.794 3.7 4.57 2.301-2.681 4.343 3.167 2.41-4.436 2.119 4.044 3.523-2.707 3.46 2.062 3.087Z' opacity='.92'/%3E%3C/svg%3E") no-repeat;background-size: cover;} .boxTipsTraps .centro ul.cards li.quick.tip .conteudoCards span.classificacao em{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 143 32'%3E%3Cpath fill='%23004C61' d='M141.225 31.719s-140.507.633-139.964 0c.815-.95 4.925-3.652 4.925-3.652l-5.112-1.668 4.346-5.064L0 18.805l6.52-7.596-4.57-2.3 3.295-2.62L2.315 0h140.48l-4.075 4.747L143 6.776l-5.794 3.7 4.57 2.301-2.681 4.343 3.167 2.41-4.436 2.119 4.044 3.523-2.707 3.46 2.062 3.087Z' opacity='.92'/%3E%3C/svg%3E") no-repeat;} .boxTipsTraps .centro ul.cards li .conteudoCards figure{display: flex;justify-content: center;align-items: center;width: 100%;max-width: 290px;height: 208px;background: linear-gradient(90deg, #EDEEF033 0%, #EDEEF066 100%);border-radius: 0px 8px 8px 0px;} .boxTipsTraps .centro ul.cards li .conteudoCards figure img{width: 100%;object-fit: cover;border-radius: 2px;margin: auto;height: 100%;} .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo{width: 100%;/* max-width: 840px; */height: max-content;padding: 11px 0px 25px;} .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo .topoCard{display: flex;align-items: center;gap: 16px;margin-left: -56px;margin-bottom: 13px;} .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo .topoCard a.btEditarPost:active, .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo .topoCard a.btEditarPost:any-link{margin-left: auto;font: 500 14px/14px 'Omnes-pro';color: #1A1B1D;padding: 9px 30px;background: #EDEEF0;border-radius: 30px;transition: all 0.5s ease;z-index: 10;} .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo .topoCard a.btEditarPost:hover{background: #1a1b1d;color: #fff;} .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo .topoCard span.tag{display: block;font-size: 14px;font-weight: 500;line-height: 20px;letter-spacing: 0.028em;color: #1A1B1D;padding: 5px 16px 5px 56px;background: #FFF;border: 2px solid #E9ECF0;border-radius: 16px 16px 16px 1px;} .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo .topoCard em.curtidas{display: flex; align-items: flex-start; gap: 6px; color: #53565E52; transition: all 0.5s ease;} .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo .topoCard em.curtidas svg{width: 16px; min-width: 16px; height: 14px;} .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo .topoCard em.curtidas b{font-size: 14px; font-weight: 500; line-height: 20px; letter-spacing: 0.02em; color: #1A1B1D52; transition: all 0.5s ease;} .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo h3{width: 100%;max-width: 840px;font-size: 26px;font-weight: 600;line-height: 32px;letter-spacing: 0.02em;color: #1A1B1D;margin-bottom: 4px;} .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo ul.localizacaoPessoa{width: 100%;max-width: 840px;display: flex;align-items: center;gap: 25px;margin-bottom: 24px;} .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo ul.localizacaoPessoa li{display: flex;align-items: flex-end;gap: 6px;position: relative;} .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo ul.localizacaoPessoa li.usuario{align-items: center;} .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo ul.localizacaoPessoa li svg{width: 12px;min-width: 12px;height: 15px;pointer-events: none;} .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo ul.localizacaoPessoa li b{display: flex;gap: 6px;font-size: 15px;font-weight: 500;line-height: 16px;letter-spacing: 0.035em;color: #9196A0;align-items: flex-end;} .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo ul.localizacaoPessoa li figure{width: 100%;max-width: 21px;min-width: 21px;height: 21px;position: relative;border-radius: 100%;} .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo ul.localizacaoPessoa li figure img{width: 100%; height: 100%; border-radius: 100%; object-fit: cover;} .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo ul.localizacaoPessoa li.usuario b.verificado::after{content: "";width: 13px;min-width: 13px;height: 13px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 12 13'%3E%3Cpath fill='%239196A0' d='M5.795.5C2.6.5 0 3.192 0 6.5s2.6 6 5.795 6c3.196 0 5.795-2.692 5.795-6 0-.676-.113-1.323-.313-1.93l-.939.971c.061.31.093.63.093.959 0 2.647-2.08 4.8-4.636 4.8S1.16 9.147 1.16 6.5s2.08-4.8 4.636-4.8c.946 0 1.827.296 2.562.803l.83-.86A5.63 5.63 0 0 0 5.794.5Zm5.386.776L5.216 7.452 3.307 5.476l-.82.848 2.729 2.824L12 2.124l-.82-.848Z'/%3E%3C/svg%3E") no-repeat;pointer-events: none;} .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo p{width: 100%;max-width: 840px;font-size: 16px;font-weight: 400;line-height: 22px;letter-spacing: 0.02em;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;color: #1A1B1D;} .boxTipsTraps .centro ul.cards li .boxStatus.invalid{background: #B32A2A;} .boxTipsTraps .centro ul.cards li .boxStatus.invalid span:before{background: #992727;} .boxTipsTraps .centro ul.cards li .boxStatus{position: absolute;left: 0;top: 100%;display: flex;align-items: center;gap: 36px;width: 100%;padding: 7px 32px 8px;background: #D0613A;border-radius: 0 0 4px 4px;z-index: 3;} .boxTipsTraps .centro ul.cards li .boxStatus span{display: flex;align-items: center;gap: 5px;text-transform: uppercase;font-weight: 600;font-size: 14px;line-height: 16px;color: #fff;} .boxTipsTraps .centro ul.cards li .boxStatus span:before{content: "";display: block;width: 8px;min-width: 8px;height: 8px;background: #F5AB42;border: 2px solid #fff;border-radius: 100%;} .boxTipsTraps .centro ul.cards li .boxStatus p{font-style: italic;/* font-weight: 500; */font-size: 15px;line-height: 17px;color: rgb(255 255 255 / 55%);} .boxTipsTraps .centro ul.cards li .boxStatus p.contact{margin-left: auto;} .boxTipsTraps .centro ul.cards li .boxStatus p a:active, .boxTipsTraps .centro ul.cards li .boxStatus p a:any-link{text-decoration: underline;color: #ffffffde;transition: all 0.5s ease;} .boxTipsTraps .centro ul.cards li .boxStatus p a:hover{color: #fff;} ._320 .boxTipsTraps .centro ul.cards li .boxStatus{position: relative;top: initial;flex-wrap: wrap;gap: 5px 10px;margin-top: -20px;padding: 10px 20px;} ._320 .boxTipsTraps .centro ul.cards li .boxStatus span{order: 1;font-weight: 500;font-size: 13px;} ._320 .boxTipsTraps .centro ul.cards li .boxStatus p{width: 100%;order: 3;font-size: 13px;line-height: 15px;} ._320 .boxTipsTraps .centro ul.cards li .boxStatus p.contact{width: calc(100% - 70px);line-height: 12px;font-size: 11px;order: 2;} /* Cards Comunidade */ ._1000 .boxTipsTraps .centro ul.cards > li.comunidade{position: relative;z-index: 1;} ._1000 .boxTipsTraps .centro ul.cards:not(.myCards) > li.comunidade{margin: 64px 0px;} ._1000 .boxTipsTraps .centro ul.cards:not(.myCards) > li.comunidade::before{content: ''; display: block; width: 3000px; height: 384px;background: #A9ADB8;z-index: -2;opacity: 0.1; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute;pointer-events: none; user-select: none;} .boxTipsTraps .centro ul.cards > li.comunidade::after{width: calc(100% + 12px);max-width: 1286px;left: -6px;} ._1000 .boxTipsTraps .centro ul.cards > li.comunidade:hover::after{background: #D46A45;} ._1000 .boxTipsTraps .centro ul.cards > li.comunidade .linkCard::before{content: "";width: 64px;height: 60px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 64 47'%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='%23CA603B' fill-rule='evenodd' d='M18.47 23.079v2.772c-2.333 1.251-3.745 2.113-5.696 3.305-.667.408-1.398.854-2.25 1.368l-1.262-1.99c1.55-1.02 7.024-4.243 9.209-5.455Zm7.941 12.405c.336.497.925 1.41 1.261 1.99l24.31-14.58.159-.095c3.828-2.297 8.1-4.86 9.427-9.44 2.691-9.37-7.737-17.083-16.23-11.444-1.497.904-4.281 2.617-7.619 4.671-5.85 3.6-13.402 8.248-18.703 11.416-1.99 1.19-3.835 2.175-5.524 3.076-.894.478-1.744.932-2.549 1.38-6.437 3.588-11.128 8.255-7.892 14.534 2.266 4.395 6.428 6.01 10.667 4.395 1.01-.415 3.641-1.659 4.819-2.571v-2.902l-1.287 1.078c-4.625 3.15-9.67 4.146-12.11-1.078-2.662-5.704 3.42-9.128 10.386-13.05 1.54-.867 3.125-1.76 4.668-2.706 3.784-2.322 22.285-13.682 26.405-16.253 6.56-4.56 14.8 1.41 12.615 8.873-1.105 3.733-4.575 5.788-7.985 7.807l-.677.402-24.14 14.497Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='64' height='47' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='3'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.17 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_663_179'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_663_179' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") no-repeat;position: absolute;top: 127px;left: -18px;z-index: 2;pointer-events: none;} .boxTipsTraps .centro ul.cards li.comunidade .conteudoCards{padding: 12px 64px 12px 12px;position: relative;} ._1000 .boxTipsTraps .centro ul.cards > li.comunidade .conteudoCards::after{content: "";width: 64px;height: 60px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 64 47'%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='%23CA603B' fill-rule='evenodd' d='M45.53 23.079v2.772c2.333 1.251 3.745 2.113 5.696 3.305.668.408 1.398.854 2.25 1.368l1.262-1.99c-1.55-1.02-7.024-4.243-9.209-5.455Zm-7.941 12.405a41.56 41.56 0 0 0-1.261 1.99l-24.31-14.58-.159-.095c-3.828-2.297-8.1-4.86-9.427-9.44-2.691-9.37 7.737-17.083 16.23-11.444 1.497.904 4.281 2.617 7.619 4.671 5.85 3.6 13.401 8.248 18.703 11.416 1.99 1.19 3.835 2.175 5.524 3.076.894.478 1.744.932 2.548 1.38 6.438 3.588 11.13 8.255 7.893 14.534-2.266 4.395-6.428 6.01-10.667 4.395-1.01-.415-3.641-1.659-4.819-2.571v-2.902l1.287 1.078c4.625 3.15 9.67 4.146 12.11-1.078 2.662-5.704-3.42-9.128-10.386-13.05-1.54-.867-3.125-1.76-4.668-2.706-3.784-2.322-22.285-13.682-26.405-16.253-6.56-4.56-14.8 1.41-12.614 8.873 1.104 3.733 4.574 5.788 7.984 7.807l.677.402 24.14 14.497Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='64' height='47' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='3'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.17 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_663_180'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_663_180' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") no-repeat;position: absolute;top: 15px;right: -18px;pointer-events: none;} .boxTipsTraps .centro ul.cards li.comunidade .conteudoCards .boxConteudo > em{display: block;margin-bottom: 2px;text-transform: uppercase;font-weight: 600;font-size: 15px;color: #D46A45;} .boxTipsTraps .centro ul.cards li.comunidade .conteudoCards .boxConteudo{max-width: 100%;padding: 30px 0px 34px;} .boxTipsTraps .centro ul.cards li.comunidade .conteudoCards .boxConteudo ul.localizacaoPessoa{margin-bottom: 0px;} .boxTipsTraps .centro ul.cards li.comunidade .conteudoCards::before{content: "";width: calc(100% - 12px);height: calc(100% - 10px);border: 1px dashed #E0E2E3;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);pointer-events: none;transition: all 0.5s ease;} ._1000 .boxTipsTraps .centro ul.cards li.comunidade:hover .conteudoCards::before{border-color: #D46A45;} .boxTipsTraps .centro ul.cards li.comunidade span.classificacao, .boxTipsTraps .centro ul.cards li.comunidade .boxConteudo .topoCard{display: none} .boxTipsTraps .centro ul.cards li.comunidade .boxConteudo h3 b{display: block;font-size: 15px;font-weight: 600;line-height: 14px;text-transform: uppercase;letter-spacing: 0.02em;color: #D46A45;margin-bottom: 4px;} .boxTipsTraps .centro ul.cards li.comunidade .conteudo{display: flex;justify-content: space-between;align-items: flex-end;gap: 20px;} .boxTipsTraps .centro ul.cards li.comunidade .conteudoCards .boxConteudo p{display: block;width: 100%;max-width: 522px;padding-top: 16px;} .boxTipsTraps .centro ul.cards li.comunidade .boxConteudo .boxBotao span{display: flex;align-items: center;gap: 13px;width: 100%;max-width: 123px;font-size: 16px;font-weight: 500;line-height: 18px;letter-spacing: 0.035em;text-align: right;color: #8C8F96;margin: -25px 10px 18px auto;} .boxTipsTraps .centro ul.cards li.comunidade .boxConteudo .boxBotao span::after{content: "";width: 27px;min-width: 27px;height: 31px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 27 31'%3E%3Cpath stroke='%23E0E2E3' stroke-linecap='round' stroke-width='2' d='M26 23.785c-6.148 5.975-5.665 8.353-8.42 3.939-.478-.971-4.49-5.717-2.385-3.693 2.667 2.564 4.72 6.59 4.843.433.066-3.33-.253-7.076-1.15-10.306C14.218-2.652 1 1.438 1 1.438'/%3E%3C/svg%3E") no-repeat;margin-bottom: -8px;} .boxTipsTraps .centro ul.cards li.comunidade .boxConteudo .boxBotao a:link, .boxTipsTraps .centro ul.cards li.comunidade .boxConteudo .boxBotao a:active, .boxTipsTraps .centro ul.cards li.comunidade .boxConteudo .boxBotao a:visited{display: block;width: max-content;background: #1A1B1D;border-radius: 56px;padding: 11px 33px 12px;position: relative;transition: all 0.5s ease;z-index: 2;} ._1000 .boxTipsTraps .centro ul.cards li.comunidade .boxConteudo .boxBotao a::before{content: "";width: 95px;height: 84px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 85 84'%3E%3Cpath stroke='%23D9DDE5' stroke-linecap='round' stroke-width='1.5' d='M2.315 57.286c-.929.038 4.187-7.644 5.205-9.098C18.066 33.124 30.234 19.422 43.854 8.28c2.722-2.227 5.324-4.612 8.027-6.863.555-.463.644-.494.164.202C35.29 25.918 14.007 46.786 2.262 76.569c-.621 1.577-1.894 6.138-.171 6.173 2.334.048 26.179-30.92 35.213-40.07C49.657 30.16 78.615 2.093 84.07 3.117' opacity='.56'/%3E%3C/svg%3E") no-repeat;position: absolute;top: -24px;left: -24px;pointer-events: none;} ._1000 .boxTipsTraps .centro ul.cards li.comunidade .boxConteudo .boxBotao a:hover{background: #D46A45;} .boxTipsTraps .centro ul.cards li.comunidade .boxConteudo .boxBotao a b{font-size: 17px; font-weight: 600; line-height: 17px; letter-spacing: 0.02em; color: #FFF;} /* SUGGESTIONS */ .curious {position: relative; z-index: 2;} .curious > span {font: 600 15px/16px 'Omnes-pro';text-transform: uppercase;letter-spacing: 0.02em;color: #FFFFFF;opacity: 0.64;margin: 0 auto;display: block;max-width: max-content;width: 100%;text-align: center;} .curious h4 {font: 600 24px/28px 'Omnes-pro';letter-spacing: 0.02em;color: #FFFFFF;display: block;max-width: max-content;width: 100%;margin: 0 auto 20px;text-align: center;z-index: 1;position: relative;} .curious{position:relative;padding: 47px 0 44px;background: #D06641;transition:all ease 0.5s;overflow: hidden;} .curious::before {position:absolute;content:'';width: 100%;left: 0;top: 0;height:100%;background: url('../img/noise.webp');mix-blend-mode: plus-lighter;user-select: none;} .curious::after {position:absolute;content:'';width: 840px;right: -370px;bottom: -360px;height:800px;background: #FFDD6E;filter: blur(400px);border-radius: 50%;opacity: 0.3;z-index: 0;} .curious .splide {transition: all ease 0.5s;max-width: 1340px;width: 100%;padding: 0 40px;margin: 0 auto;z-index: 2;position: relative;} ._1000 .curious .splide::before{content: ""; display: block; position: absolute; top: 0; left: 20px; width: 63px; height: 240px; z-index: 2; background: linear-gradient(90deg, rgba(210, 104, 67, 1) 20%, rgba(210, 104, 67, 0) 100%);pointer-events: none;user-select: none;} ._1000 .curious .splide::after{content: ""; display: block; position: absolute; top: 0; right: 20px; width: 63px; height: 240px; z-index: 2; background: linear-gradient(-90deg, rgb(213 116 70) 10%, rgba(215, 118, 72, 0) 100%);pointer-events: none;user-select: none;} .curious .splide .splide__arrows {right: 0;max-width: 80px;display: none;} .curious .splide .splide__arrows .splide__arrow--prev::before {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 28 16'%3E%3Cpath fill='%23fff' d='M27.524 7.756c-1.191-.748-2.639-1.075-4.108-1.162-3.544-.21-7.09-.53-10.649-.29a80.805 80.805 0 0 0-1.323-.08c-2.222-.094-4.444-.138-6.658 0 1.834-1.647 3.472-3.527 5.306-5.182.124-.109.124-.472.051-.653-.139-.363-.497-.428-.884-.37-1.257.196-2.376.842-3.34 1.669C4.055 3.299 2.139 4.86.415 6.623l-.03.03a1.347 1.347 0 0 0 .03 1.916c.431.413.87.812 1.323 1.204.248.283.497.574.753.857 1.622 1.778 3.303 3.505 5.211 4.979.54.42 1.184.58 1.615.08.395-.458.366-1.11-.08-1.655-.804-.973-1.6-1.96-2.507-2.838a103.49 103.49 0 0 0-2.8-2.57c1.185.102 2.369.19 3.553.175 2.353-.03 4.707-.174 7.06-.269 4.218.835 8.537.356 12.806.53.19.007.49-.247.584-.42.19-.357-.05-.661-.409-.886Z'/%3E%3C/svg%3E")center center no-repeat;opacity: 1;width: 28px;height: 16px;} .curious .splide .splide__arrows .splide__arrow--next::before {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 28 16'%3E%3Cpath fill='%23fff' d='M.476 7.756c1.191-.748 2.639-1.075 4.108-1.162 3.544-.21 7.09-.53 10.649-.29.438-.029.884-.058 1.323-.08 2.222-.094 4.444-.138 6.658 0-1.834-1.647-3.471-3.527-5.306-5.182-.124-.109-.124-.472-.051-.653.139-.363.497-.428.884-.37 1.257.196 2.376.842 3.34 1.669 1.864 1.611 3.78 3.172 5.504 4.935l.03.03a1.347 1.347 0 0 1-.03 1.916c-.431.413-.87.812-1.323 1.204-.248.283-.497.574-.753.857-1.622 1.778-3.303 3.505-5.211 4.979-.54.42-1.184.58-1.615.08-.395-.458-.366-1.11.08-1.655.804-.973 1.6-1.96 2.507-2.838.914-.878 1.857-1.728 2.8-2.57-1.185.102-2.369.19-3.553.175-2.353-.03-4.707-.174-7.06-.269-4.218.835-8.537.356-12.806.53-.19.007-.49-.247-.584-.42-.19-.357.05-.661.409-.886Z'/%3E%3C/svg%3E")center center no-repeat;width: 28px;height: 16px;opacity: 1;} .curious .splide .splide__track{padding: 19px 0px 56px;} .curious .splide .splide__track ul{ } .curious .splide .splide__track ul li{width: 100%;max-width: 166px;min-width: 166px;height: 100%;max-height: 200px;background: #FFF;padding: 12px 12px 18px;position: relative;transition: all 0.5s ease;} .curious .splide__track ul li:nth-child(4n) {transform: rotate(5deg);} .curious .splide__track ul li:nth-child(4n + 1) {transform: rotate(-5deg);} .curious .splide__track ul li:nth-child(4n + 2) {transform: rotate(3deg);} .curious .splide__track ul li:nth-child(4n + 3) {transform: rotate(-2deg);} ._1000 .curious .splide .splide__track ul li:hover{box-shadow: 2.16px 2.88px 25.28px -2.16px #b6b6b6, 3.6px 3.6px 0px -0.72px #d6e2ff69;} .curious .splide .splide__track ul li.splide__slide{opacity: 1;} .curious .splide .splide__track ul li.splide__slide.is-visible{opacity: 1;/* margin-right: 0px !important; */} .curious .splide .splide__track ul li:nth-of-type(1n + 5):not(.curious .splide .splide__track ul li:nth-of-type(4n + 5))::before{content: "";width: 33px;height: 46px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 36 52'%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='%23B2B6BF' fill-rule='evenodd' d='M16.4 13.5h-2.2l-2.5-4.3-1-1.8 1.5-1a185 185 0 0 1 4.2 7.1Zm-9.6 6-1.6 1 11.3 18.6.1.2c1.8 2.9 3.8 6.2 7.3 7.2A8 8 0 0 0 32.8 34a1061.5 1061.5 0 0 0-12.5-20.2L18 9.7l-1-2C14 2.9 10.5-.7 5.6 1.8 2.2 3.4 1 6.7 2.2 10a21 21 0 0 0 2 3.7h2.3l-.9-1C3.2 9 2.4 5.2 6.5 3.3c4.4-2 7 2.6 10 8l2.1 3.5L31.2 35c3.6 5-1 11.4-6.8 9.7-3-.9-4.5-3.5-6-6.1L18 38 6.8 19.6Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='36' height='50.3' x='0' y='.9' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2.6'/%3E%3CfeGaussianBlur stdDeviation='.9'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.17 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_2369_293'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_2369_293' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") no-repeat;position: absolute;top: -13px;right: 32px;pointer-events: none;} .curious .splide .splide__track ul li:nth-of-type(2n + 7):not(.curious .splide .splide__track ul li:nth-of-type(4n + 5))::before{content: "";width: 89px;height: 76px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 87 72'%3E%3Cpath fill='%23B3B7C0' d='M69.8 71.5S-.4 20 .3 20c1-.3 5.4-.6 5.4-.6l-2.5-3.6 5.4-1.2-2.3-4.3 8-1.8-1.8-3.8 3.4-.1v-4l70.7 50.7-5 1.2 1.7 3.4-5.6-.4 1.8 3.7-3.9 1.6 1 3.1-4-.8.9 4.4-3.5.9-.2 3Z' opacity='.2'/%3E%3C/svg%3E") no-repeat;background-size: cover;position: absolute;top: -20px;right: -21px;} .curious .splide .splide__track ul li:nth-of-type(3n + 5):not(.curious .splide .splide__track ul li:nth-of-type(4n + 5))::before{content: "";width: 32px;height: 46px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 37 51'%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='%23B2B6BF' fill-rule='evenodd' d='M16.5 33.3h-2.1a78.3 78.3 0 0 1-3.6 6l1.5 1a185 185 0 0 0 4.2-7Zm-9.6-6c-.4-.3-1-.8-1.5-1L16.7 7.7v-.1c1.8-3 3.8-6.2 7.4-7.3a8 8 0 0 1 8.8 12.5l-3.6 5.8c-2.8 4.5-6.4 10.2-8.8 14.3-1 1.5-1.7 3-2.4 4.2l-1 2c-2.9 4.9-6.5 8.5-11.3 6-3.4-1.7-4.7-5-3.4-8.2a21 21 0 0 1 2-3.6h2.2l-.8 1c-2.5 3.5-3.2 7.3.8 9.2 4.4 2 7-2.6 10.1-8l2.1-3.5 12.6-20.2c3.5-5-1.1-11.3-6.9-9.7-2.9.9-4.5 3.5-6 6.1l-.3.6L6.9 27.2Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='36' height='50.3' x='.1' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2.6'/%3E%3CfeGaussianBlur stdDeviation='.9'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.17 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_2369_283'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_2369_283' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") no-repeat;background-size: cover;position: absolute;top: initial;bottom: -16px;right: 11px;pointer-events: none;} .curious .splide .splide__track ul li:nth-of-type(5n + 7):not(.curious .splide .splide__track ul li:nth-of-type(4n + 5))::before{content: "";width: 90px;height: 83px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 84 79'%3E%3Cpath fill='%23B3B7C0' d='M65.2.8S-.6 60.4.2 60.5h5.5l-2.2 3.9 5.5.5-2 4.6 8.3.9-1.5 4 3.5-.3.4 4 66.3-59-5.2-.6 1.5-3.7-5.6 1.1 1.5-4-4.1-1 .6-3.3-4 1.2.6-4.4-3.6-.6-.5-3Z' opacity='.2'/%3E%3C/svg%3E") no-repeat;background-size: cover;position: absolute;top: initial;bottom: -31px;right: -27px;} .curious .splide .splide__track ul li a:link, .curious .splide .splide__track ul li a:active, .curious .splide .splide__track ul li a:visited{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;} .curious .splide .splide__track ul li figure{width: 100%;max-width: 142px;min-width: 142px;height: 128px;user-select: none;margin-bottom: 8px;} .curious .splide .splide__track ul li figure img{width: 100%;height: 100%;object-fit: cover;} .curious .splide .splide__track ul li span{display: block;/* margin: 0px 4px 20px; */} .curious .splide .splide__track ul li span b{display: flex; align-items: center; gap: 6px; font-size: 16px; font-weight: 600; line-height: 22px; letter-spacing: 0.02em; color: #404144; text-transform: capitalize;} .curious .splide .splide__track ul li span b::after{content: "";width: 15px;min-width: 15px;height: 15px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 15'%3E%3Cpath fill='%23D46A45' d='M6.8.9a7 7 0 0 0-6.8 7c0 3.9 3 7 6.8 7a7 7 0 0 0 6.8-7c0-.8-.2-1.5-.4-2.2l-1.1 1 .1 1.2c0 3.1-2.4 5.6-5.4 5.6-3 0-5.4-2.5-5.4-5.6 0-3 2.4-5.6 5.4-5.6 1 0 2.1.3 3 1l1-1a6.6 6.6 0 0 0-4-1.4Zm6.3.9L6 9 3.9 6.7l-1 1L6.1 11l8-8.2-1-1Z'/%3E%3C/svg%3E") no-repeat;pointer-events: none;} .curious .splide .splide__track ul li span em{display: block;font-size: 13px;font-weight: 500;font-style: italic;line-height: 13px;letter-spacing: 0.02em;color: #9196A0;} /* Botao splide */ .splide__pagination{display: none!important;} .splide__arrow{top: initial!important;bottom: 0px;transform: translate(0px)!important;} .splide__arrows{width: 100%;max-width: 72px;position: absolute;bottom: -53px;bottom: 0px;right: 0;} .splide__arrow--prev{background: transparent!important;left: 0px!important;} .splide__arrow--next{background: transparent!important;right: 0px!important;} .splide__arrow--prev::before{content: "";width: 20px;height: 16px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 16'%3E%3Cpath fill='%231A1B1D' d='m.266 7.28 6.364-7A.867.867 0 0 1 7.27 0a.87.87 0 0 1 .634.293c.169.185.264.436.267.698.002.263-.09.515-.256.704L3.103 6.988h15.988a.87.87 0 0 1 .643.293c.17.187.266.442.266.707 0 .265-.096.52-.266.707a.87.87 0 0 1-.643.293H3.103l4.812 5.293c.087.092.156.202.204.324a1.086 1.086 0 0 1 .006.774 1.012 1.012 0 0 1-.198.328.907.907 0 0 1-.299.218.838.838 0 0 1-.703-.006.912.912 0 0 1-.295-.224l-6.364-7A1.053 1.053 0 0 1 0 7.988c0-.265.096-.52.266-.707Z' opacity='.24'/%3E%3C/svg%3E") no-repeat center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: all 0.5s ease;} .splide__arrow--next::before{content: "";width: 20px;height: 16px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 16'%3E%3Cpath fill='%231A1B1D' d='m19.734 7.28-6.364-7a.867.867 0 0 0-.64-.28.87.87 0 0 0-.634.293 1.053 1.053 0 0 0-.267.698c-.002.263.09.515.256.704l4.811 5.293H.91a.87.87 0 0 0-.643.293c-.17.187-.266.442-.266.707 0 .265.096.52.266.707a.87.87 0 0 0 .643.293h15.987l-4.811 5.293a1.009 1.009 0 0 0-.204.324 1.086 1.086 0 0 0 .192 1.102.908.908 0 0 0 .299.218.838.838 0 0 0 .703-.006.91.91 0 0 0 .295-.224l6.364-7c.17-.188.266-.442.266-.707 0-.265-.096-.52-.266-.707Z' opacity='.24' /%3E%3C/svg%3E") no-repeat;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); transition: all 0.5s ease;} /* Hover */ .splide__arrow--prev:hover::before{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 16'%3E%3Cpath fill='%231A1B1D' d='m.266 7.28 6.364-7A.867.867 0 0 1 7.27 0a.87.87 0 0 1 .634.293c.169.185.264.436.267.698.002.263-.09.515-.256.704L3.103 6.988h15.988a.87.87 0 0 1 .643.293c.17.187.266.442.266.707 0 .265-.096.52-.266.707a.87.87 0 0 1-.643.293H3.103l4.812 5.293c.087.092.156.202.204.324a1.086 1.086 0 0 1 .006.774 1.012 1.012 0 0 1-.198.328.907.907 0 0 1-.299.218.838.838 0 0 1-.703-.006.912.912 0 0 1-.295-.224l-6.364-7A1.053 1.053 0 0 1 0 7.988c0-.265.096-.52.266-.707Z'/%3E%3C/svg%3E") no-repeat center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: all 0.5s ease;} .splide__arrow--next:hover::before{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 16'%3E%3Cpath fill='%231A1B1D' d='m19.734 7.28-6.364-7a.867.867 0 0 0-.64-.28.87.87 0 0 0-.634.293 1.053 1.053 0 0 0-.267.698c-.002.263.09.515.256.704l4.811 5.293H.91a.87.87 0 0 0-.643.293c-.17.187-.266.442-.266.707 0 .265.096.52.266.707a.87.87 0 0 0 .643.293h15.987l-4.811 5.293a1.009 1.009 0 0 0-.204.324 1.086 1.086 0 0 0 .192 1.102.908.908 0 0 0 .299.218.838.838 0 0 0 .703-.006.91.91 0 0 0 .295-.224l6.364-7c.17-.188.266-.442.266-.707 0-.265-.096-.52-.266-.707Z'/%3E%3C/svg%3E") no-repeat;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .splide__arrow--prev svg, .splide__arrow--next svg{display: none;} /* Box Latest */ .boxLatest{} .boxLatest .centro{display: flex;justify-content: space-between;gap: 40px;width: 100%;max-width: 1360px;padding: 105px 40px 62px;margin: 0px auto;} /* Box Post */ .boxLatest .centro article.boxPost{width: 100%;max-width: 952px;} /* Menu bota */ .boxLatest .centro article.boxPost .menuBotao{display: flex;align-items: center;margin-bottom: 66px;} .boxLatest .centro article h2{font-size: 28px;font-weight: 600;line-height: 30px;color: #1A1B1D;margin-right: 22px;} .boxLatest .centro article.boxPost .menuBotao ul{width: 100%;display: flex;justify-content: space-between;align-items: center;gap: 12px;} .boxLatest .centro article.boxPost .menuBotao ul li{display: flex; align-items: center; gap: 12px;} .boxLatest .centro article.boxPost .menuBotao ul li a:link, .boxLatest .centro article.boxPost .menuBotao ul li a:active, .boxLatest .centro article.boxPost .menuBotao ul li a:visited{display: block; width: max-content; background: #FFF; box-shadow: 2px 4px 0px -1px #EAEDF452, 3px 4px 12px -3px #E0E3EACC; border-radius: 56px; padding: 12px 42px; position: relative; transition: all 0.5s ease;} .boxLatest .centro article.boxPost .menuBotao ul li a.duvidas{padding: 11px 20px 10px;} .boxLatest .centro article.boxPost .menuBotao ul li.tipsTraps a::before{content: "";width: 65px;height: 20px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 65 20'%3E%3Cpath fill='%231A1B1D' d='M0 0h65C43.194 0 46 20 32.5 20S24.031 0 0 0Z'/%3E%3C/svg%3E") no-repeat;position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);opacity: 0;visibility: hidden;transition: all 0.5s ease;pointer-events: none; z-index: -1;} .boxLatest .centro article.boxPost .menuBotao ul li.tipsTraps a::after{content: "";width: 14px;height: 18px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 18'%3E%3Cpath fill='%23fff' d='m8.05 17.274 5.72-5.41a.75.75 0 0 0 .23-.543.752.752 0 0 0-.24-.54.84.84 0 0 0-.57-.226.843.843 0 0 0-.575.217l-4.326 4.09V1.272a.752.752 0 0 0-.24-.546A.842.842 0 0 0 7.473.5a.842.842 0 0 0-.578.226.752.752 0 0 0-.24.547v13.589l-4.326-4.09a.858.858 0 0 0-1.166-.01.77.77 0 0 0-.178.254.736.736 0 0 0 .189.849l5.72 5.409a.842.842 0 0 0 .579.226.842.842 0 0 0 .577-.226Z' opacity='.5'/%3E%3C/svg%3E") no-repeat;position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);opacity: 0;visibility: hidden;transition: all 0.5s ease; pointer-events: none; z-index: -1;} .boxLatest .centro article.boxPost .menuBotao ul li a b{font-size: 17px; font-weight: 600; line-height: 16px; letter-spacing: 0.02em; color: #5E5E5E; transition: all 0.5s ease;} .boxLatest .centro article.boxPost .menuBotao ul li a.duvidas b{font-size: 24px;line-height: 16px;color: #1A1B1D;} /* Hover */ .boxLatest .centro article.boxPost .menuBotao ul li a:hover{background: #1A1B1D;box-shadow: 2px 4px 0px -1px transparent, 3px 4px 12px -3px transparent;} .boxLatest .centro article.boxPost .menuBotao ul li a:hover::before{opacity: 1;visibility: visible; bottom: -20px;} .boxLatest .centro article.boxPost .menuBotao ul li a:hover::after{opacity: 1;visibility: visible; bottom: -15px;} .boxLatest .centro article.boxPost .menuBotao ul li a:hover b{color: #FFF;} .boxLatest .centro article.boxPost .menuBotao ul li a.ativo{background: #1A1B1D;box-shadow: 2px 4px 0px -1px transparent, 3px 4px 12px -3px transparent;} .boxLatest .centro article.boxPost .menuBotao ul li a.ativo::before{opacity: 1;visibility: visible; bottom: -20px;} .boxLatest .centro article.boxPost .menuBotao ul li a.ativo::after{opacity: 1;visibility: visible; bottom: -15px;} .boxLatest .centro article.boxPost .menuBotao ul li a.ativo b{color: #FFF;} .boxLatest .centro article.boxPost ul.cards{width: 100%;display: flex;flex-wrap: wrap;display: grid;grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));gap: 48px 25px;margin-bottom: 62px;} .boxLatest .centro article.boxPost ul.cards li{display: flex;flex-direction: column;justify-content: space-between;width: 100%;max-width: 296px;height: 392px;background: url('../img/forumBoxCards.webp') no-repeat center top;filter: drop-shadow(-2.12px 1.12px 34.94px #2A46581F) drop-shadow(-2.12px 1.12px 16.94px transparent);padding: 9px 10px 44px 10px;transition: all 0.5s ease;position: relative;} .boxLatest .centro article.boxPost ul.cards li:hover{filter: drop-shadow(-2.12px 1.12px 34.94px transparent) drop-shadow(-2.12px 1.12px 16.94px #2A46584F);} .boxLatest .centro article.boxPost ul.cards li > a:link, .boxLatest .centro article.boxPost ul.cards li > a:active, .boxLatest .centro article.boxPost ul.cards li > a:visited{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;z-index: 1;} .boxLatest .centro article.boxPost ul.cards li div.boxConteudo{display: block;width: 100%;max-width: 268px;} .boxLatest .centro article.boxPost ul.cards li div.boxConteudo span.classificacao{display: flex; position: absolute;top: -8px;right: 0px;z-index: 2;} .boxLatest .centro article.boxPost ul.cards li.quick.tip a span.classificacao, .boxLatest .centro article.boxPost ul.cards li.quick.trap a span.classificacao{display: flex;align-items: center;height: 32px;} .boxLatest .centro article.boxPost ul.cards li div.boxConteudo span.classificacao em, .boxLatest .centro article.boxPost ul.cards li div.boxConteudo span.classificacao b{display: block;width: 71px;font-size: 14px;font-weight: 600;line-height: 20px;letter-spacing: 0.02em;text-align: center;text-transform: uppercase;color: #FFFFFF;padding: 6px 0px;} .boxLatest .centro article.boxPost ul.cards li div.boxConteudo span.classificacao em{width: 143px;height: 32px;padding: 6px 80px 6px 20px;margin-right: -67px;} .boxLatest .centro article.boxPost ul.cards li.quick.tip div.boxConteudo span.classificacao em{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 143 32'%3E%3Cpath fill='%23004C61' d='M141.225 31.719s-140.507.633-139.964 0c.815-.95 4.925-3.652 4.925-3.652l-5.112-1.668 4.346-5.064L0 18.805l6.52-7.596-4.57-2.3 3.295-2.62L2.315 0h140.48l-4.075 4.747L143 6.776l-5.794 3.7 4.57 2.301-2.681 4.343 3.167 2.41-4.436 2.119 4.044 3.523-2.707 3.46 2.062 3.087Z' opacity='.92'/%3E%3C/svg%3E") no-repeat;} .boxLatest .centro article.boxPost ul.cards li.quick.trap div.boxConteudo span.classificacao em{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 143 32'%3E%3Cpath fill='%23890905' d='M141.225 31.719s-140.507.633-139.964 0c.815-.95 4.925-3.652 4.925-3.652l-5.112-1.668 4.346-5.064L0 18.805l6.52-7.596-4.57-2.3 3.295-2.62L2.315 0h140.48l-4.075 4.747L143 6.776l-5.794 3.7 4.57 2.301-2.681 4.343 3.167 2.41-4.436 2.119 4.044 3.523-2.707 3.46 2.062 3.087Z' opacity='.92'/%3E%3C/svg%3E") no-repeat;background-size: cover;} .boxLatest .centro article.boxPost ul.cards li.tip div.boxConteudo span.classificacao b{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 71 32'%3E%3Cpath fill='%2325B0C5' d='M1.775 31.719s68.507.633 67.964 0c-.814-.95-4.923-3.652-4.923-3.652l5.11-1.668-4.344-5.064L71 18.805l-6.517-7.596 4.568-2.3-3.294-2.62L68.687 0H.204l4.073 4.747L0 6.776l5.792 3.7-4.568 2.301 2.68 4.343-3.166 2.41 4.434 2.119-4.042 3.523 2.706 3.46-2.061 3.087Z' opacity='.92'/%3E%3C/svg%3E") no-repeat;background-size: cover;} .boxLatest .centro article.boxPost ul.cards li.trap div.boxConteudo span.classificacao b{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 71 32'%3E%3Cpath fill='%23CF4F4B' d='M1.775 31.719s68.507.633 67.964 0c-.814-.95-4.923-3.652-4.923-3.652l5.11-1.668-4.344-5.064L71 18.805l-6.517-7.596 4.568-2.3-3.294-2.62L68.687 0H.204l4.073 4.747L0 6.776l5.792 3.7-4.568 2.301 2.68 4.343-3.166 2.41 4.434 2.119-4.042 3.523 2.706 3.46-2.061 3.087Z' opacity='.92'/%3E%3C/svg%3E") no-repeat;background-size: cover;} .boxLatest .centro article.boxPost ul.cards li div.boxConteudo figure{display: flex;justify-content: center;align-items: center;width: 100%;max-width: 268px;height: 192px;user-select: none;transition: all 0.5s ease;margin: auto;} .boxLatest .centro article.boxPost ul.cards li div.boxConteudo > figure img{width: 100%;height: 100%;border-radius: 2px;object-fit: cover;filter: brightness(0.9);transition: all 0.5s ease;} .boxLatest .centro article.boxPost ul.cards li:hover div.boxConteudo figure img{filter: brightness(1);} .boxLatest .centro article.boxPost ul.cards li div.boxConteudo .tagPerfil{display: flex;justify-content: space-between;align-items: center;gap: 10px;margin: -22px 12px 12px;position: relative;} .boxLatest .centro article.boxPost ul.cards li div.boxConteudo .tagPerfil span.tag{display: block;font-size: 14px;font-weight: 500;line-height: 20px;letter-spacing: 0.035em;color: #1A1B1D;background: #FFF;border: 2px solid #E9ECF0;border-radius: 16px 16px 16px 1px;padding: 4px 17px 6px;} .boxLatest .centro article.boxPost ul.cards li div.boxConteudo .tagPerfil a:link, .boxLatest .centro article.boxPost ul.cards li div.boxConteudo .tagPerfil a:active, .boxLatest .centro article.boxPost ul.cards li div.boxConteudo .tagPerfil a:visited{transition: all 0.5s ease; position: relative; z-index: 1;} .boxLatest .centro article.boxPost ul.cards li div.boxConteudo .tagPerfil a::before{content: ""; width: 40px; height: 40px; background: linear-gradient(360deg, #47BDCFB3 0%, #60A3DBB3 31.05%, #A856FFB3 65.91%, #E87B55B3 100%); border-radius: 100%; filter: blur(3px); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.5s ease; opacity: 0; visibility: hidden;} .boxLatest .centro article.boxPost ul.cards li div.boxConteudo .tagPerfil a:hover::before{opacity: 1; visibility: visible;} .boxLatest .centro article.boxPost ul.cards li div.boxConteudo .tagPerfil a figure{width: 36px;height: 36px;border: 2px solid #FFF;border-radius: 100%;margin: 0px; position: relative; z-index: 1;} .boxLatest .centro article.boxPost ul.cards li div.boxConteudo .tagPerfil a figure img{width: 100%; height: 100%; border-radius: 100%; object-fit: cover;} .boxLatest .centro article.boxPost ul.cards li div.boxConteudo h3{/* width: 100%; *//* max-width: 240px; */font-size: 18px;font-weight: 600;line-height: 20px;letter-spacing: 0.02em;color: #2E2F32;margin: 0px 15px 8px;} .boxLatest .centro article.boxPost ul.cards li div.boxConteudo span.localizacao{display: flex;gap: 6px;font-size: 15px;font-weight: 500;line-height: 16px;letter-spacing: 0.035em;color: #9196A0;margin: 0px 15px 0px;} .boxLatest .centro article.boxPost ul.cards li div.boxConteudo span.localizacao::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='%23C4C7CE' d='M5.5 0C2.467 0 0 2.428 0 5.414c0 1.285.469 2.532 1.324 3.518.098.109 2.22 3.95 2.99 4.672.281.264.642.396 1.003.396.36 0 .722-.132 1.003-.396.895-.84 3.265-4.57 3.36-4.678A5.363 5.363 0 0 0 11 5.414C11 2.428 8.533 0 5.5 0Zm0 7.006c-.893 0-1.618-.713-1.618-1.592 0-.88.725-1.593 1.618-1.593.893 0 1.618.713 1.618 1.593 0 .879-.725 1.592-1.618 1.592Z'/%3E%3C/svg%3E") no-repeat;margin-top: 2px;} .boxLatest .centro article.boxPost ul.cards li .curtidaSalvar{width: calc(100% + 20px);display: flex;justify-content: space-between;align-items: flex-end;gap: 10px;margin: 0px -10px;} .boxLatest .centro article.boxPost ul.cards li .curtidaSalvar a.curtidas:link, .boxLatest .centro article.boxPost ul.cards li .curtidaSalvar a.curtidas:active, .boxLatest .centro article.boxPost ul.cards li .curtidaSalvar a.curtidas:visited{display: flex;align-items: center;gap: 6px;color: #1A1B1D52;position: relative;z-index: 1;transition: all 0.5s ease;margin-left: 25px;} .boxLatest .centro article.boxPost ul.cards li .curtidaSalvar a.curtidas svg{width: 16px;min-width: 16px;height: 14px;} .boxLatest .centro article.boxPost ul.cards li .curtidaSalvar a.curtidas b{font-size: 14px;font-weight: 500;line-height: 20px;letter-spacing: 0.02em;color: #1A1B1D52;transition: all 0.5s ease;} /* Hover */ .boxLatest .centro article.boxPost ul.cards li .curtidaSalvar a.curtidas:hover, .boxLatest .centro article.boxPost ul.cards li .curtidaSalvar a.curtidas:hover b {color: #1A1B1D;} .boxLatest .centro article.boxPost ul.cards li .curtidaSalvar a.curtidas:hover svg{} .boxLatest .centro article.boxPost ul.cards li .curtidaSalvar a.salvar:link, .boxLatest .centro article.boxPost ul.cards li .curtidaSalvar a.salvar:active, .boxLatest .centro article.boxPost ul.cards li .curtidaSalvar a.salvar:visited{height: max-content;display: flex;align-items: center;justify-content: center;gap: 4px;background: #EDEEF0;color: #1A1B1D;border-radius: 16px 0px 0px 16px;transition: all 0.5s ease;padding: 8px 16px;/* margin-right: -2px; */position: relative;z-index: 1;} .boxLatest .centro article.boxPost ul.cards li .curtidaSalvar a.salvar:before{content: "";width: 17px;min-width: 17px;height: 14px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 17 14'%3E%3Cpath fill='%231A1B1D' fill-rule='evenodd' d='M7.03.646C6.375.228 5.662 0 4.894 0a4.41 4.41 0 0 0-4.4 4.4c0 1.639 1.235 3.181 2.74 4.763.864.908 1.843 1.823 2.799 2.717.71.663 1.407 1.315 2.036 1.944a.6.6 0 0 0 .849 0c.629-.629 1.326-1.28 2.036-1.944.956-.894 1.935-1.809 2.799-2.717 1.506-1.582 2.74-3.124 2.74-4.763 0-2.423-1.976-4.4-4.4-4.4-.768 0-1.48.228-2.134.646-.529.338-1.018.801-1.465 1.369-.447-.568-.937-1.03-1.466-1.37Zm1.465 10.802c.363-.345.733-.692 1.1-1.034l.363-.34c.836-.783 1.638-1.544 2.347-2.29.734-.77 1.305-1.435 1.692-2.048.383-.607.498-1.03.498-1.336 0-1.318-1.082-2.4-2.4-2.4-.588 0-1.274.293-2.03 1.252l-1.57 1.996-1.572-1.996C6.168 2.292 5.482 2 4.895 2a2.41 2.41 0 0 0-2.4 2.4c0 .306.114.729.497 1.336.387.613.958 1.277 1.692 2.049.71.745 1.511 1.506 2.347 2.289l.364.34c.366.342.737.689 1.1 1.034Z' clip-rule='evenodd' opacity='.24'/%3E%3C/svg%3E") no-repeat;transition: all 0.5s ease;} /* Hover */ .boxLatest .centro article.boxPost ul.cards li .curtidaSalvar a.salvar:hover, .boxLatest .centro article.boxPost ul.cards li .curtidaSalvar a.salvar.ativo{background: #1A1B1D;color: #FFF;} .boxLatest .centro article.boxPost ul.cards li .curtidaSalvar a.salvar:hover::before, .boxLatest .centro article.boxPost ul.cards li .curtidaSalvar a.salvar.ativo::before{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 14'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M6.53.646C5.875.228 5.162 0 4.394 0a4.41 4.41 0 0 0-4.4 4.4c0 1.639 1.235 3.181 2.74 4.763.864.908 1.843 1.823 2.799 2.717.71.663 1.407 1.315 2.036 1.944a.6.6 0 0 0 .849 0c.629-.629 1.326-1.28 2.036-1.944.956-.894 1.935-1.809 2.799-2.717 1.506-1.582 2.74-3.124 2.74-4.763 0-2.423-1.976-4.4-4.4-4.4-.768 0-1.48.228-2.134.646-.529.338-1.018.801-1.465 1.369-.447-.568-.937-1.03-1.466-1.37Z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat;} .boxLatest .centro article.boxPost > a:link, .boxLatest .centro article.boxPost > a:active, .boxLatest .centro article.boxPost > a:visited{display: block;color: #1A1B1D;position: relative;border-top: 1px dashed #CDD0D4;padding-top: 14px;margin: 0px auto;transition: all 0.5s ease;} .boxLatest .centro article.boxPost > a b{width: max-content;display: block;font-size: 14px;font-weight: 600;line-height: 14px;text-align: center;text-transform: uppercase;letter-spacing: 0.06em;color: #1A1B1D;transition: all 0.5s ease;margin: 0px auto;} .boxLatest .centro article.boxPost > a svg{display: block;width: 22px;min-width: 22px;height: 18px;margin: 10px auto 0px;transition: all 0.5s ease;} .boxLatest .centro article.boxPost > a svg path{transition: all 0.5s ease;} /* Hover */ .boxLatest .centro article.boxPost > a:hover b{color: #D46A45;} .boxLatest .centro article.boxPost > a:hover svg{transform: translateY(5px);} .boxLatest .centro article.boxPost > a:hover svg path{fill: #D46A45; opacity: 1;} .boxLatest .centro article.boxActive{width: 100%;max-width: 238px;height: max-content;position: sticky;top: 146px;} .boxLatest .centro article.boxActive h2{width: 100%;max-width: 167px;margin: 0px 2px 5px;} .boxLatest .centro article.boxActive > span{display: block;font-size: 15px;font-weight: 600;line-height: 14px;letter-spacing: 0.02em;text-transform: uppercase;color: #8C8F96;margin: 0px 2px 36px;} .boxLatest .centro article.boxActive ul{} .boxLatest .centro article.boxActive ul li{margin-bottom: 12px;} .boxLatest .centro article.boxActive ul li:last-of-type{margin-bottom: 0px;} .boxLatest .centro article.boxActive ul li a:link, .boxLatest .centro article.boxActive ul li a:active, .boxLatest .centro article.boxActive ul li a:visited{display: flex;align-items: center;gap: 8px; transition: all 0.5s ease;} .boxLatest .centro article.boxActive ul li a figure{width: 52px;min-width: 52px;height: 52px;border-radius: 100%;border: 2px solid #FFF; box-shadow: 2px 4px 0px -1px transparent, 0px 0px 12px -2px transparent; transition: all 0.5s ease;} .boxLatest .centro article.boxActive ul li a:hover figure{box-shadow: 2px 4px 0px -1px #EAEDF452, 0px 0px 12px -2px #6A6A6ACC;} .boxLatest .centro article.boxActive ul li a figure img{width: 100%; height: 100%; border-radius: 100%;} .boxLatest .centro article.boxActive ul li a .nomePerfil{} .boxLatest .centro article.boxActive ul li a .nomePerfil p{display: flex;gap: 3px;font-size: 16px;font-weight: 500;line-height: 16px;letter-spacing: 0.035em;color: #1A1B1D;margin-bottom: 4px;} .boxLatest .centro article.boxActive ul li a .nomePerfil p.verificado::after{content: "";width: 18px;min-width: 18px;height: 18px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23D46A45' d='M7.48.554C3.525.554.307 3.886.307 7.982s3.218 7.429 7.175 7.429c3.956 0 7.175-3.333 7.175-7.429a7.62 7.62 0 0 0-.389-2.39l-1.161 1.203c.075.384.114.78.114 1.187 0 3.277-2.575 5.943-5.74 5.943-3.164 0-5.74-2.666-5.74-5.943 0-3.276 2.576-5.943 5.74-5.943 1.172 0 2.262.367 3.172.994l1.027-1.063A6.97 6.97 0 0 0 7.481.554Zm6.668.96L6.763 9.16 4.4 6.714l-1.014 1.05 3.377 3.497 8.4-8.696-1.015-1.05Z'/%3E%3C/svg%3E") no-repeat;pointer-events: none;} .boxLatest .centro article.boxActive ul li a .nomePerfil span{display: block;font-size: 15px;font-weight: 500;font-style: italic;line-height: 15px;letter-spacing: 0.035em;color: #9196A0;transition: all 0.5s ease;} .boxLatest .centro article.boxActive ul li a:hover .nomePerfil span{color: #1A1B1D;} /* Box Filtro */ .boxFiltroUsuarios{background: url('../img/cidadeDetalhesFundoFiltro.webp') no-repeat center top;} .boxFiltroUsuarios .centro{display: flex;justify-content: space-between;gap: 20px;width: 100%;max-width: 1320px;padding: 0px 20px 85px;margin: 0px auto;} .boxFiltro .centro .filtros{width: 100%;max-width: 227px;min-width: 227px;height: max-content;padding-top: 81px;position: sticky;top: 61px;} .boxFiltro .centro .filtros h2{font-size: 36px; font-weight: 300; line-height: 28px; letter-spacing: 0.02em; color: #1A1B1D; margin-bottom: 71px;} .boxFiltro .centro .filtros h2 b{display: block;font-weight: 600;margin-bottom: 11px;} .boxFiltro .centro .filtros > ul > li{margin-bottom: 52px;} .boxFiltro .centro .filtros > ul > li:last-of-type{margin-bottom: 0px;} .boxFiltro .centro .filtros ul li h3{font-size: 16px;font-weight: 600;line-height: 14px;letter-spacing: 0.02em;text-transform: uppercase;color: #D46A45;padding-bottom: 12px;margin-bottom: 12px;position: relative;} .boxFiltro .centro .filtros ul li h3::after{content: "";width: calc(100% + 37px);height: 1px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 263 1'%3E%3Cpath stroke='%23CDD0D4' stroke-dasharray='3 3' d='M0 .5h263'/%3E%3C/svg%3E") no-repeat;position: absolute;bottom: 0px;left: -43px;pointer-events: none;} .boxFiltro .centro .filtros ul li ul{width: 100%;max-width: 209px;} .boxFiltro .centro .filtros ul li ul li{display: flex;justify-content: space-between;align-items: center;} /* Estilizacao label & inputs */ .boxFiltro .centro .filtros ul li ul li label{display: flex;flex-direction: row-reverse;gap: 11px;align-items: center;font-size: 16px;font-weight: 400;line-height: 30px;letter-spacing: 0.02em;color: #53565E;position: relative;} .boxFiltro .centro .filtros ul li ul li label input[type="checkbox"]{position: absolute;top: 50%;left: 2px;transform: translateY(-50%);width: 14px;min-width: 14px;height: 14px;transition: all 0.5s ease;} .boxFiltro .centro .filtros ul li ul li label input[type="checkbox"]:checked::before{content: ""; display: block; width: 11px; height: 9px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 11 9'%3E%3Cpath fill='%2353565E' d='M10.604.26c.467.399.53 1.108.141 1.585l-5.5 6.75c-.198.243-.486.39-.795.404a1.087 1.087 0 0 1-.828-.329l-3.3-3.375a1.143 1.143 0 0 1 0-1.59c.43-.44 1.126-.44 1.556 0l2.448 2.503L9.055.405a1.083 1.083 0 0 1 1.55-.144Z'/%3E%3C/svg%3E") no-repeat;} .boxFiltro .centro .filtros ul li ul li label span.checkmark{width: 16px;min-width: 16px;height: 16px;outline: 1px solid #C0C8CA;position: relative;cursor: pointer;transition: all 0.5s ease;margin-left: 1px;} .boxFiltro .centro .filtros ul li ul li label span.checkmark:hover{outline: 1px solid #1A1B1D;} .boxFiltro .centro .filtros ul li ul li label span.checkmark::before{content: "";display: block;position: absolute;width: 16px;min-width: 16px;height: 16px;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #FFF;border: 2px solid #FFF;transition: all 0.5s ease;} .boxFiltro .centro .filtros ul li ul li label.ativo span.checkmark::before{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 11 9'%3E%3Cpath fill='%2353565E' d='M10.604.26c.467.399.53 1.108.141 1.585l-5.5 6.75c-.198.243-.486.39-.795.404a1.087 1.087 0 0 1-.828-.329l-3.3-3.375a1.143 1.143 0 0 1 0-1.59c.43-.44 1.126-.44 1.556 0l2.448 2.503L9.055.405a1.083 1.083 0 0 1 1.55-.144Z'/%3E%3C/svg%3E") no-repeat;} .boxFiltro .centro .filtros ul li ul li b.total{display: flex;font-size: 14px;font-weight: 500;line-height: 30px;letter-spacing: 0.02em;color: #1A1B1D;} .boxFiltro .centro .filtros ul li ul li b.total em.carregamento{display: block;margin-top: auto;position: relative;} .boxFiltro .centro .filtros ul li ul li b.total em.carregamento i{font-weight: 500;animation: carregamentoAnimado 1.5s linear infinite;position: relative;bottom: 0px;right: 0px;} .boxFiltro .centro .filtros ul li ul li b.total em.carregamento i:nth-of-type(1){animation-delay: 1s;} .boxFiltro .centro .filtros ul li ul li b.total em.carregamento i:nth-of-type(2){animation-delay: 1.5s;} .boxFiltro .centro .filtros ul li ul li b.total em.carregamento i:nth-of-type(3){animation-delay: 2s;} @keyframes carregamentoAnimado{0%{bottom: 0px;} 50%{bottom: 1px;} 100%{bottom: 0;}} /* Usuarios */ .boxFiltroUsuarios .centro ul.usuarios{width: 100%;max-width: 958px;display: flex;flex-wrap: wrap;gap: 40px 40px;margin-top: -35px;} .boxFiltroUsuarios .centro ul.usuarios li{width: 100%;max-width: 208px;background: #FFF;position: relative;} .boxFiltroUsuarios .centro ul.usuarios li:nth-of-type(1n + 1){transform: rotate(0);} .boxFiltroUsuarios .centro ul.usuarios li:nth-of-type(2n + 2){transform: rotate(4deg);} .boxFiltroUsuarios .centro ul.usuarios li:nth-of-type(4n + 2){transform: rotate(-4deg);} /* Clipe & Adesivo */ .boxFiltroUsuarios .centro ul.usuarios li:nth-of-type(2)::before{content: "";width: 38px;min-width: 38px;height: 49px;background: url('../img/clipe.svg') no-repeat;position: absolute;top: -11.8px;right: 70px;transform: rotate(3deg);z-index: 1;pointer-events: none;} .boxFiltroUsuarios .centro ul.usuarios li:nth-of-type(8)::before{content: "";width: 38px;min-width: 38px;height: 49px;background: url('../img/clipe.svg') no-repeat;position: absolute;top: -13px;left: 24px;z-index: 1;pointer-events: none;} .boxFiltroUsuarios .centro ul.usuarios li:nth-of-type(10)::before{content: "";width: 38px;min-width: 38px;height: 49px;background: url('../img/clipe.svg') no-repeat;position: absolute;top: -12px;right: 68px;transform: rotate(3.6deg);z-index: 1;pointer-events: none;} .boxFiltroUsuarios .centro ul.usuarios li:nth-of-type(4)::before{content: "";width: 72px;min-width: 72px;height: 68px;background: url('../img/adesivo.svg') no-repeat;position: absolute;bottom: -14px;right: -23px;transform: rotate(-3.7deg);z-index: 1;pointer-events: none;} .boxFiltroUsuarios .centro ul.usuarios li:nth-of-type(5)::before{content: "";width: 72px;min-width: 72px;height: 72px;background: url('../img/adesivo.svg') no-repeat;position: absolute;top: -16px;right: -22px;transform: rotate(81deg);z-index: 1;pointer-events: none;} .boxFiltroUsuarios .centro ul.usuarios li:nth-of-type(7)::before{content: "";width: 72px;min-width: 72px;height: 72px;background: url('../img/adesivo.svg') no-repeat;position: absolute;top: -16px;left: -19px;transform: rotate(11.6deg);z-index: 1;pointer-events: none;} .boxFiltroUsuarios .centro ul.usuarios li:nth-of-type(12)::before{content: "";width: 72px;min-width: 72px;height: 68px;background: url('../img/adesivo.svg') no-repeat;position: absolute;bottom: -14px;right: -22px;transform: rotate(-4deg);z-index: 1;pointer-events: none;} .boxFiltroUsuarios .centro ul.usuarios li:nth-of-type(13)::before{content: "";width: 72px;min-width: 72px;height: 72px;background: url('../img/adesivo.svg') no-repeat;position: absolute;top: -14px;right: -19px;transform: rotate(78deg);z-index: 1;pointer-events: none;} .boxFiltroUsuarios .centro ul.usuarios li:nth-of-type(15)::before{content: "";width: 72px;min-width: 72px;height: 72px;background: url('../img/adesivo.svg') no-repeat;position: absolute;top: -16px;left: -18px;transform: rotate(13deg);z-index: 1;pointer-events: none;} .boxFiltroUsuarios .centro ul.usuarios li a:link, .boxFiltroUsuarios .centro ul.usuarios li a:active, .boxFiltroUsuarios .centro ul.usuarios li a:visited{display: block;width: 100%;box-shadow: 2.16px 2.88px 17.28px -2.16px #9b9b9b75, 3.6px 3.6px 0px -0.72px #bac9ec26;padding: 12px 12px 15px;transition: all 0.5s ease;} .boxFiltroUsuarios .centro ul.usuarios li a:hover{box-shadow: 2.16px 2.88px 17.28px -2.16px #979797, 3.6px 3.6px 0px -0.72px #b4b4b44f;} .boxFiltroUsuarios .centro ul.usuarios li a figure{width: 100%;max-width: 184px;min-width: 184px;height: 164px;margin-bottom: 12px;} .boxFiltroUsuarios .centro ul.usuarios li a figure img{width: 100%;height: 100%;filter: brightness(0.9);object-fit: cover;transition: all 0.5s ease;} .boxFiltroUsuarios .centro ul.usuarios li a:hover figure img{filter: brightness(1);} .boxFiltroUsuarios .centro ul.usuarios li a p{display: flex;align-items: center;gap: 5px;font-size: 16px;font-weight: 600;line-height: 21px;color: #404144;padding-left: 8px;} .boxFiltroUsuarios .centro ul.usuarios li a p.verificado::after{content: "";width: 16px;min-width: 16px;height: 16px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23D46A45' d='M7.48.554C3.525.554.307 3.886.307 7.982s3.218 7.429 7.175 7.429c3.956 0 7.175-3.333 7.175-7.429a7.62 7.62 0 0 0-.389-2.39l-1.161 1.203c.075.384.114.78.114 1.187 0 3.277-2.575 5.943-5.74 5.943-3.164 0-5.74-2.666-5.74-5.943 0-3.276 2.576-5.943 5.74-5.943 1.172 0 2.262.367 3.172.994l1.027-1.063A6.97 6.97 0 0 0 7.481.554Zm6.668.96L6.763 9.16 4.4 6.714l-1.014 1.05 3.377 3.497 8.4-8.696-1.015-1.05Z'/%3E%3C/svg%3E") no-repeat;pointer-events: none;} /* Box Suporte */ .boxSuporte{background: url('../img/boxSuporteFundo.webp') no-repeat center top #D06641;background-blend-mode: color-dodge;position: relative;overflow: clip;} .boxSuporte::before{content: "";width: 799px;height: 841px;background: #FFDD6EBF;filter: blur(508px);border-radius: 100%;position: absolute;top: -45px;left: -385px;pointer-events: none;} .boxSuporte .centro{display: flex;justify-content: flex-end;align-items: flex-end;gap: 29px;width: 100%;max-width: 971px;padding: 54px 20px 52px;margin: 0px auto;position: relative;z-index: 1;} .boxSuporte .centro figure{width: 100%;max-width: 184px;height: 225px;} .boxSuporte .centro figure img{width: 100%; height: 100%;} .boxSuporte .centro .conteudo{width: 100%;max-width: 505px;position: relative;} .boxSuporte .centro .conteudo::before{content: "";width: 184px;height: 201px;background: url('../img/mao.svg') no-repeat;position: absolute;bottom: -52px;left: -231px;pointer-events: none;} .boxSuporte .centro .conteudo span{display: block;font-size: 15px;font-weight: 500;line-height: 14px;letter-spacing: 0.04em;text-transform: uppercase;color: #FFFFFFA3;margin-bottom: 2px;} .boxSuporte .centro .conteudo h2{font-size: 26px;font-weight: 600;line-height: 32px;letter-spacing: 0.02em;color: #FFF;position: relative;padding-bottom: 15px;margin-bottom: 13px;} .boxSuporte .centro .conteudo h2::after{content: "";width: 653px;height: 1px;background: url("data:image/svg+xml,%3Csvg width='654' height='1' viewBox='0 0 654 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline opacity='0.24' x1='0.333496' y1='0.5' x2='653.333' y2='0.5' stroke='white' stroke-dasharray='3 3'/%3E%3C/svg%3E%0A");position: absolute;bottom: 0px;left: -54px;pointer-events: none;} .boxSuporte .centro .conteudo p{font-size: 16px;font-weight: 500;line-height: 21px;letter-spacing: 0.028em;color: #FFF;position: relative;} .boxSuporte .centro .conteudo p::after{content: "";width: 37px;min-width: 37px;height: 29px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 37 13'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='M33.566 11.758c2.1-8.312 4.401-9.083-.799-9.26-1.08.07-7.196-1.031-4.39-.22 3.553 1.027 8.067.793 2.796 3.977-2.852 1.723-6.254 3.32-9.5 4.157-16.894 4.362-19.96-9.131-19.96-9.131' opacity='.24'/%3E%3C/svg%3E") no-repeat;position: absolute;bottom: -14px;right: -16px;pointer-events: none;} .boxSuporte .centro a:link, .boxSuporte .centro a:active, .boxSuporte .centro a:visited{display: block;width: max-content;background: #1A1B1D;border-radius: 56px;padding: 11px 24px 12px;position: relative;transition: all 0.5s ease;} .boxSuporte .centro a:hover{background: #FFF;} .boxSuporte .centro a::after{content: "";width: 87px;height: 87px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 86 84'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='M2.648 26.785c-.928-.039 4.188 7.644 5.206 9.098C18.399 50.947 30.567 64.648 44.187 75.79c2.723 2.227 5.325 4.612 8.027 6.864.556.462.644.493.165-.203C35.623 58.152 14.34 37.284 2.596 7.501 1.974 5.925.7 1.364 2.424 1.328c2.334-.048 26.18 30.92 35.214 40.07C49.99 53.91 78.948 81.977 84.404 80.953' opacity='.16'/%3E%3C/svg%3E") no-repeat;position: absolute;bottom: -14px;right: -44px;pointer-events: none;} .boxSuporte .centro a b{font-size: 18px;font-weight: 600;line-height: 16px;letter-spacing: 0.02em;color: #FFF;transition: all 0.5s ease;} .boxSuporte .centro a:hover b{color: #1A1B1D;} .centro .notFound{width: 100%;box-shadow: -2.12px 1.12px 34.94px 0px #2A465814, -2.12px 1.12px 15px 0px transparent;position: relative;z-index: 1;height: max-content;/* display: none; */margin: 40px auto 0;} .centro .notFound::before{content: ""; width: 100%; max-width: 987px; height: 100%; background: #787B821F; transform: rotate(0.75deg); position: absolute; top: 0px; left: 5px; z-index: 0; transition: all 0.5s ease;} .centro .notFound span{width: 100%;height: 500px; display: flex ; justify-content: center; align-items: center; flex-direction: column; padding: 50px 40px 55px; background: #FFF; border-radius: 2px; position: relative; z-index: 2; text-align: center;} .centro .notFound span img{width: 90px; height: 93px; margin-bottom: 18px;} .centro .notFound span h3{font-size:26px; line-height: 28px; letter-spacing: 0.02em; color: #1A1B1D;font-weight: 700;margin-bottom: 5px;} .centro .notFound span p{display: block; max-width: 310px; font-size: 16px; line-height: 24px; letter-spacing: 0.02em; color: #1A1B1D; opacity: 0.9;} .boxFormSuccess{} .boxFormSuccess .boxConteudo{display: flex; width: 100%; flex-direction: column; align-items: center; padding: 80px 20px 100px;position: relative;z-index: 2;text-align: center;overflow: clip;} .boxFormSuccess .boxConteudo span.icone{display: block; background: url("../img/icons/stickerTipSend.svg") no-repeat; background-size: contain; width: 105px; height: 104px;margin: 0 auto 33px;} .boxFormSuccess .boxConteudo h3{width: 100%; max-width: 360px; font-size: 32px; font-weight: 700; line-height: 34px; color: #1A1B1D; margin: 0px auto 20px;} .boxFormSuccess .boxConteudo p{width: 100%; max-width: 420px; font-size: 18px; line-height: 26px; color: #1A1B1D; margin: 0px auto 28px;} .boxFormSuccess .boxConteudo .botoes{display: flex; gap:16px;} .boxFormSuccess .boxConteudo .botoes a:active, .boxFormSuccess .boxConteudo .botoes a:link, .boxFormSuccess .boxConteudo .botoes a:visited{width: max-content; height: 40px; background: linear-gradient(90deg, rgb(71, 189, 207) 0%, rgb(96, 163, 219) 31.05%, rgb(168, 86, 255) 65.91%, rgb(232, 123, 85) 100%); box-shadow: inset 0px 0px 110px 110px #1a1b1d; border-radius: 56px; display: block; padding: 12px 26px; transition: all 0.5s ease; cursor: pointer; position: relative; z-index: 1;} .boxFormSuccess .boxConteudo .botoes a::before{content: "";width: 100%;height: 20px;filter: blur(12px);position: absolute;left: 50%;transform: translateX(-50%);bottom: 1px;pointer-events: none;background: linear-gradient(90deg, rgb(71, 189, 207) 0%, rgb(96, 163, 219) 31.05%, rgb(168, 86, 255) 65.91%, rgb(232, 123, 85) 100%);border-radius: 40px;opacity: 0;transition: all 0.5s ease;} .boxFormSuccess .boxConteudo .botoes a b{display: block; font-size: 17px; font-weight: 600; line-height: 16px; letter-spacing: 0.02em; color: #FFF; position: relative; z-index: 1; will-change: opacity, transform; backface-visibility: hidden; transition: opacity 0.5s ease;} .boxFormSuccess .boxConteudo .botoes a:hover{ box-shadow: inset 0px 0px 110px 110px #1a1b1d00;} .boxFormSuccess .boxConteudo .botoes a:hover::before{opacity: 1;} ._320 .boxJanelaForm .centro.boxFormSuccess{ overflow-y: initial;} ._320 .boxFormSuccess .boxConteudo{padding: 30px 20px 40px;} ._320 .boxFormSuccess .boxConteudo span.icone{width: 78px; height: 77px; margin: 0 auto 16px;} ._320 .boxFormSuccess .boxConteudo h3{font-size: 26px; line-height: 30px; margin: 0px auto 6px;} ._320 .boxFormSuccess .boxConteudo p{font-size: 15px; line-height: 24px; margin: 0 auto 20px;} ._320 .boxFormSuccess .boxConteudo .botoes{flex-direction: column; align-items: center;gap: 12px;} ._320 .boxFormSuccess .boxConteudo .botoes a:active, ._320 .boxFormSuccess .boxConteudo .botoes a:link, ._320 .boxFormSuccess .boxConteudo .botoes a:visited{background: #1a1b1d; box-shadow: inset 0px -2px 4px #39475333, inset 0px 2px 4px #ffffff63, 0px 4px 6px 0px #8c8f963b;} ._320 .boxFormSuccess .boxConteudo .botoes a b{font-size: 16px;} /*@media (min-width: 1000px) and (max-width: 1300px) { section{zoom:0.9;} }*/ /* MOBILE */ ._320 .boxTopo{background: linear-gradient(16deg, rgb(64 49 63) 10%, rgba(33, 31, 36, 1) 57%);position: relative;z-index: 2; } ._320 main > .boxTopo::before{content: ''; display: block; position: absolute;width: 100px; height: 120px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 407 375'%3E%3Cpath fill='url(%23a)' d='M387.8 310.5c-32.6 3.5-65.1 3.6-97.8 6 9-35.4-13-83-48.8-96-2.2-.8-3.8 2.7-1.6 3.7 40 17.8 34.2 60.1 46.6 92.5-49 2.7-98 1.4-147 .9 0-32.9 6.2-57.2 35-77.4a4.5 4.5 0 0 0-4.5-7.5c-30.1 11.3-50.5 55-36.6 84.4-52.2-11.4-37.3 31.7-90.6 43.2 9.5-11 24.5-36.1 8.5-47.6-10.8-6-23.4-2.4-29.7-15.6-16.7-86.4-8.1-177-3-264.5.4-5.1-8.3-6.4-9-1.2a1049 1049 0 0 0-7 207c3 29.1-4.3 78.4 35.4 82.9 23.2 1.5-8.3 42.4-20.6 44.2-5.8 2.6-1.3 10.3 4 9.4 26.3-4.1 54-12 72-32.8 4.8-5.4 9-16.1 17-17 74.4 8.7 151.1 2.6 225.7-3.7 7.4-3 64.4-2.3 52-11Z'/%3E%3Cpath fill='url(%23b)' d='M403.6 95C398 17.9 398.4-3.7 311.7.5c-18.6-.2-330 1-286.5 26.8 48.8.5 352.3-44.9 361.5 4.8 13.7 84.3 7.6 179-.7 264.2a7.6 7.6 0 0 0 6.4 9.2 7.7 7.7 0 0 0 8.7-7.2c4.8-67.7 9.2-135.5 2.5-203.3Z'/%3E%3Cpath fill='url(%23c)' d='M156.2 206.5c21 39.7 85.3 25.4 94.9-16 9-30.5-19.7-65.8-52-57.8-10.4 2.7-26.6 11.6-23.4 24a34.9 34.9 0 0 0-23.9 35.3c.4 5.1 1.9 10 4.4 14.5Zm22.5-38.6a5.7 5.7 0 0 0 1.7-8.5c24-15 55.2-11.4 56 22.5.2 30.5-43 48.9-64.2 26a25 25 0 0 1 6.5-40Z'/%3E%3Cpath fill='url(%23d)' d='M75.3 119.7c-37 21-13.3 78 26.7 75.3 43.4.5 64-55 34.1-84.8-39.4-47-81.7 14.6-39.2 1.5 47.7-9.9 54.3 64.6 9.8 72-33 5-51-37.4-28-59.7a2.7 2.7 0 0 0-1.5-4.6c-.6-.1-1.3 0-1.9.3Z'/%3E%3Cpath fill='url(%23e)' d='M30.4 231.7c-6.3 7-15.9 54.4 3 42.4 3.3-24.1 10.7-49.7 33.6-63a5.5 5.5 0 0 0-5.6-9.4 66.7 66.7 0 0 0-31 30Z'/%3E%3Cpath fill='url(%23f)' d='M141.8 230.3c3-31-52-39.1-36-25.1a28.2 28.2 0 0 1 23.1 17c1.2 6.3 7.2 23.4 12.3 9.4l-.1.4.7-1.7Z'/%3E%3Cpath fill='url(%23g)' d='M131.7 231.6c-.1-.2-.1-.2 0 0Z'/%3E%3Cpath fill='url(%23h)' d='M261 159.3c25.4 76.2 137.4 13.5 73.6-39.6a2.8 2.8 0 0 0-4.1 2.5c0 .7.3 1.3.7 1.8 21.2 21 7.8 60.2-23.2 60-53.8-4-42.6-91.4 14-69.7a6.8 6.8 0 0 0 8.2-4.7c.3-1.1.3-2.3 0-3.4-3.2-10.9-16.7-15.2-27-13.7a56.2 56.2 0 0 0-42.3 66.8Z'/%3E%3Cpath fill='url(%23i)' d='M343 211.2c22.9 13.2 30.2 38.8 33.5 63 19 11.9 9.3-35.5 3-42.5a66.7 66.7 0 0 0-31-30 5.5 5.5 0 0 0-7.3 2 5.5 5.5 0 0 0 1.8 7.5Z'/%3E%3Cpath fill='url(%23j)' d='M279 229.6a28 28 0 0 1 25-24.4 3.2 3.2 0 0 0 3.2-3.3 3.2 3.2 0 0 0-3.1-3.2 35.9 35.9 0 0 0-26 9.3c-5.8 5.4-12.4 17.3-9.4 23.6 1.2 5.8 6.7 7.5 8.7 1.1l-.3.3a7 7 0 0 0 2-3.4Z'/%3E%3Cpath fill='url(%23k)' d='M63.6 59c-11-6.6-21.4 10.7-10 16.9A9.9 9.9 0 0 0 67 72.2 9.7 9.7 0 0 0 63.6 59Z'/%3E%3Cpath fill='url(%23l)' d='M85.8 70.5A9.3 9.3 0 0 0 98 67.6 9.2 9.2 0 0 0 96 55.3c-10-8-21.4 8.8-10.3 15.2Z'/%3E%3Cpath fill='url(%23m)' d='M110.4 69.9c13 7 19.2-16 4.5-16.4a9 9 0 0 0-8.5 6.5 8.8 8.8 0 0 0 4 9.9Z'/%3E%3Cpath fill='url(%23n)' d='M173.8 111.5a9.5 9.5 0 0 0 12.7-3.5 9.3 9.3 0 0 0-3.2-12.7 9.5 9.5 0 0 0-12.6 3.5 9.3 9.3 0 0 0 3.1 12.7Z'/%3E%3Cpath fill='url(%23o)' d='M194.6 107.5a8.2 8.2 0 0 0 10.9-3 8 8 0 0 0-2.8-11 8.1 8.1 0 0 0-10.8 3 8 8 0 0 0 2.7 11Z'/%3E%3Cpath fill='url(%23p)' d='M214.1 107.3a9.2 9.2 0 0 0 12.3-3.4 9.1 9.1 0 0 0-3-12.4 9.2 9.2 0 0 0-12.4 3.4 9.1 9.1 0 0 0 3.1 12.4Z'/%3E%3Cpath fill='url(%23r)' d='M281 75.9a9 9 0 0 0-9.2-15.3c-11.9 5-1.3 23.2 9 15.4l-.8.6c.8-.6 1.8-1.1 2.2-2-.3.5-.7 1-1.2 1.3Z'/%3E%3Cpath fill='url(%23s)' d='M295.5 75.4c13.6 7.4 20.2-16.8 4.7-17.2a9.4 9.4 0 0 0-8.8 6.9 9.3 9.3 0 0 0 4.1 10.3Z'/%3E%3Cpath fill='url(%23t)' d='M328.3 58.5a9 9 0 0 0-8.6 9 8.9 8.9 0 0 0 8.6 8.8 9 9 0 0 0 8.7-8.9 8.9 8.9 0 0 0-8.7-8.9Z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='407' y1='187.5' y2='187.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23323544'/%3E%3Cstop offset='1' stop-color='%2360476A'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='0' x2='407' y1='187.5' y2='187.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23323544'/%3E%3Cstop offset='1' stop-color='%2360476A'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='0' x2='407' y1='187.5' y2='187.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23323544'/%3E%3Cstop offset='1' stop-color='%2360476A'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='0' x2='407' y1='187.5' y2='187.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23323544'/%3E%3Cstop offset='1' stop-color='%2360476A'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' x1='0' x2='407' y1='187.5' y2='187.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23323544'/%3E%3Cstop offset='1' stop-color='%2360476A'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' x1='0' x2='407' y1='187.5' y2='187.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23323544'/%3E%3Cstop offset='1' stop-color='%2360476A'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' x2='407' y1='187.5' y2='187.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23323544'/%3E%3Cstop offset='1' stop-color='%2360476A'/%3E%3C/linearGradient%3E%3ClinearGradient id='h' x1='0' x2='407' y1='187.5' y2='187.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23323544'/%3E%3Cstop offset='1' stop-color='%2360476A'/%3E%3C/linearGradient%3E%3ClinearGradient id='i' x1='0' x2='407' y1='187.5' y2='187.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23323544'/%3E%3Cstop offset='1' stop-color='%2360476A'/%3E%3C/linearGradient%3E%3ClinearGradient id='j' x1='0' x2='407' y1='187.5' y2='187.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23323544'/%3E%3Cstop offset='1' stop-color='%2360476A'/%3E%3C/linearGradient%3E%3ClinearGradient id='k' x1='0' x2='407' y1='187.5' y2='187.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23323544'/%3E%3Cstop offset='1' stop-color='%2360476A'/%3E%3C/linearGradient%3E%3ClinearGradient id='l' x1='0' x2='407' y1='187.5' y2='187.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23323544'/%3E%3Cstop offset='1' stop-color='%2360476A'/%3E%3C/linearGradient%3E%3ClinearGradient id='m' x1='0' x2='407' y1='187.5' y2='187.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23323544'/%3E%3Cstop offset='1' stop-color='%2360476A'/%3E%3C/linearGradient%3E%3ClinearGradient id='n' x1='0' x2='407' y1='187.5' y2='187.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23323544'/%3E%3Cstop offset='1' stop-color='%2360476A'/%3E%3C/linearGradient%3E%3ClinearGradient id='o' x1='0' x2='407' y1='187.5' y2='187.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23323544'/%3E%3Cstop offset='1' stop-color='%2360476A'/%3E%3C/linearGradient%3E%3ClinearGradient id='p' x1='0' x2='407' y1='187.5' y2='187.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23323544'/%3E%3Cstop offset='1' stop-color='%2360476A'/%3E%3C/linearGradient%3E%3ClinearGradient id='q' x1='0' x2='407' y1='187.5' y2='187.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23323544'/%3E%3Cstop offset='1' stop-color='%2360476A'/%3E%3C/linearGradient%3E%3ClinearGradient id='r' x1='0' x2='407' y1='187.5' y2='187.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23323544'/%3E%3Cstop offset='1' stop-color='%2360476A'/%3E%3C/linearGradient%3E%3ClinearGradient id='s' x1='0' x2='407' y1='187.5' y2='187.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23323544'/%3E%3Cstop offset='1' stop-color='%2360476A'/%3E%3C/linearGradient%3E%3ClinearGradient id='t' x1='0' x2='407' y1='187.5' y2='187.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23323544'/%3E%3Cstop offset='1' stop-color='%2360476A'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; user-select: none; right: 10px; top: 104px; transform: rotate(14deg); opacity: 0.3;} ._320 .boxTopo .centro{padding: 104px 20px 40px;z-index: 2;height: initial;} ._320 .boxTopo .centro .boxTitulo{flex-direction: column; gap: 4px;} ._320 .boxTopo .centro h2 { font-size: 26px; line-height: 32px; } ._320 .boxTopo .centro h2 b{ font-weight: 600;} ._320 .boxTopo .centro > p { font-size: 15px; max-width: 250px;} ._320 .boxTopo .centro form{gap: 10px; flex-direction: column;position: relative;} ._320 .boxTopo .centro form div:not(.boxPaisInteresses){background: #FFF; position: relative;} ._320 .boxTopo .centro form div.tipo{position: absolute; left: 0; width: 126px; padding: 10px 10px 12px 34px; border-radius: 20px 0px 0px 0px;min-width: initial} ._320 .boxTopo .centro form div.tipo::before{left: 12px;} /* select tipo */ ._320 section.boxTopo .centro form div.tipo.itemFiltro .boxSelect{top: 100%; border-radius: 0 0 20px 20px; border-top: 2px solid transparent;} ._320 section.boxTopo .centro form div.tipo.itemFiltro.ativo .boxSelect{box-shadow: 0px 2px 3px #8c8f9678; border-top: 2px solid #E1E4E8;} ._320 section.boxTopo .centro form div.tipo.itemFiltro .boxSelect li{padding: 11px 10px 11px 24px; text-align: start; font-size: 15px;} /* select pais */ ._320 .boxTopo .centro form div.boxPaisInteresses div.pais{margin-left: auto; width: calc(100% - 132px); padding: 10px 12px 12px 34px; border-radius: 0 20px 0 0;} ._320 .boxTopo .centro form div.boxPaisInteresses div.pais::before{left: 11px;} ._320 section.boxTopo .centro form div.pais.itemFiltro ul.boxSelect{top:100%; border-top: 2px solid transparent;} ._320 section.boxTopo .centro form div.pais.itemFiltro.ativo ul.boxSelect{border-radius: 0 0 20px 20px;max-height: 260px;overflow-y: auto; border-top: 2px solid #E1E4E8; box-shadow: 0px 2px 3px #8c8f9678;} ._320 section.boxTopo .centro form div.pais.itemFiltro .boxSelect li{padding: 11px 10px 11px 24px; text-align: start; font-size: 15px;} /* select interesses */ ._320 .boxTopo .centro form div.boxPaisInteresses div.interesses{width: 100%; padding: 10px 58px 12px 34px; border-radius: 0 0 20px 20px;} ._320 .boxTopo .centro form div.boxPaisInteresses div.interesses.itemFiltro.ativo{border-radius: 0 0 0px 0px;} ._320 .boxTopo .centro form div.boxPaisInteresses div.interesses::before{left: 12px;} ._320 section.boxTopo .centro form div.interesses.itemFiltro ul.boxSelect{top:100%;border-radius: 0 0 20px 20px; border-top: 2px solid transparent;} ._320 section.boxTopo .centro form div.interesses.itemFiltro.ativo ul.boxSelect{max-height: 240px;overflow-y: auto;border-top:2px solid #E1E4E8; box-shadow: 0px 2px 3px #8c8f9678;} ._320 section.boxTopo .centro form div.interesses.itemFiltro ul.boxSelect li{width: 100%;border-bottom: 1px dashed #E1E4E8;} ._320 section.boxTopo .centro form div.interesses.itemFiltro ul.boxSelect li:last-of-type{border-bottom: 1px dashed transparent;} ._320 section.boxTopo .centro form div.interesses.itemFiltro ul.boxSelect li label{font-size: 15px;padding: 10px 27px 9px 40px;} ._320 .boxTopo .centro form div.boxPaisInteresses { gap: 6px; flex-direction: column; } ._320 .boxTopo .centro form label{} ._320 .boxTopo .centro form select{font-size: 14px;} ._320 .boxTopo .centro form button{position: absolute; bottom: 9px; right: 6px; height: 38px; padding: 3px; gap: 6px; width: 52px; border-radius: 35px; justify-content: center; align-items: center; background: #2D9CBB; z-index: 10; box-shadow: inset 0px -2px 4px #39475333, inset 0px 2px 4px #ffffff63, 0px 4px 6px 0px #8c8f963b;} ._320 section.boxTopo .centro form button.inativo{pointer-events: none;box-shadow: inset 0px -2px 4px #39475300, inset 0px 2px 4px #ffffff00, 0px 4px 6px 0px #8c8f9600;} ._320 section.boxTopo .centro form button::after{left: 50%; top: 50%; width: 16px; height: 16px;} ._320 .boxTopo .centro form button svg{width: 16px; min-width: 16px; height: 16px;} ._320 .boxTopo .centro form button b{display: none !important;} ._320 section.boxTopo .centro form p.titulo{font-size: 15px; font-weight: 500; line-height: 15px; letter-spacing: 0;} /* Box Tips Traps */ ._320 .boxTipsTraps{} ._320 .boxTipsTraps .centro{padding: 50px 20px 40px;position: relative;} ._320 .boxTipsTraps .centro h2{font-size: 24px;line-height: 28px;margin-bottom: 20px;} ._320 .boxTipsTraps .centro .conteudoLista{flex-direction: column;gap:20px;} ._320 .boxTipsTraps .centro .conteudoLista .filtros{position: initial;top: initial;max-width: initial; min-width: initial;} ._320 .boxTipsTraps .centro .conteudoLista .filtros h2{} ._320 .boxTipsTraps .centro .conteudoLista .filtros h2 b{} ._320 .boxTipsTraps .centro .conteudoLista .filtros ul{} ._320 .boxTipsTraps .centro > a.btCriarTipTrap:active, ._320 .boxTipsTraps .centro > a.btCriarTipTrap:any-link{position: absolute; top: 9px; right: 20px; padding: 8px 16px 7px; box-shadow: inset 0px -2px 4px #39475333, inset 0px 2px 4px #ffffff63, 0px 4px 6px 0px #8c8f963b;} ._320 .boxTipsTraps .centro a.btCriarTipTrap b{font-size: 14px;} ._320 section.boxTopo .centro span.seta{right: initial; left: 20px;} /* Cards */ ._320 .boxTipsTraps .centro ul.cards{} ._320 .boxTipsTraps .centro ul.cards > li:has(.boxStatus){margin-bottom: 20px;} ._320 .boxTipsTraps .centro ul.cards > li{} ._320 .boxTipsTraps .centro ul.cards > li:last-of-type{} ._320 .boxTipsTraps .centro ul.cards li .conteudoCards{flex-direction: column; padding: 20px; gap: 14px; margin-bottom: 20px; align-items: center;} ._320 .boxTipsTraps .centro ul.cards li .conteudoCards span.classificacao b, ._320 .boxTipsTraps .centro ul.cards li .conteudoCards span.classificacao em{} ._320 .boxTipsTraps .centro ul.cards li .conteudoCards.quick.tip span.classificacao, ._320 .boxTipsTraps .centro ul.cards li .conteudoCards.quick.trap span.classificacao{} ._320 .boxTipsTraps .centro ul.cards li .conteudoCards.tip span.classificacao b{} ._320 .boxTipsTraps .centro ul.cards li .conteudoCards.trap span.classificacao b{} ._320 .boxTipsTraps .centro ul.cards li .conteudoCards.quick.trap span.classificacao em{} ._320 .boxTipsTraps .centro ul.cards li .conteudoCards.quick.tip span.classificacao em{} ._320 .boxTipsTraps .centro ul.cards li .conteudoCards figure{min-height: 120px; max-height: 190px; overflow: clip; max-width: initial; border-radius: 3px; border: 1px dashed #cccccc45;} ._320 .boxTipsTraps .centro ul.cards li .conteudoCards figure img{} ._320 .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo{padding: 0 0 10px;} ._320 .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo .topoCard{margin: 0 0 12px;} ._320 .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo .topoCard span.tag{padding: 3px 16px; border-radius: 1px 24px 24px; border: 1px solid #E9ECF0;} ._320 .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo .topoCard em.curtidas{} ._320 .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo .topoCard em.curtidas svg{} ._320 .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo .topoCard em.curtidas b{} ._320 .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo h3{font-size: 19px;line-height: 26px;} ._320 .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo ul.localizacaoPessoa{gap: 10px; margin-bottom: 8px; align-items: center; justify-content: space-between;} ._320 .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo ul.localizacaoPessoa li:not(.usuario){align-items: center;} ._320 .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo ul.localizacaoPessoa li svg{} ._320 .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo ul.localizacaoPessoa li b{font-size: 13px; letter-spacing: 0.02em;} ._320 .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo ul.localizacaoPessoa li figure{ min-height: 21px;} ._320 .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo ul.localizacaoPessoa li figure img{} ._320 .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo ul.localizacaoPessoa li.usuario b::after{content: none;} ._320 .boxTipsTraps .centro ul.cards li .conteudoCards .boxConteudo p{font-size: 14px;max-width: initial;padding: 0;} ._320 .boxTipsTraps .centro ul.cards li.comunidade .conteudo{flex-direction: column; gap: 0;align-items: center;margin-top: initial;} ._320 .boxTipsTraps .centro ul.cards li.comunidade .boxConteudo h3{margin-bottom: 8px;} ._320 .boxTipsTraps .centro ul.cards li.comunidade .boxConteudo h3 b{font-size: 13px; line-height: 16px;} ._320 .boxTipsTraps .centro ul.cards li.comunidade .boxConteudo .boxBotao span{display: none;} ._320 .boxTipsTraps .centro ul.cards li.comunidade .boxConteudo .boxBotao a:link, ._320 .boxTipsTraps .centro ul.cards li.comunidade .boxConteudo .boxBotao a:active, ._320 .boxTipsTraps .centro ul.cards li.comunidade .boxConteudo .boxBotao a:visited{box-shadow: inset 0px -2px 4px #39475333, inset 0px 2px 4px #ffffff63, 0px 4px 6px 0px #8c8f963b; padding: 12px 24px; background: #d46a45; margin-top: 10px;} /* SUGGESTIONS */ ._320 .curious {padding: 40px 0 10px;} ._320 .curious > span {font-size: 12px;margin: 0 auto 4px;} ._320 .curious h4 {font-size: 18px;line-height: 20px;max-width: 332px;} ._320 .curious .splide {max-width: 357px;margin: 0;padding: 0;width: 100%;max-width: 100%;} ._320 .curious .splide .splide__track ul li.splide__slide.is-visible{margin-right: 10px!important;} /* Box Latest */ ._320 .boxLatest .centro{flex-direction: column;gap: 0px;padding: 60px 20px 60px;} /* Menu botao */ ._320 .boxLatest .centro article.boxPost .menuBotao{ flex-wrap: wrap; margin-bottom: -10px;position: relative;z-index: 3;} ._320 .boxLatest .centro article h2{ font-size: 24px; line-height: 28px; margin-bottom: 25px;} ._320 .boxLatest .centro article.boxPost .menuBotao ul{ flex-wrap: wrap; flex-direction: column-reverse; align-items: flex-start;} ._320 .boxLatest .centro article.boxPost .menuBotao ul li:not(.tipsTraps){position: absolute;right: 0;top: -2px;} ._320 .boxLatest .centro article.boxPost .menuBotao ul li a:link, ._320 .boxLatest .centro article.boxPost .menuBotao ul li a:active, ._320 .boxLatest .centro article.boxPost .menuBotao ul li a:visited{padding: 10px 38px;} ._320 .boxLatest .centro article.boxPost .menuBotao ul li a.btCriarTipTrap{padding: 8px 20px; } ._320 .boxLatest .centro article.boxPost .menuBotao ul li.tipsTraps a::before{} ._320 .boxLatest .centro article.boxPost .menuBotao ul li.tipsTraps a::after{} ._320 .boxLatest .centro article.boxPost .menuBotao ul li a b{ font-size: 16px;} ._320 .boxLatest .centro article.boxPost .menuBotao ul li a.btCriarTipTrap b{font-size: 15px;} ._320 .boxLatest .centro article.boxPost ul.cards{overflow: auto; display: flex ; flex-wrap: nowrap; gap: 25px; padding: 40px 20px 10px; width: calc(100% + 40px); margin: 0 -20px 20px;} ._320 .boxLatest .centro article.boxPost ul.cards li{min-width: 230px; height: auto; gap: 15px; filter: initial; background: #fff; box-shadow: 0px 2px 6px 0px #8c8f9624;} ._320 .boxLatest .centro article.boxPost ul.cards li div.boxConteudo figure{height: 140px;} ._320 .boxLatest .centro article.boxPost ul.cards li div.boxConteudo .tagPerfil{margin: -20px 8px 12px;} ._320 .boxLatest .centro article.boxPost ul.cards li div.boxConteudo .tagPerfil span.tag{font-size: 14px;line-height: 14px;} ._320 .boxLatest .centro article.boxPost ul.cards li div.boxConteudo h3{font-size: 16px;line-height: 18px;margin: 0px 13px 8px;} ._320 .boxLatest .centro article.boxPost ul.cards li div.boxConteudo span.localizacao{font-size: 14px;line-height: 14px;} ._320 .boxLatest .centro article.boxActive{ max-width: initial;position: relative;top: initial; margin: 20px auto 0;} ._320 .boxLatest .centro article.boxActive h2{font-size: 26px; line-height: 32px; text-align: center; max-width: inherit; margin-bottom: 7px;} ._320 .boxLatest .centro article.boxActive > span{text-align: center;} ._320 .boxLatest .centro article.boxActive ul {column-count: 2;} ._320 .centro .notFound {margin: 20px auto 0;} ._320 .centro .notFound span{padding: 50px 20px; height: fit-content;} ._320 .centro .notFound span img{width: 80px; height: 83px; margin-bottom: 8px;} ._320 .centro .notFound span h3{font-size: 20px; margin-bottom: 0;} ._320 .centro .notFound span p{max-width: 290px; font-size: 14px; line-height: 20px;} /* Box Suporte */ ._320 .boxSuporte{} ._320 .boxSuporte .centro{flex-direction: column; padding: 25px 20px; gap: 16px; align-items: flex-start;} ._320 .boxSuporte .centro figure{} ._320 .boxSuporte .centro figure img{} ._320 .boxSuporte .centro .conteudo{} ._320 .boxSuporte .centro .conteudo::before{width: 94px; height: 91px;bottom: -83px; left: initial; right: -10px; pointer-events: none; opacity: 0.8;} ._320 .boxSuporte .centro .conteudo span{font-size: 14px;} ._320 .boxSuporte .centro .conteudo h2{font-size: 22px; line-height: 26px;} ._320 .boxSuporte .centro .conteudo p{font-size: 15px; letter-spacing: 0.04em;} ._320 .boxSuporte .centro a:link, ._320 .boxSuporte .centro a:active, ._320 .boxSuporte .centro a:visited{box-shadow: inset 0px -2px 4px #39475333, inset 0px 2px 4px #ffffff30, 0px 4px 6px 0px #8c8f963b;padding: 13px 24px;} ._320 .boxSuporte .centro a b{font-size: 17px;} /* Janela Formulario */ ._320 .boxJanelaForm.ativo{z-index: 998;} ._320 .boxJanelaForm{max-width: 440px !important; left: 50%; transform: translateX(-50%);padding: 0px; } ._320 .boxJanelaForm div.boxTopo{padding: 16px 20px;} ._320 .boxJanelaForm div.boxTopo h2{} ._320 .boxJanelaForm div.boxTopo h2::before{} ._320 .boxJanelaForm div.boxTopo span.botaoFechar{} ._320 .boxJanelaForm div.boxTopo span.botaoFechar svg{} ._320 .boxJanelaForm div.boxTopo span.botaoFechar svg path{} /* Hover */ ._320 .boxJanelaForm div.boxTopo span.botaoFechar:hover{} ._320 .boxJanelaForm div.boxTopo span.botaoFechar:hover svg path{} ._320 .boxJanelaForm .centro{overflow-y: auto;} ._320 .boxJanelaForm .centro .boxTitulo::before{} ._320 .boxJanelaForm .centro .boxTitulo{} ._320 .boxJanelaForm .centro::before{} ._320 .boxJanelaForm .centro .boxTitulo h3{font-size: 26px; line-height: 32px; margin-bottom: 4px;} ._320 .boxJanelaForm .centro .boxTitulo span{line-height: 16px;} ._320 .boxNewPost .boxConteudo{padding-bottom: 40px;} ._320 .boxNewPost .boxConteudo form{} ._320 .boxNewPost .boxConteudo form label{font: 500 15px / 20px 'omnes-pro'; margin-bottom: 2px; color: #53565E;} ._320 .boxNewPost .boxConteudo form label b{} ._320 .boxNewPost .boxConteudo form label em{} ._320 .boxNewPost .boxConteudo form label i{} ._320 .boxNewPost .boxConteudo form input, ._320 .boxNewPost .boxConteudo .location .inputLocation, ._320 .boxNewPost .boxConteudo form select, ._320 .boxNewPost .boxConteudo form textarea{padding: 10px 20px; font: 400 15px / 16px 'omnes-pro'; min-height: 44px;} ._320 .boxNewPost .boxConteudo form input::placeholder{} ._320 .boxNewPost .boxConteudo form select{} ._320 .boxNewPost .boxConteudo form select option{} ._320 .boxNewPost .boxConteudo form textarea{min-height: 90px;} ._320 .boxNewPost .boxConteudo form textarea::placeholder{} /* Post & Tip Trap */ ._320 .boxNewPost .boxConteudo form ul{flex-wrap: wrap; gap: 13px; margin-bottom: 13px;} ._320 .boxNewPost .boxConteudo form ul li{} ._320 .boxNewPost .boxConteudo form ul li.post{width: 100%;} ._320 .boxNewPost .boxConteudo form ul li.post .title{} ._320 .boxNewPost .boxConteudo form ul li.post input{} ._320 .boxNewPost .boxConteudo form ul li.post span.limite{} ._320 .boxNewPost .boxConteudo form ul li.tipTrap select{} ._320 .boxNewPost .boxConteudo form div.paisOndeMora{} ._320 .boxNewPost .boxConteudo form div.paisOndeMora .listSelectCity{gap:13px;} ._320 .boxNewPost .boxConteudo form div.paisOndeMora .listSelectCity li.escolhaOndeMora{} ._320 .boxNewPost .boxConteudo form div.paisOndeMora .listSelectCity li.escolhaOndeMora .buscaCampo{} ._320 .boxNewPost .boxConteudo form div.paisOndeMora .listSelectCity li.escolhaOndeMora .buscaCampo.loading .campoInput::after{} ._320 .boxNewPost .boxConteudo form div.paisOndeMora .listSelectCity li.escolhaOndeMora .resultadosLista{} ._320 .boxNewPost .boxConteudo form div.paisOndeMora .listSelectCity li.escolhaOndeMora .resultadosLista ol{} ._320 .boxNewPost .boxConteudo form div.paisOndeMora .listSelectCity li.escolhaOndeMora .resultadosLista ol li{} ._320 .boxNewPost .boxConteudo form div.paisOndeMora .listSelectCity li.escolhaOndeMora .resultadosLista ol li:hover{} ._320 .boxNewPost .boxConteudo form div.paisOndeMora .listSelectCity li.escolhaOndeMora .buscaCampo .campoInput input{} /* Mensagem de error e validate */ ._320 .boxNewPost .errorMessage, ._320 .boxNewPost .validate, ._320 .boxNewPost .mensagemRetorno.erro{} ._320 .boxNewPost .validate{} /* Country City */ ._320 .boxNewPost .boxConteudo form .countryCity{} ._320 .boxNewPost .boxConteudo form .countryCity input{} /* Gastronomy */ ._320 .boxNewPost .boxConteudo form .gastronomy{margin-bottom: 13px;} ._320 .boxNewPost .boxConteudo form .gastronomy select{width: 100%;} /* Location */ ._320 .boxNewPost .boxConteudo form .location{gap:0;margin-bottom: 13px;} ._320 .boxNewPost .boxConteudo form .inputLatLon{} ._320 .boxNewPost .boxConteudo form .location label{} ._320 .boxNewPost .boxConteudo form .location .inputLocation{} ._320 .boxNewPost .boxConteudo form .location .inputLocation::before{} ._320 .boxNewPost .boxConteudo form .location .inputLocation input{padding-left: 18px; min-height: initial;} ._320 .boxNewPost .boxConteudo form .location .inputLocation input::placeholder{} ._320 .boxNewPost .boxConteudo form .location .inputLocation span{} /* Description */ ._320 #map.ativo{margin: 13px 0;} ._320 #map {} ._320 .boxNewPost .boxConteudo form .description{} ._320 .boxNewPost .boxConteudo form .description .textDescription{flex-wrap: wrap; gap: 7px;} ._320 .boxNewPost .boxConteudo form .description .textDescription p{max-width: initial; line-height: 17px;} ._320 .boxNewPost .boxConteudo form .description .textDescription p b{} ._320 .boxNewPost .boxConteudo form button.inativo{} ._320 .boxNewPost .boxConteudo form button{box-shadow: inset 0px -2px 4px #39475333, inset 0px 2px 4px #ffffff63, 0px 4px 6px 0px #8c8f963b; padding: 10px 34px;} ._320 .boxNewPost .boxConteudo form::after{} ._320 .boxNewPost .boxConteudo form button b{} ._320 .boxNewPost .boxConteudo form button:hover{} ._320 .boxNewPost .boxConteudo form button:hover b{} ._320 form span.retornoStatus.ativo{} ._320 form span.retornoStatus.erro{} ._320 form span.retornoStatus{} /* Box Create Complete */ ._320 .boxCreateComplete .boxTitulo{} ._320 .boxCreateComplete .boxMensagem{flex-direction: column; align-items: center; gap: 20px; text-align: center;} ._320 .boxCreateComplete .boxMensagem span.icone{width: 70px; min-width: 70px; height: 60px;margin-top: -10px;} ._320 .boxCreateComplete .boxMensagem div.conteudo h3{max-width: 369px;margin: 0 auto 6px;} ._320 .boxCreateComplete .boxMensagem div.conteudo h3 b{} ._320 .boxCreateComplete .boxMensagem div.conteudo h3 em{} ._320 .boxCreateComplete .boxMensagem div.conteudo p{font-size: 14px; line-height: 22px; color: #9FA4AC; font-weight: 500;max-width: 369px;margin: 0 auto 15px;} ._320 .boxCreateComplete .boxMensagem div.conteudo p b{color: #53565E;} ._320 .boxCreateComplete .boxMensagem div.conteudo a:link, ._320 .boxCreateComplete .boxMensagem div.conteudo a:active, ._320 .boxCreateComplete .boxMensagem div.conteudo a:visited{} ._320 .boxCreateComplete .boxMensagem div.conteudo a b{} /* Botao Close */ ._320 .boxCreateComplete .boxMensagem div.conteudo a.botaoClose:link, ._320 .boxCreateComplete .boxMensagem div.conteudo a.botaoClose:active, ._320 .boxCreateComplete .boxMensagem div.conteudo a.botaoClose:visited{ margin: 0px auto 20px;} ._320 .boxCreateComplete .boxMensagem div.conteudo a.botaoClose b{} /* Hover */ ._320 .boxCreateComplete .boxMensagem div.conteudo a.botaoClose:hover b{} /* Botao Complete */ ._320 .boxCreateComplete .boxMensagem div.conteudo a.botaoComplete:link, ._320 .boxCreateComplete .boxMensagem div.conteudo a.botaoComplete:active, ._320 .boxCreateComplete .boxMensagem div.conteudo a.botaoComplete:visited{ margin: 0 auto;} ._320 .boxCreateComplete .boxMensagem div.conteudo a.botaoComplete::before{} ._320 .boxCreateComplete .boxMensagem div.conteudo a.botaoComplete b{padding: 10px 30px; font-size: 17px;} ._320 .boxCreateComplete .boxMensagem div.conteudo a.botaoComplete b em{} ._320 .boxCreateComplete .boxMensagem div.conteudo a.botaoComplete b em i.branco{} /* Hover */ ._320 .boxCreateComplete .boxMensagem div.conteudo a.botaoComplete:hover b{} ._320 .boxCreateComplete .boxMensagem div.conteudo a.botaoComplete:hover b em i.branco{} ._320 .boxCreateComplete .boxFormulario{flex-direction: column-reverse;gap:30px;} ._320 .boxCreateComplete .boxConteudo.bloqueado .boxFormulario{padding: 70px 0 0;} ._320 .boxCreateComplete .boxFormulario form{} ._320 .boxCreateComplete .boxFormulario form span.retornoStatus{} ._320 .boxCreateComplete .boxConteudo.bloqueado .boxFormulario::before{} ._320 .boxCreateComplete .boxConteudo.bloqueado .boxMensagem{} /* Box Conteudo */ ._320 .boxCreateComplete .boxConteudo{} ._320 .boxCreateComplete .boxConteudo div h3{} ._320 .boxCreateComplete .boxConteudo div p{} ._320 .boxCreateComplete .cropWindow.ativo{} ._320 .boxCreateComplete .cropWindow{padding: 20px; outline: 3px solid #ffffff; outline-offset: -1px; width: 100%; max-width: 500px; height: calc(100dvh - 50px); max-height: 500px;} ._320 .boxCreateComplete .cropWindow::after{} ._320 .boxCreateComplete .cropWindow .boxCrop{} /* botao save */ ._320 .boxCreateComplete .cropWindow a#btCropper:active, ._320 .boxCreateComplete .cropWindow a#btCropper:link, ._320 .boxCreateComplete .cropWindow a#btCropper:visited{} ._320 .boxCreateComplete .cropWindow a#btCropper::before{} ._320 .boxCreateComplete .cropWindow a#btCropper b{} ._320 .boxCreateComplete .cropWindow a#btCropper:hover::before{} /* enviando */ ._320 .boxCreateComplete .cropWindow p.enviando{} ._320 .boxCreateComplete .cropWindow p.enviando em{} ._320 .boxCreateComplete .cropWindow p.enviando span.loadingIcon{ } ._320 .boxCreateComplete .cropWindow a.close:active, ._320 .boxCreateComplete .cropWindow a.close:link, ._320 .boxCreateComplete .cropWindow a.close:visited{} ._320 .boxCreateComplete .cropWindow a.close:hover{} /* Photo */ ._320 .boxCreateComplete .boxConteudo div.photo{margin-bottom: 30px;} ._320 .boxCreateComplete .boxConteudo div.photo p{margin-bottom: 10px;} ._320 .boxCreateComplete .boxConteudo div.photo .boxBotao{} ._320 .boxCreateComplete .boxConteudo div.photo .boxBotao .btChoose{} ._320 .boxCreateComplete .boxConteudo div.photo .boxBotao .btChoose b{} /* Hover */ ._320 .boxCreateComplete .boxConteudo div.photo .boxBotao:hover .btChoose{} ._320 .boxCreateComplete .boxConteudo div.photo .boxBotao:hover .btChoose b{} ._320 .boxCreateComplete .boxConteudo div.photo .boxBotao i{} ._320 .boxCreateComplete .boxConteudo div.photo .boxBotao input{} ._320 .boxCreateComplete .boxConteudo div.photo ul{} ._320 .boxCreateComplete .boxConteudo div.photo ul li{} ._320 .boxCreateComplete .boxConteudo div.photo ul li figure{} ._320 .boxCreateComplete .boxConteudo div.photo ul li figure.semImg{} ._320 .boxCreateComplete .boxConteudo div.photo ul li figure.semImg span.botaoRemoverFoto{} ._320 .boxCreateComplete .boxConteudo div.photo ul li figure img{} ._320 .boxCreateComplete .boxConteudo div.photo ul li span.botaoRemoverFoto{} ._320 .boxCreateComplete .boxConteudo div.photo ul li span.botaoRemoverFoto:hover{} ._320 .boxCreateComplete .boxConteudo div.photo span#cropErrorReturn, ._320 .boxCreateComplete .boxConteudo div.photo span#cropSuccessReturn{font-size: 14px; line-height: 18px; letter-spacing: 0.01em; font-weight: 500;} /* Informations*/ ._320 .boxCreateComplete .boxConteudo div.informations{margin-bottom: 30px;} ._320 .boxCreateComplete .boxConteudo div.informations p{margin-bottom: 10px;} ._320 .boxCreateComplete .boxConteudo div.informations ul{flex-wrap: wrap; gap: 13px;} ._320 .boxCreateComplete .boxConteudo div.informations ul li label{font: 500 15px / 20px 'omnes-pro'; margin-bottom: 2px; color: #53565E;} ._320 .boxCreateComplete .boxConteudo div.informations ul li select{font: 400 15px / 16px 'omnes-pro'; min-height: 44px;} ._320 .boxCreateComplete .boxConteudo div.informations ul li select option{} /* Recommended */ ._320 .boxCreateComplete .boxConteudo div.recommended{margin-bottom: 40px;} ._320 .boxCreateComplete .boxConteudo div.recommended p{} ._320 .boxCreateComplete .boxConteudo div.recommended p b{display: inline-block; font-size: 18px; font-weight: 600; line-height: 20px; letter-spacing: 0.02em; color: #272D38; margin-right: 6px;} ._320 .boxCreateComplete .boxConteudo div.recommended .campos{} ._320 .boxCreateComplete .boxConteudo div.recommended label.container input:checked + span.checkmark:before{} ._320 .boxCreateComplete .boxConteudo div.recommended label.container{} ._320 .boxCreateComplete .boxConteudo div.recommended label.container span.checkmark{} ._320 .boxCreateComplete .boxConteudo div.recommended label.container span.checkmark::before{} ._320 .boxCreateComplete .boxConteudo div.recommended label.container input{} ._320 .boxCreateComplete .boxConteudo div.recommended label.container b{font-size: 15px;} /* Button */ ._320 .boxCreateComplete .boxConteudo button{background: #1a1b1d; box-shadow: inset 0px -2px 4px #39475333, inset 0px 2px 4px #ffffff63, 0px 4px 6px 0px #8c8f963b;} ._1000 ._320 .boxCreateComplete .boxConteudo button::after{} ._320 .boxCreateComplete .boxConteudo button::before{} ._320 .boxCreateComplete .boxConteudo button b{} ._320 .boxCreateComplete .boxConteudo button b em{} /* Hover */ ._320 .boxCreateComplete .boxConteudo button:hover{} ._320 .boxCreateComplete .boxConteudo button:hover::before{} ._320 .boxCreateComplete .boxConteudo button:hover b em{} /* Bloqueado */ /* Box Conteudo */ ._320 .boxCreateComplete .boxConteudo.bloqueado .boxFormulario{} ._320 .boxCreateComplete .boxConteudo.bloqueado .boxImportant{} /* Photo */ ._320 .boxCreateComplete .boxConteudo.bloqueado div.photo .boxBotao span.comImg{} ._320 .boxCreateComplete .boxConteudo.bloqueado div.photo .boxBotao span.semImg{} ._320 .boxCreateComplete .boxConteudo.bloqueado div.photo ul li figure{} ._320 .boxCreateComplete .boxConteudo.bloqueado div.photo ul li figure img{} ._320 .boxCreateComplete .boxConteudo.bloqueado div.photo ul li span.botaoRemoverFoto{} /* Informations*/ ._320 .boxCreateComplete .boxConteudo.bloqueado div.informations{} /* Button */ ._320 .boxCreateComplete .boxConteudo.bloqueado button{} ._320 .boxCreateComplete .boxConteudo.bloqueado button b{} ._320 .boxCreateComplete .boxConteudo.bloqueado button b em{} /* Box Important */ ._320 .boxCreateComplete .boxConteudo .boxImportant{border: 1px dashed #cdd0d491; border-radius: 10px; background: #fff; box-shadow: 0px 2px 6px 0px #8c8f9624; padding: 25px 20px 20px;} ._320 .boxCreateComplete .boxConteudo .boxImportant::before{content: ''; display: block; position: absolute; width: 74px; height: 73px; background: url("../img/icons/stickerCamera.svg") no-repeat; background-size: contain; right: 10px; top: -28px;user-select: none; pointer-events: none;} ._320 .boxCreateComplete .boxConteudo .boxImportant::after{} ._320 .boxCreateComplete .boxConteudo .boxImportant h3{font-size: 18px; font-weight: 600; line-height: 20px; margin-bottom: 10px;} ._320 .boxCreateComplete .boxConteudo .boxImportant p{} ._320 .boxCreateComplete .boxConteudo .boxImportant ul{margin: 6px 0 10px 5px;} ._320 .boxCreateComplete .boxConteudo .boxImportant ul li{} ._320 .boxCreateComplete .boxConteudo .boxImportant ul li::before{} ._320 .boxCreateComplete .boxConteudo .boxImportant span{} ._320 .boxCreateComplete .boxConteudo .boxImportant span b{}