/* BARRA FLUTUANTE */ div.barraFlutuante {position: fixed; bottom: 0; left: 50%; transform: translate(-50%, 100%); width: 100%; height: 80px; background: #133031; box-shadow: 0 -2px 5px rgb(0 0 0 / 0%); transition: all 0.5s ease; z-index: 3;} ._flut div.barraFlutuante {transform: translate(-50%, 0%);box-shadow: 0 -2px 5px rgb(0 0 0 / 15%);transition: all 0.5s ease;} div.barraFlutuante .centro {width: 100%; max-width: 1390px; margin: 0 auto; position: relative; padding: 0 20px; z-index: 1;background: #022122;} div.barraFlutuante .centro .conteudo {display: flex;height: 80px;align-items: center;justify-content: space-between; width: 100%; max-width: 1248px; margin: 0 auto;position: relative;} div.barraFlutuante .centro .conteudo b.linhaProduto {display: flex; align-items: center; justify-content: flex-end;width: 96px; min-width: 96px; margin-right: 14px; padding-right: 12px;border-right: 1px solid #ffffff1f;font: 700 13px / 16px 'Manrope';letter-spacing: 0.03em;text-transform: uppercase;color: #0EAB4B; text-align: end;} div.barraFlutuante .centro .conteudo i {display: flex;align-items: baseline;gap:32px;} ._1000 div.barraFlutuante .centro .conteudo i {width: 60%;} ._1000 .potasil div.barraFlutuante .centro .conteudo i {align-items: center;} ._1000 .yogen div.barraFlutuante .centro .conteudo i {align-items: center;} div.barraFlutuante .centro .conteudo i em.logoProduto{display: flex;} div.barraFlutuante .centro .conteudo i p {font: 400 18px / 16px 'Manrope';letter-spacing: -0.01em;color: #fff;} div.barraFlutuante .centro .conteudo a.botaoFormulario:active, div.barraFlutuante .centro .conteudo a.botaoFormulario:link, div.barraFlutuante .centro .conteudo a.botaoFormulario:visited{display: flex ; align-items: center; width: max-content; color: #FFF; background: #0EAB4B; border-radius: 4px; box-shadow: 0px 2px 0px 0px #B2DB73, 0px -2px 0px 0px #B2DB73 inset; padding: 13px 28px 14px;gap:8px;transition: all 0.5s ease;height: 48px;} div.barraFlutuante .centro .conteudo a.botaoFormulario b{font-size: 18px; font-weight: 500; line-height: 21px; color: #FFF; transition: all 0.5s ease;} div.barraFlutuante .centro .conteudo a.botaoFormulario svg {width: 16px; min-width: 16px; height: 13px; transition: all 0.5s ease; pointer-events: none;} div.barraFlutuante .centro .conteudo a.botaoFormulario svg path{fill:#fff;} div.barraFlutuante .centro .conteudo a.botaoFormulario:hover {background: #20D867; box-shadow: 0px 2px 0px 0px #B2DB73, 0px -16px 28px -8px #B2DB73 inset;} div.barraFlutuante .centro .conteudo a.botaoFormulario:hover svg{transform: translateX(5px);} /* --- CSS ESPECIFICO --- */ /* --- BARRA FLUTUANTE --- */ /* FOSFATADOS */ .fosfatados div.barraFlutuante .centro .conteudo i {padding-bottom: 9px;} .fosfatados div.barraFlutuante .centro .conteudo i em.logoProduto svg{width: 112px; height: 34px;} .fosfatados div.barraFlutuante .centro .conteudo i em.logoProduto svg path.cor1{fill:#fff;} .fosfatados div.barraFlutuante .centro .conteudo i em.logoProduto svg path.cor2{fill:#B1B83E;} /* EKOSIL */ .ekosil div.barraFlutuante .centro .conteudo i em.logoProduto svg{width: 103px; height: 24px;padding-top: 4px;} .ekosil div.barraFlutuante .centro .conteudo i em.logoProduto svg path.cor1{fill:#fff;} .ekosil div.barraFlutuante .centro .conteudo i em.logoProduto svg path.cor2{fill:#CA3D3D;} /* POTASIL */ .potasil div.barraFlutuante .centro .conteudo i em.logoProduto svg{width: 112px; height: 34px;} .potasil div.barraFlutuante .centro .conteudo i em.logoProduto svg path.cor1{fill:#fff;} .potasil div.barraFlutuante .centro .conteudo i em.logoProduto svg path.cor2{fill:#E75E0C;} /* YOGEN */ .yogen div.barraFlutuante .centro .conteudo i em.logoProduto svg{width: 112px; height: 34px;} .yogen div.barraFlutuante .centro .conteudo i em.logoProduto svg path.cor1{fill:#7CB927;} .yogen div.barraFlutuante .centro .conteudo i em.logoProduto svg path.cor2{fill:#7CB927;} .yogen div.barraFlutuante .centro .conteudo i em.logoProduto svg path.cor3{fill:#fff;} /* MODAL FORMULARIO */ div.modalFormulario {width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background: #000000CC; z-index: 1000; overflow: clip; opacity: 0; visibility: hidden; transition: all 0.5s ease; pointer-events: none;} body.ativo div.modalFormulario {opacity: 1; visibility: visible; pointer-events: auto;} div.modalFormulario .centro {width: 100%; height: 100%; display: flex ; gap: 0; flex-direction: column; justify-content: flex-start; position: fixed; top: 0px; left: 50%; transform: translateX(-50%); z-index: 999; transition: all 0.5s ease; align-items: center; padding: 30px 20px;overflow-y: auto !important;} /* box botao */ div.modalFormulario .centro .boxBotao{width: 100%; max-width: 1038px; min-height: 28px;margin: 0px auto -3px;position: relative; z-index: 2;padding-right: 16px;} div.modalFormulario .centro .boxBotao .fecharModal{display: flex; width: 28px; height: 28px; border-radius: 2px; align-items: center; justify-content: center;background: #FFF; cursor: pointer;margin-left: auto;transition: all 0.5s ease;} div.modalFormulario .centro .boxBotao .fecharModal svg{width: 10px; height: 10px;} div.modalFormulario .centro .boxBotao .fecharModal svg path{fill:#252629; transition: all 0.5s ease;} div.modalFormulario .centro .boxBotao .fecharModal:hover{background: #D54040;} div.modalFormulario .centro .boxBotao .fecharModal:hover svg path{fill:#fff;} /* boxJanela */ div.modalFormulario .centro .boxJanela {display: flex; align-items: flex-start; justify-content: space-between; gap:40px; width: 100%; max-width: 1038px; height: auto; min-height: 596px; margin: 0px auto;background: #fff; border-radius: 8px; border-bottom: 6px solid #6D962F; overflow-x: hidden; position: relative; padding: 55px 60px 28px; z-index: 3;} div.modalFormulario .centro .boxJanela .esquerda {display: block; width: 223px; min-width: 223px;} div.modalFormulario .centro .boxJanela .esquerda b {display: block; font: 700 14px / 14px 'Manrope';letter-spacing: 0.04em;text-transform: uppercase;color: #178D45;position: relative; padding-bottom: 7px; margin-bottom: 26px; width: fit-content;} div.modalFormulario .centro .boxJanela .esquerda b::before{content: ''; display:block; position: absolute; width: calc(100% + 64px); right: -4px; bottom: 0; border-bottom: 2px solid #E3E7E8; } div.modalFormulario .centro .boxJanela .esquerda .logoProduto{display: flex;} div.modalFormulario .centro .boxJanela .esquerda figure {display: flex;} div.modalFormulario .centro .boxJanela .esquerda figure img {object-fit: contain; user-select: none;} div.modalFormulario .centro .boxJanela .direita {display: flex; width: 100%;max-width: 632px;} ._1000 div.modalFormulario .centro .boxJanela .direita {transform: translate(-20px, -21px);} ._1000 div.modalFormulario .centro .boxJanela .direita form{display: flex; flex-direction: column !important;} /* --- FORMULARIO RDSTATION --- */ ._1000 div.modalFormulario .centro .boxJanela .direita form .bricks-form__label{font: 500 16px / 18px 'Manrope' !important; color: #70797A !important;margin-bottom: 4px !important;} /* tamanho do form */ ._1000 div.modalFormulario .bricks--component.bricks--component-embeddable-form{width: 100% !important;max-width: 632px !important;} ._1000 div.modalFormulario .bricks--component.bricks-form.rd-form, ._1000 .bricks--row.rd-row{max-width: 632px !important;} /* divs do formulario */ ._1000 div.modalFormulario .bricks-form__fieldset {flex-flow: row !important;flex-wrap: wrap !important;gap: 9px 20px;} ._1000 div.modalFormulario .bricks-form__field:nth-of-type(1) {order: 1;width: 48% !important;} ._1000 div.modalFormulario .bricks-form__field:nth-of-type(2) {order: 6;width: 65% !important; max-width: 65%;} ._1000 div.modalFormulario .bricks-form__field:nth-of-type(3) {order: 2;width: 48% !important;} ._1000 div.modalFormulario .bricks-form__field:nth-of-type(4) {order: 3;width: 65% !important; max-width: 65%;} ._1000 div.modalFormulario .bricks-form__field:nth-of-type(5) {order: 4;width: 48% !important;} ._1000 div.modalFormulario .bricks-form__field:nth-of-type(6) {order: 5;width: 48% !important;} ._1000 div.modalFormulario .bricks-form__field:nth-of-type(7) {order: 7;width: 48% !important;} ._1000 div.modalFormulario .bricks-form__field:nth-of-type(8) {order: 8;width: 48% !important;} ._1000 div.modalFormulario .bricks-form__field.bricks-form__privacy {order: 9; width: 100%;} ._1000 div.modalFormulario .bricks-form__field.bricks-form__terms{order:10; width: 100%;} /* inputs */ ._1000 div.modalFormulario .centro .boxJanela .direita form .bricks-form__input{background-color: #EDF1F2 !important;cursor: auto; min-height: 44px !important; height: 44px !important; font: 400 16px / 16px 'Manrope' !important;} div.modalFormulario .centro .boxJanela .direita form .bricks-form__input:not(.phone){padding: 0 20px !important;} /* select */ ._1000 div.modalFormulario span.select2-chosen{display: flex !important; align-items: center; min-height: 44px !important; height: 44px !important; padding: 0px 0.5em !important; font: 400 16px / 16px 'Manrope' !important;} ._1000 div.modalFormulario .centro .boxJanela .direita form .select2-container .select2-choice{background:#EDF1F2 !important;cursor: pointer;min-height: 44px !important; height: 44px !important; font: 400 16px / 16px 'Manrope' !important;} div.modalFormulario .centro .boxJanela .direita form select.bricks-form__input{background-image: 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.1 9.78c.2.3.6.3.8 0l6-8.96c.24-.35 0-.82-.4-.82H.5C.1 0-.14.47.1.82l6 8.96Z'/%3E%3C/svg%3E"); background-size: 11px 9px; -webkit-appearance: none; background-repeat: no-repeat; cursor: pointer !important; background-position: calc(100% - 23px) calc(1em - -1px);} /* select bandeira */ div.modalFormulario .with-select-flags > .phone-input-group > .select2-container > .select2-choice > .select2-chosen > .flag{margin: 0px 0 0 1px !important;} div.modalFormulario .select2-results .select2-result-label{display: flex ; align-items: center; gap: 5px; font: 400 14px / 18px 'Manrope' !important;} /* select cidade */ div.modalFormulario .bricks-form__field .js-text.js-field-city_id span.select2-arrow{opacity: 0;} div.modalFormulario .bricks-form__field .js-text.js-field-city_id span.select2-chosen{padding-left: 20px !important;} /* privacidade */ ._1000 div.modalFormulario .bricks-form__field.bricks-form__privacy .bricks-form__field__option .bricks-form__label{display: flex !important; align-items: center; gap: 6px; margin: 12px 0 0 !important;} div.modalFormulario .bricks-form__field__option .bricks-form__label input[type="checkbox"]{position: relative;z-index: 2;cursor: pointer;} div.modalFormulario .bricks-form__field__option .bricks-form__label input[type="checkbox"]:checked::after{content: ''; display: block; position: absolute;width: calc(100% + 1px); height: calc(100% + 1px); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 13 13'%3E%3Cpath fill='%230EAB4B' d='M0 0h13v13H0V0Z'/%3E%3Cpath fill='%2386D5A5' d='M0 0h1v1H0V0ZM12 0h1v1h-1V0ZM0 12h1v1H0v-1ZM12 12h1v1h-1v-1Z'/%3E%3Cpath fill='%23fff' d='m11.23 3.404-5.132 6.843L2.29 7.073l1.28-1.537 2.192 1.826L9.63 2.205l1.6 1.2Z'/%3E%3C/svg%3E"); background-size: cover; background-repeat: no-repeat; pointer-events: none; user-select: none; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3;} /* termos */ ._1000 div.modalFormulario .bricks-form__field.bricks-form__terms{margin: 0px 0 24px !important;} ._1000 div.modalFormulario .bricks-form__field.bricks-form__terms p.bricks-form__static{font: 500 16px / 16px 'Manrope' !important; color: #70797A !important;} div.modalFormulario .bricks-form__field.bricks-form__terms p.bricks-form__static span a:active, div.modalFormulario .bricks-form__field.bricks-form__terms p.bricks-form__static span a:link, div.modalFormulario .bricks-form__field.bricks-form__terms p.bricks-form__static span a:visited, div.modalFormulario .bricks-form__field.bricks-form__terms p.bricks-form__static span a:any-link{color: #0d0d0d !important; transition: all 0.5s ease;} div.modalFormulario .bricks-form__field.bricks-form__terms p.bricks-form__static span a:hover{color: #178D45 !important; } /* button enviar */ ._1000 div.modalFormulario div.bricks-form__submit > button.bricks--component.bricks--component-button.rd-button{font: 500 18px / 21px 'Manrope' !important; margin-right: auto !important; margin-left: -5px !important; background: #0EAB4B !important; padding: 0 10px 2px !important; cursor: pointer !important; box-shadow: 0px 2px 0px 0px #003D40, 0px -2px 0px 0px #003D40 inset !important; transition: all 0.5s ease; height: 44px !important; display: flex !important ; align-items: center; justify-content: center; letter-spacing: 0.02em; position: relative; min-width: 140px;min-width: 150px; gap: 10px;} ._1000 div.modalFormulario div.bricks-form__submit > button.bricks--component.bricks--component-button.rd-button::after{content: ''; display: block; width: 16px; height: 13px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 13'%3E%3Cpath fill='%23fff' d='M15.744 5.893 9.966.25a.88.88 0 0 0-.62-.25.88.88 0 0 0-.618.25l-.525.512a.855.855 0 0 0 0 1.217l3.37 3.299H.865a.845.845 0 0 0-.864.84v.725c0 .472.382.879.864.879h10.748l-3.409 3.317a.833.833 0 0 0 0 1.2l.525.512a.88.88 0 0 0 .619.249.88.88 0 0 0 .62-.25l5.777-5.643A.84.84 0 0 0 16 6.5a.84.84 0 0 0-.256-.607Z'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat;transition: all 0.5s ease;transform: translateX(0px);} ._1000 div.modalFormulario div.bricks-form__submit > button.bricks--component.bricks--component-button.rd-button:hover{background: #003D40 !important; box-shadow: 0px 2px 0px 0px #0EAB4B, 0px -16px 28px -16px #0EAB4B inset !important;} ._1000 div.modalFormulario div.bricks-form__submit > button.bricks--component.bricks--component-button.rd-button:hover::after{transform: translateX(5px);} /* --- FIM FORMULARIO RDSTATION --- */ /* --- CSS ESPECIFICO --- */ /* --- MODAL FORMULARIO --- */ /* FOSFATADOS */ .fosfatados div.modalFormulario .centro .boxJanela .esquerda .logoProduto{margin-bottom: -2px;} .fosfatados div.modalFormulario .centro .boxJanela .esquerda .logoProduto svg{width: 155px;} .fosfatados div.modalFormulario .centro .boxJanela .esquerda .logoProduto svg path.cor1{fill:#3D4550;} .fosfatados div.modalFormulario .centro .boxJanela .esquerda .logoProduto svg path.cor2{fill:#B1B83E;} .fosfatados div.modalFormulario .centro .boxJanela .esquerda figure {width: 223px;height: 277px; margin-left: -16px;} /* EKOSIL */ .ekosil div.modalFormulario .centro .boxJanela .esquerda .logoProduto{margin-bottom: -2px;} .ekosil div.modalFormulario .centro .boxJanela .esquerda .logoProduto svg{width: 184px;} .ekosil div.modalFormulario .centro .boxJanela .esquerda .logoProduto svg path.cor1{fill:#185E2B;} .ekosil div.modalFormulario .centro .boxJanela .esquerda .logoProduto svg path.cor2{fill:#CA3D3D;} .ekosil div.modalFormulario .centro .boxJanela .esquerda figure { width: 223px;height: 277px;margin-left: -13px; margin-top: 4px;} /* POTASIL */ .potasil div.modalFormulario .centro .boxJanela .esquerda .logoProduto{margin-bottom: -2px;} .potasil div.modalFormulario .centro .boxJanela .esquerda .logoProduto svg{width: 181px;} .potasil div.modalFormulario .centro .boxJanela .esquerda .logoProduto svg path.cor1{fill:#185E2B;} .potasil div.modalFormulario .centro .boxJanela .esquerda .logoProduto svg path.cor2{fill:#E75E0C;} .potasil div.modalFormulario .centro .boxJanela .esquerda figure { width: 211px; height: 285px; margin-left: -13px;} /* YOGEN */ .yogen div.modalFormulario .centro .boxJanela .esquerda .logoProduto{margin-bottom: -2px;} .yogen div.modalFormulario .centro .boxJanela .esquerda .logoProduto svg{width: 180px;} .yogen div.modalFormulario .centro .boxJanela .esquerda .logoProduto svg path.cor1{fill:#7CB927;} .yogen div.modalFormulario .centro .boxJanela .esquerda .logoProduto svg path.cor2{fill:#7CB927;} .yogen div.modalFormulario .centro .boxJanela .esquerda .logoProduto svg path.cor3{fill:#0D4B24;} .yogen div.modalFormulario .centro .boxJanela .esquerda figure {width: 195px; height: 254px; margin-left: -14px;} /* BOX TOPO */ .boxTopo{display: flex; align-items: center; width: 100%; background: #000; height: 560px; max-height: 560px; min-height: 560px;z-index: 5;} .boxTopo .fundoVideo::after{content: ''; display: block; position: absolute; width: 100%; height: 100%; top:0; left: 0; background: #44621A; opacity: 0.6; user-select: none; z-index: 0; pointer-events: none;} ._1000 .boxTopo .centro{width: 100%;max-width: 1608px;padding: 94px 20px 0px 350px;margin: 0px auto;position: relative;z-index: 2;display: flex;} ._1000 .boxTopo .centro::after{content: ''; display: block; position: absolute; width: 49px; height: 57px;right: 200px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 49 57'%3E%3Cpath fill='%23fff' d='M13.75.01 13.47 0H4a4 4 0 0 0-4 4v.42A4 4 0 0 0 .53 6.4l12.12 21.18a4 4 0 0 0 .59.78c-.84 4.59.6 9.51 4.49 12.65l-.04.06-1.08 2.28a4 4 0 0 0-.4 1.73V53a4 4 0 0 0 4 4h7.97a4 4 0 0 0 4-4V42.5c2.44-1.26 4.5-3.3 5.74-5.95.46-.97.91-2.3 1.1-2.77a4.48 4.48 0 0 0 .3-1.85c.25-.56.35-1.1.38-1.46v-.02c.07-.84.3-2.58.3-4.03v-.13a4 4 0 0 0-.13-1c.07-.37.11-.8.06-1.26a42.9 42.9 0 0 0-.27-2.92 4 4 0 0 0 .46-.63l8.32-14.02A4 4 0 0 0 49 4.42V4a4 4 0 0 0-4-4h-9.58a4 4 0 0 0-3.36 1.83l-.14.23-5.4 9.75c-.3.54-.47 1.13-.5 1.72-.75.44-1.49.91-2.22 1.4L17 2.13A4 4 0 0 0 13.75 0Z'/%3E%3Cpath fill='%23DEE2E3' d='M21.52 19.17 13.47 4H4v.42l12.12 21.17a22.21 22.21 0 0 1 5.4-6.43M23.79 41.63c-.67-.11-.98-.24-1.75-.43 0 .07-1.34 2.87-1.83 3.88V53h7.97V41.53a10.7 10.7 0 0 1-4.39.1ZM30.01 13.74c1-.5 2.06-.91 3.03-1.46.41-.13.8-.29 1.2-.42.31.02.58.15.78.36.14.4.3.8.43 1.2.45 1.66.92 3.33 1.23 5.02L45 4.42V4h-9.58l-5.4 9.74ZM35.8 26.35c-2.64.95-5.24 2.01-7.88 2.97a.53.53 0 0 0-.26.23c-.72 1.47-1.36 2.88-2.08 4.4 3.31-1.13 6.6-2.36 9.91-3.53.15-.05.21-.14.22-.29.1-1.23.29-2.46.29-3.7v-.14l-.19.05M35.2 32.14c-3.5 1.22-6.95 2.5-10.43 3.73a.63.63 0 0 0-.3.28c-.54 1.05-.96 2.15-1.55 3.16l-.07.12.07.02a9.16 9.16 0 0 0 11.39-4.63c.39-.8.66-1.67.98-2.5.06-.15.04-.22-.1-.18ZM20.5 23.22c1.06 3.36 2.4 6.7 3.58 10.04.71-1.43 1.36-2.87 2.05-4.31a.53.53 0 0 0 .07-.36c0-.1 0-.2-.04-.31l-1.5-4.11c-.45-1.29-.91-2.55-1.38-3.84-.94.8-1.77 1.71-2.68 2.54-.12.11-.14.22-.12.35M21.49 38.76a249.1 249.1 0 0 0 1.53-3.24.4.4 0 0 0 0-.22c-1.1-3.58-2.53-7.12-3.8-10.67-3.62 4.41-2.78 11.26 2.27 14.11'/%3E%3Cpath fill='%23DEE2E3' d='M24.72 19.6c.87 2.33 1.64 4.68 2.56 6.98.84-1.99 1.82-3.88 2.73-5.85.29-.87 1.5-.84 1.63.09-.8 2.14-1.98 4.15-2.87 6.26l-.1.2.1-.07c2.36-.75 4.7-1.68 7.04-2.5.1-.05.17-.2.14-.3-.2-3.54-.9-7-1.89-10.41a44.2 44.2 0 0 0-9.2 5.09c-.13.08-.18.17-.14.3-.01.05 0 .12.02.2'/%3E%3C/svg%3E");background-size: contain; background-repeat: no-repeat;user-select: none;transition: all 0.5s ease;} .boxTopo .centro figure{position: absolute;} .boxTopo .centro figure img{user-select: none;} .boxTopo .centro .textoTopo{display: flex ; flex-direction: column; gap: 8px;} .boxTopo .centro .textoTopo .logoProduto{display: block;} .boxTopo .centro .textoTopo p{line-height: 22px;margin-bottom: 9px;} .boxTopo .centro .textoTopo a.botaoFormulario:active, .boxTopo .centro .textoTopo a.botaoFormulario:link, .boxTopo .centro .textoTopo a.botaoFormulario:visited{display: flex ; align-items: center; width: max-content; color: #FFF; background: #0EAB4B; border-radius: 4px; box-shadow: 0px 2px 0px 0px #B2DB73, 0px -2px 0px 0px #B2DB73 inset; padding: 13px 28px 14px;gap:8px;transition: all 0.5s ease;} .boxTopo .centro .textoTopo a.botaoFormulario b{font-size: 18px; font-weight: 500; line-height: 21px; color: #FFF; transition: all 0.5s ease;} .boxTopo .centro .textoTopo a.botaoFormulario svg{width: 16px; min-width: 16px; height: 13px; transition: all 0.5s ease; pointer-events: none;} .boxTopo .centro .textoTopo a.botaoFormulario svg path{fill:#fff;} .boxTopo .centro .textoTopo a.botaoFormulario:hover{background: #20D867; box-shadow: 0px 2px 0px 0px #B2DB73, 0px -16px 28px -8px #B2DB73 inset;} .boxTopo .centro .textoTopo a.botaoFormulario:hover svg{transform: translateX(5px);} /* --- CSS ESPECIFICO --- */ /* --- BOX TOPO --- */ /* FOSFATADOS */ ._1000 .fosfatados .boxTopo .centro::after{bottom: -200px;} .fosfatados .boxTopo .centro figure{left: -15px; top: 21px;} .fosfatados .boxTopo .centro .textoTopo .logoProduto svg{width: 185px;} .fosfatados .boxTopo .centro .textoTopo .logoProduto svg path.cor1{fill:#fff;} .fosfatados .boxTopo .centro .textoTopo .logoProduto svg path.cor2{fill:#B1B83E;} /* EKOSIL */ ._1000 .ekosil .boxTopo .centro::after{bottom: -209px;} .ekosil .boxTopo .centro figure{left: -14px; top: 10px;} .ekosil .boxTopo .centro .textoTopo .logoProduto svg { width: 193px; } .ekosil .boxTopo .centro .textoTopo .logoProduto svg path.cor1{fill:#fff;} .ekosil .boxTopo .centro .textoTopo .logoProduto svg path.cor2{fill:#CA3D3D;} /* POTASIL */ ._1000 .potasil .boxTopo .centro::after{bottom: -209px;} .potasil .boxTopo .centro figure{left: -14px; top: 10px;} .potasil .boxTopo .centro .textoTopo .logoProduto svg { width: 233px; } .potasil .boxTopo .centro .textoTopo .logoProduto svg path.cor1{fill:#fff;} .potasil .boxTopo .centro .textoTopo .logoProduto svg path.cor2{fill:#E75E0C;} /* YOGEN */ ._1000 .yogen .boxTopo .centro::after{bottom: -190px;} .yogen .boxTopo .centro figure{left: -14px; top: 54px;} .yogen .boxTopo .centro .textoTopo .logoProduto svg { width: 230px; } .yogen .boxTopo .centro .textoTopo .logoProduto svg path.cor1{fill:#7CB927;} .yogen .boxTopo .centro .textoTopo .logoProduto svg path.cor2{fill:#7CB927;} .yogen .boxTopo .centro .textoTopo .logoProduto svg path.cor3{fill:#fff;} /* SOBRE PRODUTO */ .sobreProduto{display: block; width: 100%; background: #EDF1F2;position: relative;transition: all 0.5s ease;overflow-x: clip;} .sobreProduto .centro{width: 100%; max-width: 1430px; margin: 0 auto; position: relative; padding: 0 20px 92px;z-index: 1;} ._1000 .sobreProduto .centro::before{content: ''; display: block; position: absolute; width: 340px; height: 240px; background: #fff; right: -279px; top: 0; user-select: none; pointer-events: none; z-index: -1;} /* boxSobre */ .sobreProduto .centro .boxSobre{display: flex; background: #fff;width: 100%; padding: 180px 450px 152px 20px;position: relative;z-index: 2; transition: all 0.5s ease;} .sobreProduto .centro .boxSobre span.texto {display: flex;width: 100%; max-width: 891px; flex-direction: column; align-items: flex-end;transition: all 0.5s ease;} .sobreProduto .centro .boxSobre span.texto h3{display: block;width: 100%; max-width: 791px;font: 700 14px / 14px 'Manrope';letter-spacing: 0.08em; text-transform: uppercase; color: #178D45;margin-bottom: 15px;} .sobreProduto .centro .boxSobre span.texto p{width: 100%; max-width: 791px;font: 400 20px / 32px 'Manrope';letter-spacing: -0.01em; color: #0D0D0D;} /* Video */ .sobreProduto .centro .boxSobre .video{width: 442px; min-width: 442px; box-shadow: 0px 4px 28px -6px #00000024; height: 248px; border-radius: 4px; position: absolute; top: 140px; right: -103px; overflow: clip;transition: all 0.5s ease;} .sobreProduto .centro .boxSobre .video .videoWrapper{position: relative;padding-bottom: 56.25%;height: 0;border-radius: 4px;transition: all 0.5s ease;} .sobreProduto .centro .boxSobre .video .videoWrapper.ativo{opacity: 1;visibility: visible;height: 100%;} .sobreProduto .centro .boxSobre .video .videoWrapper iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 4px;} .sobreProduto .centro .boxSobre .video .thumb{position: absolute;width: 100%;top: 0;left: 50%;transform: translateX(-50%);cursor: pointer;opacity: 1;visibility: visible;padding-bottom: 56.25%;height: 0px;transition: all 0.5s ease;border-radius: 8px;} .sobreProduto .centro .boxSobre .video .thumb::before{content: "";width: 62px;height: 62px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 22'%3E%3Cpath fill='%23FFF' d='M11 0C4.934 0 0 4.934 0 11s4.934 11 11 11 11-4.934 11-11S17.066 0 11 0Zm0 1.833A9.152 9.152 0 0 1 20.167 11 9.152 9.152 0 0 1 11 20.167 9.152 9.152 0 0 1 1.833 11 9.152 9.152 0 0 1 11 1.833ZM7.333 4.698v12.604l1.375-.802 8.25-4.698L18.333 11l-1.375-.802L8.708 5.5l-1.375-.802Zm1.834 3.151L14.638 11l-5.471 3.151V7.849Z'%3E%3C/path%3E%3Cpath fill='%23FFF' d='M9.167 7.849 14.638 11l-5.471 3.151V7.849Z'%3E%3C/path%3E%3C/svg%3E") no-repeat;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: all 0.5s ease;z-index: 1;} .sobreProduto .centro .boxSobre .video .thumb.ativo{opacity: 0; visibility: hidden;} .sobreProduto .centro .boxSobre .video .thumb img{background-color: #052122; top: 0;position: absolute;width: 100%;height: 100%; object-fit: cover;border-radius: 4px;transition: all 0.5s ease;filter: brightness(0.84);} /* Hover */ .sobreProduto .centro .boxSobre .video .thumb:hover img{filter: brightness(1);} /* certificacoes */ .sobreProduto .centro .certificacoes{display: flex;align-items: center;gap:40px; justify-content: space-between; width: 100%;position: relative; transition: all 0.5s ease;margin: 92px auto 0;} .sobreProduto .centro .certificacoes .esquerda{position: relative;} .sobreProduto .centro .certificacoes .esquerda h3{font: 700 14px / 14px 'Manrope';letter-spacing: 0.08em; text-transform: uppercase; color: #04A141;margin-bottom: 13px;} .sobreProduto .centro .certificacoes .esquerda p{display: block;font: 700 30px / 32px 'Manrope'; color: #0D0D0D; letter-spacing: -0.02em; padding-left: 28px;position: relative;} .sobreProduto .centro .certificacoes .esquerda p::before{content: ''; display: block;position: absolute; width: 18px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 14'%3E%3Cpath fill='%230EAB4B' d='M15.09.49a1.73 1.73 0 0 1 2.48.08c.6.67.57 1.7-.08 2.34L6.56 13.5l-.06.06a1.74 1.74 0 0 1-2.39-.1L.47 9.65.4 9.59a1.7 1.7 0 0 1-.19-.27 1.69 1.69 0 0 1 .32-2.07c.66-.62 1.7-.61 2.36 0l.06.07L5.4 9.88 15.1.48Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; user-select: none;left: 0; top:5px;} .sobreProduto .centro .certificacoes .direita{display: flex; gap: 20px; width: 100%; max-width: 1008px; padding: 28px 64px 22px; justify-content: space-between;background: #fff;align-items: center;box-shadow: 0 4px 29px -18px #00000040;} .sobreProduto .centro .certificacoes .direita figure{gap: 12px; min-width: 180px;width: 180px; display: flex; align-items: center;} .sobreProduto .centro .certificacoes .direita figure img{user-select: none;} .sobreProduto .centro .certificacoes .direita p{width: 100%; max-width: 636px; font: 400 18px / 28px 'Manrope'; color: #0D0D0D; letter-spacing: -0.01em;} /* --- CSS ESPECIFICO --- */ /* --- SOBRE PRODUTO --- */ /* FOSFATADOS */ /* EKOSIL */ /* POTASIL */ /* YOGEN */ .yogen .sobreProduto .centro { padding-bottom: 0; border-bottom: 3px solid #EEF1F2; } /* QUALIDADES */ section.qualidades {display: block; width: 100%; background: #fff;position: relative;transition: all 0.5s ease;} section.qualidades .centro {display: flex; justify-content: space-between; width: 100%; max-width: 1440px; margin: 0 auto; gap:20px; padding: 152px 20px;position: relative;z-index: 1;} ._1000 section.qualidades .centro::before{content: ''; display: block; position: absolute; width: 487px; height: 587px; bottom: 0; left: -91px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 487 582'%3E%3Cpath fill='url(%23a)' d='M208.11 180.2 112.5 0H0v4.93l143.96 251.53c15.96-29.91 38.4-54.58 64.15-76.42'/%3E%3Cpath fill='url(%23b)' d='M235.07 446.97c-7.98-1.35-11.6-2.84-20.78-5.09 0 .75-15.97 34.1-21.69 46.06V582h94.57V445.77c-16.87 4.04-34.18 4.34-52.1 1.2Z'/%3E%3Cpath fill='url(%23c)' d='M309 115.74c11.9-5.98 24.4-10.91 36-17.34 4.81-1.65 9.48-3.44 14.3-5.09a14 14 0 0 1 9.19 4.34c1.65 4.78 3.46 9.42 5.12 14.2 5.27 19.74 10.84 39.63 14.6 59.67L487 4.93V0H373.16L309 115.74Z'/%3E%3Cpath fill='url(%23d)' d='M377.74 265.43c-31.34 11.35-62.22 23.92-93.57 35.27a6.34 6.34 0 0 0-3.1 2.8c-8.56 17.48-16.24 34.23-24.8 52.3 39.4-13.51 78.52-28.06 117.78-42.02 1.77-.59 2.5-1.62 2.65-3.38 1.18-14.7 3.4-29.24 3.4-44.08v-1.62c-1.04.3-1.63.44-2.22.59'/%3E%3Cpath fill='url(%23e)' d='M370.5 334.2c-41.47 14.56-82.5 29.7-123.82 44.39-1.33.44-2.8 1.9-3.55 3.23-6.34 12.49-11.36 25.57-18.44 37.62l-.82 1.36.82.25c52.54 19.1 112.31-5 135.33-54.95 4.58-9.56 7.83-19.84 11.67-29.69.7-1.81.48-2.6-1.19-2.2Z'/%3E%3Cpath fill='url(%23f)' d='M195.9 228.25c12.7 39.98 28.5 79.65 42.66 119.33 8.41-17.05 16.09-34.1 24.35-51.29.74-1.47 1.03-2.79.74-4.26.15-1.17 0-2.35-.44-3.67-5.9-16.31-11.81-32.48-17.71-48.79a5626.89 5626.89 0 0 0-16.53-45.56c-11.07 9.56-20.96 20.28-31.73 30.13-1.48 1.32-1.78 2.65-1.48 4.12'/%3E%3Cpath fill='url(%23g)' d='M207.71 412.83c6.2-12.94 12.25-25.72 18.16-38.5.3-.74.3-1.62.14-2.5-13.13-42.62-30.1-84.65-45.16-126.82-43.1 52.46-33.06 133.72 26.86 167.67'/%3E%3Cpath fill='url(%23h)' d='M246.09 185.34c10.33 27.63 19.48 55.55 30.4 82.89 10.04-23.66 21.7-46.15 32.47-69.51 3.4-10.29 17.71-10 19.33 1.03-9.44 25.42-23.46 49.37-34.09 74.35l-1.24 2.3 1.24-.68c28.04-8.96 55.79-19.99 83.68-29.68 1.18-.6 1.92-2.5 1.63-3.68-2.36-42.03-10.78-83.17-22.44-123.58-38.52 16.16-75.71 35.56-109.36 60.4-1.48 1.02-2.07 2.05-1.62 3.52-.15.73 0 1.47.3 2.5'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='243.5' x2='243.5' y1='0' y2='582' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.2' stop-color='%23EDF1F2' stop-opacity='0'/%3E%3Cstop offset='.7' stop-color='%23EDF1F2'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='243.5' x2='243.5' y1='0' y2='582' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.2' stop-color='%23EDF1F2' stop-opacity='0'/%3E%3Cstop offset='.7' stop-color='%23EDF1F2'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='243.5' x2='243.5' y1='0' y2='582' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.2' stop-color='%23EDF1F2' stop-opacity='0'/%3E%3Cstop offset='.7' stop-color='%23EDF1F2'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='243.5' x2='243.5' y1='0' y2='582' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.2' stop-color='%23EDF1F2' stop-opacity='0'/%3E%3Cstop offset='.7' stop-color='%23EDF1F2'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' x1='243.5' x2='243.5' y1='0' y2='582' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.2' stop-color='%23EDF1F2' stop-opacity='0'/%3E%3Cstop offset='.7' stop-color='%23EDF1F2'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' x1='243.5' x2='243.5' y1='0' y2='582' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.2' stop-color='%23EDF1F2' stop-opacity='0'/%3E%3Cstop offset='.7' stop-color='%23EDF1F2'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='243.5' x2='243.5' y1='0' y2='582' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.2' stop-color='%23EDF1F2' stop-opacity='0'/%3E%3Cstop offset='.7' stop-color='%23EDF1F2'/%3E%3C/linearGradient%3E%3ClinearGradient id='h' x1='243.5' x2='243.5' y1='0' y2='582' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.2' stop-color='%23EDF1F2' stop-opacity='0'/%3E%3Cstop offset='.7' stop-color='%23EDF1F2'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");background-size: contain; background-repeat: no-repeat; background-position: bottom center;user-select: none; z-index: -1;} section.qualidades .centro h2 {display: block; width: 100%; max-width: 271px; font: 400 48px / 56px 'Manrope'; color: #0D0D0D; letter-spacing: -0.02em;} section.qualidades .centro h2 b {font-weight: 700;} section.qualidades .centro ul.lista {width: 100%; max-width: 1016px; padding-top: 8px; display: flex ; flex-direction: column; gap: 20px;} section.qualidades .centro ul.lista li {font: 400 18px / 28px 'Manrope'; color: #424747;padding-left: 30px; position: relative;} section.qualidades .centro ul.lista > li::before{content: ''; display: block; position: absolute; width: 16px; height: 24px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 24'%3E%3Cpath fill='url(%23a)' d='m8.75.32 6.94 7.22c.2.2.31.48.31.78 0 .29-.1.56-.3.77l-.64.66c-.2.2-.46.32-.74.32-.28 0-.56-.12-.76-.32L9.5 5.53v17.39c0 .6-.45 1.08-1.03 1.08h-.9C7 24 6.5 23.52 6.5 22.92V5.48L2.4 9.75a1.01 1.01 0 0 1-1.47 0L.3 9.09C.1 8.89 0 8.61 0 8.32c0-.3.1-.57.3-.78L7.26.32a1.03 1.03 0 0 1 1.5 0Z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='8' x2='8' y1='8.5' y2='20' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230EAB4B'/%3E%3Cstop offset='1' stop-color='%23258C4D' stop-opacity='.15'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");background-size: contain; background-repeat: no-repeat; user-select: none; left: 0; top:3px;} section.qualidades .centro ul.lista li b {font-weight: 700;} section.qualidades .centro ul.lista li ul.subLista {display: flex; flex-direction: column; gap:20px; margin: 20px 0 24px;} section.qualidades .centro ul.lista li ul.subLista li::before{content: '';display: block; position: absolute; width: 15px; height: 13px; top:8px; left: -1px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 12'%3E%3Cpath fill='%23424747' d='M12.57.42a1.41 1.41 0 0 1 2.07.07c.5.57.48 1.46-.07 2l-9.1 9.1-.05.04c-.27.24-.62.38-.98.37h-.07c-.36-.03-.7-.19-.94-.46L.39 8.27l-.05-.05a1.45 1.45 0 0 1-.15-.23c-.32-.57-.23-1.3.26-1.77a1.41 1.41 0 0 1 1.97 0l.05.05 2.03 2.2L12.57.42Z' opacity='.32'/%3E%3C/svg%3E");background-size: contain; background-repeat: no-repeat; user-select: none;} /* --- CSS ESPECIFICO --- */ /* --- QUALIDADES --- */ /* FOSFATADOS */ /* EKOSIL */ /* POTASIL */ /* YOGEN */ /* GARANTIAS E MATERIAIS */ section.garantiasMateriais {display: block; width: 100%; background: #EDF1F2;position: relative;transition: all 0.5s ease;} section.garantiasMateriais .centro {display: flex; flex-direction: column; gap:168px; width: 100%; max-width: 1440px; margin: 0 auto; padding: 164px 20px 148px;position: relative;z-index: 1;} section.garantiasMateriais .centro .garantias {display: flex;align-items: flex-start;gap:40px; justify-content: space-between; width: 100%;position: relative; transition: all 0.5s ease;} section.garantiasMateriais .centro .garantias .esquerda {} section.garantiasMateriais .centro .garantias .esquerda h3 {font: 700 14px / 14px 'Manrope'; letter-spacing: 0.08em; text-transform: uppercase; color: #04A141; margin-bottom: 8px;} section.garantiasMateriais .centro .garantias .esquerda p {display: block; width: 100%; max-width: 268px;min-width: 268px; font: 600 48px / 56px 'Manrope'; color: #0D0D0D;letter-spacing: -0.02em; } section.garantiasMateriais .centro .garantias .direita {display: flex; width: 100%; max-width: 1016px; justify-content: flex-start;} section.garantiasMateriais .centro .garantias .direita figure {} section.garantiasMateriais .centro .garantias .direita figure img {user-select: none;} section.garantiasMateriais .centro .materiais {display: flex;align-items: flex-start;gap:40px; justify-content: space-between; width: 100%;position: relative; transition: all 0.5s ease;} section.garantiasMateriais .centro .materiais .esquerda {} section.garantiasMateriais .centro .materiais .esquerda h3 {font: 700 14px / 14px 'Manrope'; letter-spacing: 0.08em; text-transform: uppercase; color: #04A141; margin-bottom: 4px;} section.garantiasMateriais .centro .materiais .esquerda p {display: block; width: 100%; max-width: 268px; font: 600 48px / 56px 'Manrope'; color: #0D0D0D; margin-bottom: 33px;} section.garantiasMateriais .centro .materiais a.btnEscuro:active, section.garantiasMateriais .centro .materiais a.btnEscuro:link, section.garantiasMateriais .centro .materiais a.btnEscuro:visited {display: flex ; align-items: center; justify-content: center; background: #0EAB4B; box-shadow: 0px 2px 0px 0px #003D40, 0px -2px 0px 0px #003D40 inset; border: initial; outline: initial; padding: 15px 24px 17px; border-radius: 4px; transition: all 0.5s ease; width: fit-content; gap: 16px;} section.garantiasMateriais .centro .materiais .esquerda a.btnEscuro:first-of-type{margin-bottom: 15px;} section.garantiasMateriais .centro .materiais a.btnEscuro b {font: 600 16px / 20px 'Manrope'; color: #fff; min-width: max-content;} section.garantiasMateriais .centro .materiais a.btnEscuro svg {width: 19px; transition: all 0.5s ease;} section.garantiasMateriais .centro .materiais a.btnEscuro svg path{fill:#fff;} ._1000 section.garantiasMateriais .centro .materiais a.btnEscuro:hover{background: #003D40; box-shadow: 0px 2px 0px 0px #0EAB4B, 0px -16px 28px -16px #0EAB4B inset;} ._1000 section.garantiasMateriais .centro .materiais a.btnEscuro:hover svg{transform: translateY(3px);} section.garantiasMateriais .centro .materiais .direita {display: block; width: 100%; max-width: 1016px;margin-top: 18px;} section.garantiasMateriais .centro .materiais .direita h4.titulo {display: block; width: 100%; font: 600 48px / 56px 'Manrope'; color: #0D0D0D; padding-right: 54px; margin-bottom: 32px; position: relative;} section.garantiasMateriais .centro .materiais .direita h4.titulo:nth-of-type(2){margin-top: 92px;} section.garantiasMateriais .centro .materiais .direita h4.titulo::before{content: ''; display: block; position: absolute; right: 0; top: 5px;width: 44px; height: 50px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 44 50'%3E%3Cpath fill='%23CAD4D7' d='M3.46 12.97a1.5 1.5 0 0 1 2.1-.46c.7.46.9 1.42.45 2.14A19.34 19.34 0 0 0 3.03 25c0 10.58 8.4 19.15 18.75 19.15 2.15 0 4.22-.37 6.13-1.05l.1-.03-1.62-1-.05-.04c-.58-.4-.76-1.2-.39-1.82a1.31 1.31 0 0 1 1.76-.5l.06.04 4.36 2.71c.6.37.81 1.16.48 1.8l-2.65 5.03c-.35.65-1.16.9-1.8.55a1.37 1.37 0 0 1-.54-1.84l1-1.87a21.36 21.36 0 0 1-6.84 1.11C9.75 47.24 0 37.3 0 25c0-4.43 1.27-8.56 3.46-12.03Z'/%3E%3Cpath fill='%23CAD4D7' d='M20.87 13.22c2.68-.12 5.3.8 7.38 2.56l-2.7 2.69a7.04 7.04 0 0 0-7.01-.8 7.44 7.44 0 0 0-3.3 2.84 7.97 7.97 0 0 0 .9 9.72 7.11 7.11 0 0 0 9.28.96 7.64 7.64 0 0 0 2.71-3.46c.42-1.07.61-2.22.55-3.37l3.14-3.12a12.03 12.03 0 0 1-1.51 10.23l2.86 3a1.97 1.97 0 0 1 0 2.7c-.35.37-.81.57-1.3.57-.48 0-.95-.2-1.3-.56l-2.85-3a10.65 10.65 0 0 1-14.81-1.95 11.91 11.91 0 0 1-2.6-7.95c.11-2.9 1.26-5.64 3.22-7.69a10.8 10.8 0 0 1 7.34-3.37Z'/%3E%3Cpath fill='%23CAD4D7' d='M14.04.71c.35-.66 1.16-.9 1.8-.55.64.36.89 1.18.54 1.84l-1 1.87a21.36 21.36 0 0 1 6.84-1.11C34.25 2.76 44 12.7 44 24.99c0 4.44-1.27 8.57-3.46 12.04a1.5 1.5 0 0 1-2.1.46c-.7-.46-.9-1.42-.45-2.14A19.34 19.34 0 0 0 40.97 25c0-10.57-8.4-19.14-18.75-19.14a18.38 18.38 0 0 0-6.23 1.08l1.62 1 .05.04c.58.4.76 1.2.39 1.82-.37.62-1.15.83-1.76.5l-.06-.04-4.36-2.71a1.37 1.37 0 0 1-.48-1.8L14.04.71Z'/%3E%3Cpath fill='%23CAD4D7' fill-rule='evenodd' d='M30.21 16.08a1.57 1.57 0 0 1 2.3.08c.56.64.53 1.62-.08 2.22L22.32 28.43l-.06.05c-.3.27-.68.42-1.08.41h-.08c-.4-.03-.77-.2-1.05-.5l-3.37-3.62-.05-.06a1.6 1.6 0 0 1-.16-.22l-.01-.03-.02-.03-.04-.08a1.58 1.58 0 0 1-.05-.13l-.02-.05-.02-.07a1.64 1.64 0 0 1-.03-.77v-.02l.03-.09v-.01l.02-.06.03-.07v-.02a1.27 1.27 0 0 1 .05-.1l-.01.02.08-.16v.02-.03l.02-.02.04-.06.04-.05.05-.06-.02.03.03-.04-.01.01.02-.02v-.01l.1-.1c.61-.59 1.57-.58 2.18.01l.06.06 2.26 2.43 8.96-8.9Zm-13.54 6.5.02-.03.06-.05a1.6 1.6 0 0 0-.08.07Z' clip-rule='evenodd'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; user-select: none;} section.garantiasMateriais .centro .materiais .direita ul.certificados {display: flex;flex-wrap: wrap;gap:16px 12px;justify-content: space-between;} section.garantiasMateriais .centro .materiais .direita ul.certificados li {display: flex; width: 100%;} section.garantiasMateriais .centro .materiais .direita ul.certificados span.espaco {display: flex; width: 32%; max-width: 328px;} section.garantiasMateriais .centro .materiais .direita ul.certificados li a:active, section.garantiasMateriais .centro .materiais .direita ul.certificados li a:link, section.garantiasMateriais .centro .materiais .direita ul.certificados li a:visited{display: flex;width: 100%; background: #fff; border-radius: 4px; padding: 17px 20px 19px 24px; justify-content: space-between; align-items: center;position: relative;z-index: 1;transition: all 0.5s ease;box-shadow: 0px 2px 0px 0px #b2db7300, 0px -2px 0px 0px #b2db7300 inset;} section.garantiasMateriais .centro .materiais .direita ul.certificados li a b {font: 600 16px / 20px 'Manrope';color:#424747;transition: all 0.5s ease;position: relative;z-index: 1;} section.garantiasMateriais .centro .materiais .direita ul.certificados li a svg{width: 19px;position: relative;z-index: 1;transition: all 0.5s ease;} section.garantiasMateriais .centro .materiais .direita ul.certificados li a svg path{fill:#424747; opacity: 0.32;transition: all 0.5s ease;} ._1000 section.garantiasMateriais .centro .materiais .direita ul.certificados li a:hover{background: #0EAB4B;box-shadow: 0px 2px 0px 0px #B2DB73, 0px -2px 0px 0px #B2DB73 inset;} ._1000 section.garantiasMateriais .centro .materiais .direita ul.certificados li a:hover b{color: #fff;} ._1000 section.garantiasMateriais .centro .materiais .direita ul.certificados li a:hover svg{transform: translateY(3px);} ._1000 section.garantiasMateriais .centro .materiais .direita ul.certificados li a:hover svg path{fill:#fff; opacity: 1;} /* --- CSS ESPECIFICO --- */ /* --- GARANTIAS E MATERIAIS --- */ /* FOSFATADOS */ .fosfatados section.garantiasMateriais .centro .materiais .direita ul.certificados li {display: flex; width: 32%; max-width: 328px;} /* EKOSIL */ /* POTASIL */ /* YOGEN */ .yogen section.garantiasMateriais .centro .materiais .direita {display: flex;gap: 20px; margin-top: 10px;} /* SEM FORM RD */ span.semForm{display: flex ; width: 100%; margin: 20px 0; padding: 40px 30px; background: #F2F4F5; border: 2px solid #E3E7E8; position: relative; gap: 40px; align-items: center;} span.semForm::before{content: ''; display: block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 74 56'%3E%3Cpath fill='%23C6C9CA' d='M6.96 8.223a1.22 1.22 0 0 0 0-2.432 1.22 1.22 0 0 0 0 2.432ZM60.898 55.342a1.682 1.682 0 0 0-.332-.469l-1.312-1.305h-4.772L56.925 56h4.134a1.671 1.671 0 0 0-.16-.658Z'/%3E%3Cpath fill='%23C6C9CA' fill-rule='evenodd' d='M71.557 3.59c0-.64-.521-1.158-1.164-1.158H3.607A1.16 1.16 0 0 0 2.443 3.59v7.992h69.114V3.59ZM63.503 56h7.82A2.67 2.67 0 0 0 74 53.336V2.664A2.67 2.67 0 0 0 71.324 0H2.676A2.67 2.67 0 0 0 0 2.664v50.672A2.67 2.67 0 0 0 2.676 56H56.925l-2.443-2.432H3.606a1.16 1.16 0 0 1-1.163-1.158V14.014h69.114V52.41c0 .64-.521 1.159-1.164 1.159H59.254l1.312 1.306A1.682 1.682 0 0 1 61.059 56h2.444Zm-10.01-22.21c0 3.043-.831 5.891-2.28 8.334l-1.418 2.027a16.555 16.555 0 0 1-2.386 2.376l-2.037 1.412a16.338 16.338 0 0 1-3.876 1.663c-.877.221-1.377.328-2.292.462a16.47 16.47 0 0 1-2.204.145c-9.109 0-16.493-7.35-16.493-16.418 0-9.067 7.384-16.418 16.493-16.418 9.109 0 16.493 7.35 16.493 16.418ZM11.635 7.008c0-.672.547-1.216 1.222-1.216h13.8c.675 0 1.222.544 1.222 1.216 0 .672-.547 1.216-1.222 1.216h-13.8a1.219 1.219 0 0 1-1.222-1.216ZM37 19.805c-7.76 0-14.05 6.262-14.05 13.986 0 7.724 6.29 13.985 14.05 13.985 7.76 0 14.05-6.261 14.05-13.985 0-7.724-6.29-13.986-14.05-13.986Zm-5.227 8.783a1.226 1.226 0 0 1 1.728 0L37 32.07l3.498-3.483a1.226 1.226 0 0 1 1.728 0 1.212 1.212 0 0 1 0 1.72l-3.5 3.483 3.5 3.484a1.212 1.212 0 0 1 0 1.72 1.226 1.226 0 0 1-1.728 0L37 35.51l-3.5 3.483a1.226 1.226 0 0 1-1.727 0 1.212 1.212 0 0 1 0-1.72l3.5-3.483-3.5-3.483a1.212 1.212 0 0 1 0-1.72Z' clip-rule='evenodd'/%3E%3C/svg%3E"); width: 74px;min-width: 74px; height: 56px; background-size: contain; background-repeat: no-repeat; user-select: none; pointer-events: none;} span.semForm p{display: block; font: 400 16px / 26px 'Manrope'; color: #424747; position: relative;} span.semForm p b{display: block; font: 700 18px / 28px 'Manrope';} ._320 span.semForm{gap: 20px; text-align: center;flex-direction: column; padding: 20px;} ._320 span.semForm::before{} ._320 span.semForm p{} ._320 span.semForm p b{} ._1000 footer .centro{padding-bottom: 110px;} @media (min-width: 1000px) and (max-width: 1680px) { ._1000 .boxTopo .centro::after{right: initial;left: 78%;} ._1000 .sobreProduto .centro::before{content: none;} .sobreProduto .centro .boxSobre{padding: 140px 500px 140px 20px;} .sobreProduto .centro .boxSobre .video{right: 20px;top:50%; transform: translateY(-50%);} } @media (min-width: 1000px) and (max-width: 1370px){ .boxTopo {height: 470px;min-height: 470px;} .boxTopo .centro{transform: scale(0.85);} ._1000 .boxTopo .centro::after{left: 93%;} .boxTopo .centro h2 { padding-top: 126px;} } @media (min-width: 1000px) and (max-width: 1450px){ div.barraFlutuante .centro{padding-right: 100px;} } @media (min-width: 1000px) and (max-width: 1300px){ .sobreProduto, section.qualidades, section.garantiasMateriais{zoom:0.85;}} /* MOBILE */ ._320 header .cabecalho{z-index: 40;} ._320 main{overflow: clip;} ._320 footer .centro{padding-bottom: 116px;} /* BARRA FLUTUANTE */ ._320 div.barraFlutuante {height: 97px; width: 100%; max-width: 440px; overflow-x: clip; left: 50%; transform: translate(-50%, 100%); transition: all 0.5s ease;} ._320 ._flut div.barraFlutuante {transform: translate(-50%, 0%); transition: all 0.5s ease;} ._320 div.barraFlutuante .centro { max-width: 440px; padding: 12px 15px 10px; height: 100%; } ._320 div.barraFlutuante .centro .conteudo {height: 100%;max-width: 320px;} ._320 div.barraFlutuante .centro .conteudo b.linhaProduto {position: absolute;bottom: 0;left: 0;font: 700 12px / 16px 'Manrope';margin: initial;} ._320 div.barraFlutuante .centro .conteudo i {padding: 0;flex-direction: row;gap: 3px;margin-bottom: auto;align-items: center;} ._320 div.barraFlutuante .centro .conteudo i em.logoProduto{width: 140px;} ._320 .fosfatados div.barraFlutuante .centro .conteudo i em.logoProduto svg{width: 90px;padding-bottom: 9px;} ._320 .ekosil div.barraFlutuante .centro .conteudo i em.logoProduto svg{width: 92px; padding-bottom: 2px; padding-top: 0;} ._320 .potasil div.barraFlutuante .centro .conteudo i em.logoProduto svg{width: 92px;} ._320 .yogen div.barraFlutuante .centro .conteudo i em.logoProduto svg{width: 92px; margin-left: -6px; margin-right: 26px; padding-top: 5px;} ._320 div.barraFlutuante .centro .conteudo i p {font-size: 12px;opacity: 0.8;max-width:184px;} ._320 div.barraFlutuante .centro .conteudo a.botaoFormulario:active, ._320 div.barraFlutuante .centro .conteudo a.botaoFormulario:link, ._320 div.barraFlutuante .centro .conteudo a.botaoFormulario:visited{padding: 8px 20px 10px;height: initial;position: absolute;bottom: 0px;right: 0;box-shadow: 0px -2px 0px 0px #B2DB73 inset;} ._320 div.barraFlutuante .centro .conteudo a.botaoFormulario b{font-size: 14px;line-height: 14px;} ._320 div.barraFlutuante .centro .conteudo a.botaoFormulario svg { width: 13px; min-width: 13px; height: auto; } /* MODAL FORMULARIO */ ._320 div.modalFormulario {} ._320 body.ativo div.modalFormulario {} ._320 div.modalFormulario .centro {scrollbar-width: none;gap:8px;} /* box botao */ ._320 div.modalFormulario .centro .boxBotao{max-width: 440px;padding-right: 0;} ._320 div.modalFormulario .centro .boxBotao .fecharModal{} ._320 div.modalFormulario .centro .boxBotao .fecharModal svg{} /* boxJanela */ ._320 div.modalFormulario .centro .boxJanela { flex-direction: column; height: initial; min-height: initial; overflow: initial; max-width: 440px; margin-top: initial; padding: 30px 20px 20px; border-radius: 2px; } ._320 div.modalFormulario .centro .boxJanela .esquerda { display: flex; flex-direction: column; width: 100%; padding-left: 100px; position: relative; } ._320 div.modalFormulario .centro .boxJanela .esquerda b { font-size: 13px; line-height: 16px; letter-spacing: 0.01em; margin-bottom: 10px; } ._320 div.modalFormulario .centro .boxJanela .esquerda b::before { } ._320 div.modalFormulario .centro .boxJanela .esquerda .logoProduto {margin: initial;} ._320 .fosfatados div.modalFormulario .centro .boxJanela .esquerda .logoProduto svg {width: 140px;} ._320 .ekosil div.modalFormulario .centro .boxJanela .esquerda .logoProduto svg {width: 129px; padding-top: 17px;} ._320 .potasil div.modalFormulario .centro .boxJanela .esquerda .logoProduto svg {width: 140px;padding-top: 19px;} ._320 .yogen div.modalFormulario .centro .boxJanela .esquerda .logoProduto svg {width: 130px; margin: 14px 0 -15px 0px;} ._320 div.modalFormulario .centro .boxJanela .esquerda figure { height: auto; position: absolute; } ._320 .fosfatados div.modalFormulario .centro .boxJanela .esquerda figure { width: 120px; left: 10px; top: -28px;} ._320 .ekosil div.modalFormulario .centro .boxJanela .esquerda figure {width: 112px; left: 7px; top: -33px;} ._320 .potasil div.modalFormulario .centro .boxJanela .esquerda figure { width: 116px; left: 7px; top: -29px;} ._320 .yogen div.modalFormulario .centro .boxJanela .esquerda figure {width: 105px; left: 0px; top: -19px;} ._320 div.modalFormulario .centro .boxJanela .direita {position: relative;flex-direction: column;} ._320 div.modalFormulario .centro .boxJanela .direita > div {width: 100%; } ._320 div.modalFormulario .centro .boxJanela .direita form { } /* --- FORMULARIO RDSTATION --- */ ._320 div.modalFormulario .bricks--column.rd-column > div{ padding-left: 0 !important;} ._320 div.modalFormulario .bricks--component.bricks--component-embeddable-form{ width: 100% !important; } ._320 div.modalFormulario .bricks-form__fieldset{gap:4px;} ._320 div.modalFormulario .centro .boxJanela .direita form .bricks-form__label{font: 500 14px / 16px 'Manrope' !important; color: #70797A !important;} ._320 div.modalFormulario .centro .boxJanela .direita form .bricks-form__input{background-color: #EDF1F2 !important;cursor: auto; min-height: 38px !important; height: 38px !important; font: 400 14px / 16px 'Manrope' !important;} ._320 span.select2-chosen{display: flex !important; align-items: center; min-height: 38px !important; height: 38px !important; padding: 0px 0.5em !important;font: 400 14px / 16px 'Manrope' !important;} ._320 div.modalFormulario .centro .boxJanela .direita form .select2-container .select2-choice{background:#EDF1F2 !important;cursor: pointer;min-height: 38px !important; height: 38px !important; font: 400 14px / 16px 'Manrope' !important;} ._320 div.modalFormulario .bricks-form__field.bricks-form__terms{margin-bottom: 15px !important;} ._320 div.modalFormulario .bricks-form__field.bricks-form__terms p.bricks-form__static{font: 500 14px / 18px 'Manrope' !important; color: #70797A !important;} ._320 div.modalFormulario div.bricks-form__submit > button.bricks--component.bricks--component-button.rd-button{font: 500 16px / 21px 'Manrope' !important; background: #0EAB4B !important; padding: 0 10px 2px !important; cursor: pointer !important; box-shadow: 0px 2px 0px 0px #003D40, 0px -2px 0px 0px #003D40 inset !important; transition: all 0.5s ease; height: 40px !important; display: flex !important ; align-items: center; justify-content: center; letter-spacing: 0.02em; position: relative; min-width: 140px;min-width: 130px; } /* Box Topo */ ._320 .boxTopo{height: 330px; min-height: initial;} ._320 .boxTopo .fundoVideo::after{} ._320 .boxTopo .centro{padding: 80px 20px 10px; display: flex; width: 100%; max-width: 370px;} ._320 .boxTopo .centro figure{ z-index: -1;} ._320 .fosfatados .boxTopo .centro figure{left: -20px; top: 70px; width: 210px;} ._320 .ekosil .boxTopo .centro figure{left: -22px; top: 69px; width: 196px;} ._320 .potasil .boxTopo .centro figure{left: -20px; top: 70px; width: 200px; } ._320 .yogen .boxTopo .centro figure{left: -33px; top: 50px; width: 170px;} ._320 .boxTopo .centro .textoTopo{align-items: flex-start; width: 100%; padding-left: 110px;} ._320 .ekosil .boxTopo .centro .textoTopo{padding-top: 14px;} ._320 .potasil .boxTopo .centro .textoTopo{padding-top: 16px;} ._320 .boxTopo .centro .textoTopo .logoProduto{display: flex;} ._320 .fosfatados .boxTopo .centro .textoTopo .logoProduto svg{width: 130px;} ._320 .ekosil .boxTopo .centro .textoTopo .logoProduto svg{width: 130px;} ._320 .potasil .boxTopo .centro .textoTopo .logoProduto svg{width: 150px;} ._320 .yogen .boxTopo .centro .textoTopo .logoProduto svg{width: 140px; margin-top: -1px; margin-bottom: -6px;} ._320 .boxTopo .centro .textoTopo p{display: block; width: 100%; max-width: 230px; text-align: left;} ._320 .boxTopo .centro .textoTopo a.botaoFormulario{padding: 12px 20px 14px;} ._320 .boxTopo .centro .textoTopo a.botaoFormulario b{font-size: 15px;} /* sobreProduto */ ._320 .sobreProduto{} ._320 .sobreProduto .centro{padding: 0 20px 60px;} /* boxSobre */ ._320 .sobreProduto .centro .boxSobre{width: calc(100% + 40px); flex-direction: column; padding: 60px 20px 0; margin: 0 -20px;} ._320 .sobreProduto .centro .boxSobre span.texto {} ._320 .sobreProduto .centro .boxSobre span.texto h3{font-size: 14px; text-align: center; margin-bottom: 25px;} ._320 .sobreProduto .centro .boxSobre span.texto p{font-size: 16px; line-height: 26px; text-align: center; margin-bottom: 50px;} /* Video */ ._320 .sobreProduto .centro .boxSobre .video{position: relative; top:initial; right: initial; width: calc(100% + 40px);min-width: initial;outline: initial;border-radius: 0px;margin: 0px -20px;height: auto;} ._320 .sobreProduto .centro .boxSobre .video .videoWrapper{} ._320 .sobreProduto .centro .boxSobre .video .videoWrapper.ativo{} ._320 .sobreProduto .centro .boxSobre .video .videoWrapper iframe{} ._320 .sobreProduto .centro .boxSobre .video .thumb{} ._320 .sobreProduto .centro .boxSobre .video .thumb::before{width: 80px;height: 80px;} ._320 .sobreProduto .centro .boxSobre .video .thumb.ativo{} ._320 .sobreProduto .centro .boxSobre .video .thumb img{border-radius: 0px;} /* certificacoes */ ._320 .sobreProduto .centro .certificacoes{flex-direction: column; margin: 50px auto 0; gap: 30px;} ._320 .sobreProduto .centro .certificacoes .esquerda{} ._320 .sobreProduto .centro .certificacoes .esquerda h3{text-align: center;} ._320 .sobreProduto .centro .certificacoes .esquerda p{font-size: 24px; line-height: 26px;} ._320 .sobreProduto .centro .certificacoes .esquerda p::before{} ._320 .sobreProduto .centro .certificacoes .direita{padding: 20px 20px 20px 30px; gap: 20px;} ._320 .sobreProduto .centro .certificacoes .direita figure{flex-direction: column; min-width: 80px; max-width: 80px;} ._320 .sobreProduto .centro .certificacoes .direita figure img{} ._320 .sobreProduto .centro .certificacoes .direita p{max-width: 240px;font-size: 15px; line-height: 26px;} @media (max-width: 390px) { ._320 .sobreProduto .centro .certificacoes .direita{ width: calc(100% + 20px); margin: 0 -10px; } } /* qualidades */ ._320 section.qualidades {} ._320 section.qualidades .centro {flex-direction: column; padding: 50px 20px 60px;} ._320 section.qualidades .centro h2 {max-width: initial; font-size: 24px; line-height: 32px; text-align: center; margin-bottom: 12px;} ._320 section.qualidades .centro h2 b {} ._320 section.qualidades .centro ul.lista {gap: 14px;padding-top: initial} ._320 section.qualidades .centro ul.lista li {font-size: 16px; line-height: 26px; padding-left: 28px;} ._320 section.qualidades .centro ul.lista > li::before{top: 3px;} ._320 section.qualidades .centro ul.lista li ul.subLista {margin: 8px 0;gap: 8px;} ._320 section.garantiasMateriais {} ._320 section.garantiasMateriais .centro {padding: 60px 20px; gap: 60px} ._320 section.garantiasMateriais .centro .garantias {flex-direction: column;gap: 20px;} ._320 section.garantiasMateriais .centro .garantias .esquerda {width: 100%;} ._320 section.garantiasMateriais .centro .garantias .esquerda h3 {text-align: center;margin-bottom: 4px;} ._320 section.garantiasMateriais .centro .garantias .esquerda p {max-width: initial; text-align: center; font-size: 24px; line-height: 32px;} ._320 section.garantiasMateriais .centro .garantias .direita {display: flex ; height: 210px; width: calc(100% + 40px); margin: 0 -20px;} ._320 .yogen section.garantiasMateriais .centro .garantias .direita { height: 310px; } ._320 section.garantiasMateriais .centro .garantias .direita figure {display: flex ; overflow-x: scroll; scrollbar-width: none; padding: 0 20px;} ._320 section.garantiasMateriais .centro .garantias .direita figure img {height: 100%; object-fit: contain; object-position: top left;} ._320 .fosfatados section.garantiasMateriais .centro .garantias .direita figure img { min-width: 830px;} ._320 .ekosil section.garantiasMateriais .centro .garantias .direita figure img { min-width: 550px;} ._320 .potasil section.garantiasMateriais .centro .garantias .direita figure img { min-width: 550px;} ._320 .yogen section.garantiasMateriais .centro .garantias .direita figure img { min-width: 880px;} ._320 section.garantiasMateriais .centro .materiais {flex-direction: column;} ._320 section.garantiasMateriais .centro .materiais .esquerda {width: 100%; display: flex ; flex-direction: column; align-items: center;} ._320 section.garantiasMateriais .centro .materiais .esquerda h3 {text-align: center;} ._320 section.garantiasMateriais .centro .materiais .esquerda p {max-width: initial; text-align: center; font-size: 24px; line-height: 32px;margin-bottom: 20px;} ._320 section.garantiasMateriais .centro .materiais a.btnEscuro:active, ._320 section.garantiasMateriais .centro .materiais a.btnEscuro:link, ._320 section.garantiasMateriais .centro .materiais a.btnEscuro:visited {} ._320 section.garantiasMateriais .centro .materiais a.btnEscuro:first-of-type{} ._320 section.garantiasMateriais .centro .materiais a.btnEscuro b {} ._320 section.garantiasMateriais .centro .materiais a.btnEscuro svg {} ._320 section.garantiasMateriais .centro .materiais a.btnEscuro svg path{} ._320 section.garantiasMateriais .centro .materiais a.btnEscuro:hover{} ._320 section.garantiasMateriais .centro .materiais .direita {} ._320 section.garantiasMateriais .centro .materiais .direita h4.titulo {max-width: initial; text-align: center; font-size: 24px; line-height: 32px; margin-bottom: 30px; padding: 0;} ._320 section.garantiasMateriais .centro .materiais .direita h4.titulo:nth-of-type(2){max-width: 320px; margin: 60px auto 20px;position: relative} ._320 section.garantiasMateriais .centro .materiais .direita h4.titulo::before{content: none;} ._320 section.garantiasMateriais .centro .materiais .direita h4.titulo::after{content: '';display: block; position: absolute; width: calc(100% + 40px);left: 50%; transform: translateX(-50%); height: 60pc; box-shadow: 0px 12px 24px -6px #473D3714;} ._320 section.garantiasMateriais .centro .materiais .direita ul.certificados {gap: 10px;} ._320 .fosfatados section.garantiasMateriais .centro .materiais .direita ul.certificados li {width: 48%; max-width: initial;} ._320 .fosfatados section.garantiasMateriais .centro .materiais .direita ul.certificados span.espaco {display: none;} ._320 section.garantiasMateriais .centro .materiais .direita ul.certificados li a:active, ._320 section.garantiasMateriais .centro .materiais .direita ul.certificados li a:link, ._320 section.garantiasMateriais .centro .materiais .direita ul.certificados li a:visited{padding: 15px 10px;} ._320 section.garantiasMateriais .centro .materiais .direita ul.certificados li a b {font-size: 14px; letter-spacing: -0.02em;} ._320 section.garantiasMateriais .centro .materiais .direita ul.certificados li a svg{width: 17px;} ._320 section.garantiasMateriais .centro .materiais .direita ul.certificados li a svg path{} /* YOGEN */ ._320 .yogen section.garantiasMateriais .centro .materiais {gap: 0;} ._320 .yogen section.garantiasMateriais .centro .materiais .direita {margin-top: 0; flex-direction: column; align-items: center; gap: 15px;} ._320 body._flut:not(.ativo) div#bricks-component-cKyEV2IvCnvct80ydN2DaA-wrapper, ._320 body._flut:not(.ativo) #bricks-component-cKyEV2IvCnvct80ydN2DaA-wrapper.rdstation-popup-position-center.floating-button.floating-button--close{bottom: 90px !important;}