a.botaoClaro:active, a.botaoClaro:visited, a.botaoClaro:link {background: #FFF;max-width: max-content;width: 100%;display: block;border-radius: 4px;padding: 19px 34px 20px;outline: 2px solid #E4E7E8;/* outline-offset: -2px; */box-shadow: 0px 8px 28px -4px #0D21224D, 0px 2px 0px 0px transparent, 0px -16px 28px -16px transparent inset;/* height: 56px; */margin: 0 auto;align-content: center;z-index: 2;position: relative;transition: all 0.4s ease;} a.botaoClaro:hover {background: #003D40;box-shadow:0px 8px 28px -4px transparent, 0px 2px 0px 0px #0EAB4B, 0px -16px 28px -16px #0EAB4B inset;outline: 2px solid transparent;/* outline-offset: 0; */} a.botaoClaro b {display: flex;align-items: center;gap: 18px;font: 600 18px/21px 'Manrope';color: #0C9E45;position: relative;transition: all 0.4s ease;} a.botaoClaro:hover b {color: #FFF;} a.botaoClaro b::after {/* position:absolute; */content:'';width:16px;min-width: 16px; height:13px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='13' fill='none'%3E%3Cpath fill='%230EAB4B' 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")no-repeat;/* top: 7px; *//* right: -31px; */transition:all 0.5s ease;} a.botaoClaro:hover b::after {transform:translateX(4px);background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='13' fill='none'%3E%3Cpath fill='%23ffffff' 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")no-repeat;} span.subtitulo{display: flex;align-items: center;gap: 9px;font-size: 14px;font-weight: 700;line-height: 19px;letter-spacing: 0.08em;text-transform: uppercase;color: #178D45;text-align: center;margin: 0 auto 17px;max-width: max-content;padding-left: 2px;} span.subtitulo::before{content: "";width: 20px;height: 19px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 19'%3E%3Cpath fill='%23178D45' d='M17.28 9.79A33.36 33.36 0 0 0 19.2.3C13.7.26 8.57 1.24 4.9 3.43c-6.05 2.81-6 11.97.3 14.46 6.05 2.21 10.19-2.38 12.06-8.11h.02Zm-6.84-7.3a31.5 31.5 0 0 1 7.45-.9A34.8 34.8 0 0 1 16.34 9c-.01.07-.1.16-.18.17-1.77-.1-3.57-.1-5.34-.23h-.08c1.22-1.17 2.56-2.24 3.71-3.48.15-.66-.62-1-1.05-.5-1.13 1.06-2.3 2.05-3.39 3.16.02-1.78.15-3.55.18-5.32h.02c.01-.06.01-.12.04-.14 0-.1.06-.15.18-.16v-.02ZM6.6 3.87c.83-.31 1.62-.7 2.45-.97-.04.97-.07 1.95-.12 2.91-.09 1.1 0 2.26-.18 3.35a.36.36 0 0 1-.15.22c-.85.78-1.66 1.57-2.52 2.33.12-2.54.14-5.11.33-7.66a.24.24 0 0 1 .18-.19h.01Zm-1.38.8c-.13 2.7-.14 5.43-.37 8.11l-.06.15-1.88 1.74c-2.57-3.26-1.28-8.04 2.3-10Zm8.53 9.42c-2.47 3.35-6.86 4.28-10.13 1.4.7-.53 1.29-1.17 1.96-1.75.08-.06.2-.1.27-.1 2.63.12 5.25.2 7.88.31.1.03.1.06.02.16v-.02Zm2.07-3.73c-.34.83-.8 1.59-1.2 2.38-.03.1-.1.14-.22.14-2.5-.1-5-.17-7.5-.32.88-.81 1.68-1.59 2.57-2.37a.47.47 0 0 1 .24-.09c2 .07 4 .07 6 .14h.16l-.04.1-.01.02Z'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; pointer-events: none;} h2.tituloPrincipal{width: 100%;font-size: 42px;font-weight: 400;line-height: 54px;letter-spacing: -0.01em;color: #0D0D0D;max-width: 980px;margin: 0 auto 14px;} h2.tituloPrincipal b{font-weight: 700;} /* Box Topo */ .boxTopo{display: flex; align-items: center; width: 100%;background: #000;height: 100vh;max-height: 800px;min-height: 500px} .boxTopo .centro{width: 100%;max-width: 1640px;padding: 0px 20px 0px;margin: 0px auto;position: relative;z-index: 2;} .boxTopo .centro h2{padding-top: 54px;transition: all 0.5s ease;} .boxTopo .centro p{margin-bottom: 24px;} .en .boxTopo .centro p{max-width: 660px;} .es .boxTopo .centro p{max-width: 760px;} .boxTopo .centro > a b{font-size: 20px;letter-spacing: 0.01em;} .boxTopo .centro > a:hover svg{transform: translateX(0px);} /* Box Produtos */ .boxSobre{background: #fff; transition: all 0.5s ease;} .boxSobre .centro{display: flex;flex-direction: column;align-items: center;width: 100%;max-width: 1640px;padding: 126px 20px 177px;margin: 0px auto;transform-origin: top center;transition: all 0.5s ease;} /* Sobre */ .boxSobre .centro .sobre{width: 100%;max-width: 1100px;transition: all 0.5s ease;margin: 0 auto;text-align: center;} .boxSobre .centro .sobre h2{} .boxSobre .centro .sobre p{font-size: 18px; font-weight: 400; line-height: 28px; letter-spacing: 0.01em; color: #70797A; margin: 0 auto 96px;} .boxSobre .centro ul{width: 100%; max-width: 1584px; display: flex; justify-content: space-between; gap: 46px; margin: 0 auto;} .boxSobre .centro ul li{display: flex; flex-direction: column; width: 100%; max-width: 304px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); box-shadow: 0px 4px 29px -18px #00000040; border-radius: 4px; padding: 56px 20px; position: relative; z-index: 1; justify-content: center;} ._1000 .boxSobre .centro ul li::before{content: ""; width: calc(100% + 16px); height: calc(100% + 15px); background: linear-gradient(0deg, rgba(255, 255, 255, 0) 80%, #FFFFFF 100%); box-shadow: 0px 4px 40px -15px #00000040; border-radius: 4px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; user-select: none;pointer-events: none;} .boxSobre .centro ul li em.icone{display: flex;align-items: center;justify-content: center;width: 155px;height: 96px;margin: 0px auto 29px;pointer-events: none;} .boxSobre .centro ul li:nth-of-type(1) em.icone svg{width: 116px;height: 92px;} .boxSobre .centro ul li:nth-of-type(2) em.icone svg{width: 155px; height: 105px; padding-bottom: 10px;} .boxSobre .centro ul li:nth-of-type(3) em.icone svg{width: 89px; height: 106px; padding-bottom: 6px;} .boxSobre .centro ul li:nth-of-type(4) em.icone svg{width: 107px;height: 98px;} .boxSobre .centro ul li:nth-of-type(5) em.icone svg{width: 96px;height: 96px;} .boxSobre .centro ul li span{display: inline-block;font-size: 66px;font-weight: 700;line-height: 60px;text-align: center;letter-spacing: -0.04em;color: #2A2725;background: linear-gradient(180deg, #0EAB4B 0%, #056344 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom: 17px;} .boxSobre .centro ul li span em{display: inline-block;font-size: 26px;font-weight: 700;line-height: 22px;letter-spacing: -0.05em;background: -webkit-linear-gradient(270deg, #7B451B 0%, #2A2725 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-left: -11px;} .boxSobre .centro ul li span b{display: block;font-size: 26px;font-weight: 700;line-height: 32px;letter-spacing: 0em;color: #0D0D0D;margin-top: -1px;-webkit-text-fill-color: #0D0D0D;} .boxSobre .centro ul li p{width: 100%;max-width: 163px;font-size: 16px;font-weight: 500;line-height: 22px;text-align: center;color: #70797A;margin: 0px auto;} .boxSobre .centro ul li:nth-of-type(2) p {max-width: 140px;} .boxSobre .centro ul li:nth-of-type(3) p {max-width: 201px;} .boxSobre .centro ul li:nth-of-type(4) p {max-width: 201px;} .boxSobre .centro ul li:nth-of-type(5) p {max-width: 140px;} /* solucoes */ /* FUNDO VIDEO */ .solucoes .fundoVideo{width: 100%;position: absolute;top: 0px;left: 0px;z-index: 0;height: 800px;box-shadow: 0px 4px 40px -15px #00000040;} .solucoes .fundoVideo::before {position: absolute;content: '';width: 100%;height: calc(100% + 20px);background: #3B53155C;top: 0;left: 0;z-index: 1;border-bottom: 20px solid #567071;} .solucoes .fundoVideo::after {position: absolute;content: '';width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0, 61, 64, 0) 65%, #05292B 100%);top: 0;left: 0;z-index: 2;border-bottom: solid 6px #0EAB4B;} .solucoes .fundoVideo video{position: absolute;width: 100%;height: 100%;transform: translate(-50%, -50%);top: 50%;left: 50%;object-fit: none;opacity: 1;} .solucoes {position: relative;padding: 0 20px;padding-bottom: 401px;} .solucoes .centro {padding: 64px 20px 100px;background: #FFF;max-width: 1736px;width: 100%;margin: 0 auto;border-radius: 6px;border: solid 2px #E5E9EA;border-top: none;position: relative;} .solucoes .lavoura {max-width: 1155px;width: 100%;margin: 0 auto;padding: 296px 0 298px;;text-align: center;position: relative;z-index: 2;} .solucoes .lavoura span {font: 600 16px / 14px 'Manrope'; letter-spacing: 0.085em; text-transform: uppercase; color: #FFF; display: block; margin-bottom: 12px; text-align: center;} .solucoes .lavoura h2 {font: 500 40px/44px 'Manrope';letter-spacing: -0.02em;color: #FFF;} .solucoes .centro h3 {font: 400 18px/28px 'Manrope';letter-spacing: 0.01em;color: #70797A;max-width: max-content;margin: 0 auto 72px;text-align: center;} .solucoes .centro ul.descricaoLinhas {display: flex;;gap: 48px 28px;justify-content: space-between;max-width: 1520px;margin: 0 auto 140px;padding: 0 20px;} .solucoes .centro ul.descricaoLinhas > span {display: flex; flex-direction: column; gap:48px;justify-content: space-between;} .solucoes .centro ul.descricaoLinhas li {width: 100%;max-width: 668px;padding-left: 50px;} .solucoes .centro ul.descricaoLinhas li h4 {font: 700 28px/28px 'Manrope';color: #0D0D0D;position: relative;margin-bottom: 16px;} .solucoes .centro ul.descricaoLinhas li h4::before {position:absolute;content:'';width:26px;height:26px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 26 25'%3E%3Cpath fill='%230EAB4B' d='M23.34 13.05A45.76 45.76 0 0 0 26 0C18.38-.07 11.29 1.28 6.2 4.3c-8.37 3.87-8.3 16.48.42 19.92 8.38 3.04 14.1-3.28 16.7-11.18l.02.01ZM13.87 3.01a43.81 43.81 0 0 1 10.31-1.26 47.74 47.74 0 0 1-2.14 10.23c-.01.1-.15.23-.25.24-2.45-.13-4.94-.14-7.4-.32l-.1.01c1.68-1.62 3.54-3.1 5.14-4.8.2-.91-.87-1.37-1.46-.7-1.56 1.46-3.17 2.83-4.69 4.36.03-2.45.2-4.89.25-7.32h.02c.02-.1.02-.17.06-.2 0-.14.09-.2.25-.22V3ZM8.57 4.9c1.15-.43 2.24-.96 3.39-1.33-.05 1.34-.1 2.68-.17 4.01-.12 1.52 0 3.11-.24 4.61a.5.5 0 0 1-.2.31c-1.18 1.07-2.3 2.16-3.5 3.2.17-3.5.2-7.04.46-10.54.03-.12.1-.23.24-.27h.03ZM6.66 6c-.17 3.73-.18 7.49-.5 11.18l-.08.2-2.61 2.4C-.1 15.28 1.69 8.71 6.66 6.01ZM18.47 19c-3.42 4.6-9.5 5.9-14.03 1.92.98-.73 1.79-1.6 2.72-2.4.11-.1.27-.16.37-.14 3.64.16 7.28.26 10.92.43.14.03.12.07.01.21l.01-.02Zm2.86-5.15c-.46 1.14-1.1 2.2-1.65 3.28-.05.14-.16.2-.31.19-3.47-.14-6.93-.23-10.4-.43 1.23-1.13 2.35-2.2 3.57-3.27a.65.65 0 0 1 .34-.12c2.77.1 5.54.09 8.31.19h.2l-.06.16Z'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; left: -50px;top: 0px;} .solucoes .centro ul.descricaoLinhas li p {font: 400 18px/28px 'Manrope';color: #70797A;letter-spacing: 0.01em;max-width: 620px;width: 100%;} .solucoes .centro ul.linhas {display: flex;justify-content: space-between;max-width: 1640px;width: 100%;margin: 0 auto;position: absolute;gap: 20px;padding: 0 20px;left: 50%;transform: translateX(-50%);} .solucoes .centro ul.linhas li {display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 376px;background: #F2F4F5; border-radius: 8px;position: relative; z-index: 1;} .solucoes .centro ul.linhas li::before{content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #FFF; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 1) 100%); z-index: 1; user-select: none; pointer-events: none;} .solucoes .centro ul.linhas li figure{display: block; margin-top: -40px;user-select: none;position: relative; z-index: 2;} .solucoes .centro ul.linhas li figure img{user-select: none;} .solucoes .centro ul.linhas li .logoProduto{display: flex ; margin: -11px auto 12px;position: relative; z-index: 2;} .solucoes .centro ul.linhas li.produtoYoorin .logoProduto svg{width: 162px; height: 47px; padding-right: 10px;} .solucoes .centro ul.linhas li.produtoYoorin .logoProduto svg path.cor1{fill:#3D4550;} .solucoes .centro ul.linhas li.produtoYoorin .logoProduto svg path.cor2{fill:#B1B83E;} .solucoes .centro ul.linhas li.produtoEkosil .logoProduto svg{width: 134px; height: 47px; padding-top: 20px;} .solucoes .centro ul.linhas li.produtoEkosil .logoProduto svg path.cor1{fill:#185E2B;} .solucoes .centro ul.linhas li.produtoEkosil .logoProduto svg path.cor2{fill:#CA3D3D;} .solucoes .centro ul.linhas li.produtoPotasil .logoProduto svg{width: 158px; height: 47px; padding-top: 20px;} .solucoes .centro ul.linhas li.produtoPotasil .logoProduto svg path.cor1{fill:#185E2B;} .solucoes .centro ul.linhas li.produtoPotasil .logoProduto svg path.cor2{fill:#E75E0C;} .solucoes .centro ul.linhas li.produtoFoliar .logoProduto{margin-bottom: 7px;} .solucoes .centro ul.linhas li.produtoFoliar .logoProduto svg{width: 158px; height: 52px;} .solucoes .centro ul.linhas li.produtoFoliar .logoProduto svg path.cor1, .solucoes .centro ul.linhas li.produtoFoliar .logoProduto svg path.cor2{fill:#7CB927;} .solucoes .centro ul.linhas li.produtoFoliar .logoProduto svg path.cor3{fill:#0D4B24;} .solucoes .centro ul.linhas li span {font: 800 15px / 12px 'Manrope'; letter-spacing: 0.12em; text-transform: uppercase; color: #0EAB4B; text-align: center; max-width: max-content; margin: 0 auto 40px; display: block; position: relative; z-index: 2; text-shadow: 0px 2px 0px #FFFFFF;} .solucoes .centro ul.linhas li a.botaoProduto:active, .solucoes .centro ul.linhas li a.botaoProduto:link, .solucoes .centro ul.linhas li a.botaoProduto:visited{display: flex ; align-items: center; width: max-content; color: #FFF; background: #0EAB4B; border-radius: 4px; gap: 16px; padding: 18px 32px 18px; box-shadow: 0px 2px 0px 0px #003D40, 0px -2px 0px 0px #003D40 inset; transition: all 0.5s ease; position: relative; z-index: 2;} .solucoes .centro ul.linhas li a.botaoProduto:hover{background: #003D40;box-shadow: 0px 2px 0px 0px #0EAB4B, 0px -16px 28px -16px #0EAB4B inset;} .solucoes .centro ul.linhas li a.botaoProduto b{font-size: 18px; font-weight: 500; line-height: 21px; color: #FFF;letter-spacing: 0.01em;} .solucoes .centro ul.linhas li a.botaoProduto svg{width: 16px; min-width: 16px; height: 13px; transition: all 0.5s ease;} .solucoes .centro ul.linhas li a.botaoProduto svg path{fill:#fff;} .solucoes .centro ul.linhas li a.botaoProduto:hover svg{transform: translateX(5px);} /* Box Reserva */ .boxReserva{background: #EDF1F2;background: linear-gradient(90deg, #EDF1F2 74.64%, #edf1f2cc 100%);backdrop-filter: blur(20px);} .boxReserva .centro{width: 100%;} .boxReserva .centro {width: 100%;max-width: 1920px;margin: 0px auto;display: flex;align-items: center;gap: 0px;flex-direction: row;} .boxReserva .centro .boxConteudo{width: 50%;position: relative;z-index: 3;padding: 30px;} .boxReserva .centro .boxConteudo .conteudo{width: 100%;max-width: 640px;margin: 0px auto;position: relative;z-index: 2;} .boxReserva .centro .boxConteudo .conteudo span{display: block;font-size: 14px;font-weight: 700;line-height: 14px;text-transform: uppercase;letter-spacing: 0.08em;color: #14823F;margin-bottom: 12px;} .boxReserva .centro .boxConteudo .conteudo h2{font-size: 44px;font-weight: 500;line-height: 44px;color: #0D0D0D;margin-bottom: 44px;} .boxReserva .centro .boxConteudo .conteudo h2 b{font-weight: 700;} .boxReserva .centro .boxConteudo .conteudo p{font-size: 18px;font-weight: 400;line-height: 28px;letter-spacing: 0.01em;color: #424747;margin-bottom: 44px;} .boxReserva .centro .boxConteudo .conteudo p b {font-weight:700;} .boxReserva .centro .boxConteudo .conteudo a:link, .boxReserva .centro .boxConteudo .conteudo a:active, .boxReserva .centro .boxConteudo .conteudo a:visited{gap: 8px;padding: 13px 36px 14px;box-shadow: 0px 2px 0px 0px #003D40, 0px -2px 0px 0px #003D40 inset;} .boxReserva .centro .boxConteudo .conteudo a:hover {background: #003D40;box-shadow: 0px 2px 0px 0px #0EAB4B, 0px -16px 28px -16px #0EAB4B inset;} .boxReserva .centro .boxConteudo .conteudo a b{font-size: 18px; font-weight: 600; line-height: 21px; color: #FFF;} .boxReserva .centro .boxConteudo .conteudo a svg{width: 16px; min-width: 16px; height: 13px; transition: all 0.5s ease;} .boxReserva .centro .boxConteudo .conteudo a svg path{fill:#fff;} /* Hover */ .boxReserva .centro .boxConteudo .conteudo a:hover svg{transform: translateX(5px);} .boxReserva .centro figure{width: 50%;min-height: 856px;height: 100%;z-index: 2;position: relative;} .boxReserva .centro figure.mobile{display: none;} .boxReserva .centro figure::before{content: "";width: 100%;height: 100%;opacity: 0.6;position: absolute;top: 0px;left: 0px;pointer-events: none;z-index: 2;} ._1000 .boxReserva .centro:nth-of-type(odd) figure::after{content: "";width: 100%;max-width: 287px;height: 100%;/* background: linear-gradient(90deg, #F7F4F0 0%, #F7F4F0CC 100%); */background: linear-gradient(90deg, #EDF1F2 40%, rgba(237, 241, 242, 0.7) 100%);backdrop-filter: blur(6px);position: absolute;top: 0px;left: -287px;pointer-events: none;z-index: 0;} ._1000 .boxReserva .centro:nth-of-type(even) figure::after{content: "";width: 100%;max-width: 287px;height: 100%;background: linear-gradient(270deg, #F7F4F0 40%, #F7F4F0CC 100%);backdrop-filter: blur(11px);position: absolute;top: 0px;right: -287px;pointer-events: none;z-index: 0;} .boxReserva .centro figure img{width: 100%;min-width: calc(100% + 287px);height: 100%;object-fit: cover;position: absolute;top: 0px;right: 0px;} .boxReserva .centro:nth-of-type(even) figure img{left: 50%;transform: translateX(-50%);} /* Box Compromisso Sustentavel */ .boxCompromissoSustentavel { } .boxCompromissoSustentavel .centro {width: 100%;max-width: 1640px;padding: 137px 20px 132px;margin: 0px auto;position:relative;} .boxCompromissoSustentavel .centro::before {position:absolute;content:'';width:455px;height:595px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='455' height='471' fill='none'%3E%3Cpath fill='url(%23a)' d='M440.165 448.338c2.567-.611 2.919.612 1.825 3.462-5.934 15.463-10.955 31.618-18.03 46.619-35.605 78.468-128.04 116.318-209.291 86.315l-1.263-.404 1.263-2.135c10.955-18.924 18.715-39.465 28.529-59.082 1.141-2.077 3.424-4.384 5.478-5.077 63.905-23.079 127.355-46.85 191.489-69.698Zm-293.281-140.09c23.28 66.237 49.527 132.243 69.84 199.172.228 1.384.227 2.769-.229 3.923-7.988 17.569-16.151 35.138-24.489 52.861l-3.584 7.375C95.759 518.267 80.239 390.64 146.884 308.248ZM455 341.713c0 23.309-3.423 46.157-5.249 69.236-.228 2.77-1.37 4.386-4.108 5.309-60.711 21.925-121.193 44.773-182.131 66.006 13.237-28.387 25.105-54.698 38.342-82.161.913-1.847 2.968-3.693 4.793-4.385 46.969-17.271 93.258-36.34 140.161-53.714l4.768-1.906a93.958 93.958 0 0 0 3.424-.924v2.539ZM221.288 228.164c8.673 24.002 17.117 47.543 25.562 71.545 9.129 25.618 18.259 51.004 27.388 76.622.685 2.077.913 3.923.685 5.77.456 2.307 0 4.385-1.141 6.693-12.781 27.002-24.65 53.774-37.659 80.546-21.226-60.366-44.807-120.732-64.105-181.518l-2.082-5.884c-.457-2.307-.001-4.384 2.282-6.461 16.661-15.463 31.953-32.312 49.07-47.313ZM13.01 341.8c-1.094-2.85-.742-4.073 1.825-3.462 24.73 8.81 49.36 17.758 73.952 26.751-10.177 30.93-13.537 58.179-13.082 81.521-18.677-15.387-34.15-35.017-44.665-58.191-7.075-15.001-12.096-31.156-18.03-46.619ZM419.396 110c18.03 63.467 31.039 128.088 34.691 194.094.456 1.846-.685 4.846-2.511 5.769-43.136 15.232-86.044 32.542-129.409 46.62l-1.924 1.065 1.924-3.604c16.433-39.234 38.116-76.852 52.723-116.779-2.511-17.309-24.649-17.77-29.899-1.615-16.661 36.695-34.692 72.006-50.212 109.163-16.361-41.586-30.152-84.038-45.523-126.097l-1.036-4.299c-.457-1.615-.685-2.77-.457-3.923-.685-2.308.228-3.924 2.51-5.54 52.038-39.003 109.553-69.467 169.123-94.854ZM0 229.174c1.598.461 2.51.693 3.424.924l4.768 1.906C49.54 247.32 90.411 263.952 131.69 279.51c-9 12.811-17.319 26.609-24.69 41.49a362.06 362.06 0 0 0-8.286 17.925c-29.784-10.912-59.543-21.9-89.357-32.667-2.738-.923-3.88-2.539-4.108-5.309C3.423 277.87 0 255.022 0 231.713v-2.539ZM35.605 0c59.569 25.387 117.084 55.851 169.122 94.855 2.282 1.615 3.195 3.23 2.51 5.539.228 1.153 0 2.308-.457 3.923l-1.036 4.299c-15.371 42.059-29.162 84.511-45.523 126.097-15.52-37.157-33.551-72.468-50.212-109.163-5.25-16.155-27.388-15.694-29.899 1.615 14.607 39.927 36.29 77.545 52.723 116.779l1.924 3.604-1.924-1.065c-43.364-14.078-86.273-31.387-129.41-46.619-1.825-.923-2.966-3.924-2.51-5.77C4.565 128.088 17.574 63.467 35.605 0Zm198.107 118.164c13.699 12.005 26.23 25.191 39.227 37.905-21.615 12.993-45.948 28.707-70 48.233 1.737-4.858 3.475-9.721 5.211-14.593 8.445-24.002 16.889-47.543 25.562-71.545Z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='203.583' x2='203.583' y1='-180.968' y2='723.179' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F1F3F3' stop-opacity='.5'/%3E%3Cstop offset='.7' stop-color='%23F1F3F3'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")no-repeat;right: 164px;bottom: -133px;z-index: -1;} .boxCompromissoSustentavel .centro svg {width: 42px;height: 51px;margin: 0 auto 15px;display: block;} .boxCompromissoSustentavel .centro h2 {font: 400 40px/48px 'Manrope';letter-spacing: 0;text-align: center;margin: 0 auto 16px;max-width: 834px;} .boxCompromissoSustentavel .centro p {font: 400 18px/32px 'Manrope';color: #70797A;letter-spacing: 0.01em;max-width: 927px;width: 100%;margin: 0 auto 32px;text-align: center;} .boxCompromissoSustentavel .centro p b {font-weight: 700;} .programa3s {position: relative;min-height: 800px;padding: 142px 0 10px 80px;} .programa3s .fundoVideo {user-select: none;/* height: 800px; */} .programa3s .fundoVideo::before {position:absolute;content:'';width:100%;height:100%;background: linear-gradient(180deg, rgba(28, 88, 23, 0) 60.07%, rgba(28, 88, 23, 0.770747) 85.74%, rgba(28, 88, 23, 0.909998) 93.27%, #1C5817 100%);z-index: 1;opacity: 0.6;} .programa3s .fundoVideo video {opacity: 1;} .programa3s .centro {max-width: 951px;width: 100%;justify-self: right;position: relative;background: linear-gradient(90deg, rgba(0, 61, 64, 0.8) 0%, #003D40 20%, #09282A 100%);z-index: 2;padding: 77px 20px 100px 124px;border-radius: 8px 0 0 8px;} .programa3s .centro::before {/* z-index: -1; */position:absolute;content:'';width:100%;height:100%;/* background: linear-gradient(90deg, rgba(0, 61, 64, 0.8) 0%, #003D40 20%, #09282A 100%); */left: 0;top: 0;backdrop-filter: blur(11px);/* filter: blur(15px); */z-index: 0;border-radius: 18px 0 0 8px;} .programa3s .centro .subTitulo {font: 700 14px/14px 'Manrope';letter-spacing: 0.08em;text-transform: uppercase;color: #0EAB4B;position: relative;margin-bottom: 10px;display: block;} .programa3s .centro figure {position: relative;margin-bottom: 33px;} .programa3s .centro figure img { } .programa3s .centro p {font: 400 18px/28px 'Manrope';letter-spacing: 0.01em;color: #FFF;position: relative;margin-bottom: 39px;max-width: 601px;} .programa3s .centro a:link, .programa3s .centro a:active, .programa3s .centro a:visited{position: relative;display: flex;align-items: center;gap: 18px;width: max-content;color: #FFF;background: #0EAB4B;border-radius: 4px;box-shadow: 0px 2px 0px 0px #B2DB73, 0px -2px 0px 0px #B2DB73 inset;padding: 16px 28px 19px;transition: all 0.5s ease;} .programa3s .centro a:hover {background: #16c85b;box-shadow: 0px 2px 0px 0px #B2DB73, 0px -2px 0px 0px #B2DB73 inset;} .programa3s .centro a b{display: flex;align-items: center;gap: 16px;font-size: 18px;font-weight: 600;line-height: 21px;color: #FFF;position:relative;} .programa3s .centro a b::after {/* position:absolute; */content:'';width:16px;height:13px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='13' fill='none'%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")no-repeat;/* top: 5px; *//* right: -31px; */transition:all 0.5s ease;} .programa3s .centro a:hover b::after {transform:translateX(4px)} .sustentabilidade {position:relative;} .sustentabilidade .centro {padding: 143px 20px 0;position: relative;margin-bottom: -10px;} .sustentabilidade .centro::Before {position:absolute;content:'';width:2px;height:111px;background:#E4E7E8;top: 0;left: 50%;transform: translateX(-50%);} .sustentabilidade .centro h2 {font: 400 42px/54px 'Manrope';letter-spacing: -0.01em;text-align: center;color: #0D0D0D;max-width: max-content;width: 100%;margin: 0 auto;} .sustentabilidade .centro h2 b {font-weight:700;} .sustentabilidade .centro h3 {font: 400 25px/29px 'Manrope';text-align: center;color: #0D0D0D;max-width: max-content;width: 100%;margin: 0 auto 25px;} .sustentabilidade .centro h3 b {position:relative;font-weight: 600;} .sustentabilidade .centro h3 b::before {position:absolute;content:'';width:100%;height:3px;background:#0EAB4B;bottom: 0;} .sustentabilidade .centro p {font: 400 18px/28px 'Manrope';letter-spacing: 0.01em;text-align: center;color: #70797A;max-width: 813px;width: 100%;margin: 0 auto 125px;} .sustentabilidade .centro a { } .sustentabilidade .centro a::before {position:absolute;content:'';width:2px;height: 92px;background:#E4E7E8;top: -92px;left: 50%;transform: translateX(-50%);} .sustentabilidade .esgBanner {position: relative;width: 100%;min-height: 498px;height: 100%;} @keyframes fade { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } } .sustentabilidade .esgBanner .splideFotos { display: flex;; position: absolute; top: 0px; left: 0px; height: 100%; transition: 0.5s; } .sustentabilidade .esgBanner .splideFotos::after {position:absolute;content:'';width:100%;height:88px;background: linear-gradient(180deg, #001518 0%, rgba(0, 21, 24, 0) 100%);top: 0;left: 0;z-index: 1;opacity:0.52;} .sustentabilidade .esgBanner .splideFotos figure {min-width: max-content;height: 100%;animation: 120s linear 0s infinite normal forwards running fade;margin-right: 4px;} .sustentabilidade .esgBanner .splideFotos figure img { width: 100%; height: 100%; } .solucoes, .boxReserva, .boxCompromissoSustentavel, .programa3s, .sustentabilidade .centro{zoom: 1; transition: all 0.5s ease;} @media (min-width: 1000px) and (max-width: 1800px) { ._1000 .boxTopo > .centro{padding-left: 66px;} ._1000 .boxApresentacao .centro .boxConteudo::after{right: -120px;} ._1000 .boxApresentacao .centro .splidePrincipal { width: calc(100% - 205px);} ._1000 .boxSobre .centro .anos{width: calc(100% - 798px);min-width: 454px;} ._1000 .boxSobre .centro .anos.mobile{display: none;} ._1000 .boxApresentacao .centro .boxConteudo a:link, ._1000 .boxApresentacao .centro .boxConteudo a:active, ._1000 .boxApresentacao .centro .boxConteudo a:visited{padding: 18px 30px 20px} ._1000 .es .boxApresentacao .centro .boxConteudo a:link, ._1000 .es .boxApresentacao .centro .boxConteudo a:active, ._1000 .es .boxApresentacao .centro .boxConteudo a:visited{padding: 18px 20px 20px} ._1000 .boxApresentacao .centro .boxConteudo a b{font-size: 16px;} ._1000 a.botaoCTA svg{width: 20px; min-width: 20px; height: 20px;}} @media (min-width: 1000px) and (max-width: 1600px){ ._1000 .boxSobre .centro {padding-right: 30px;} ._1000 .boxMercado .centro .boxVideo{height: 386px;}} @media (min-width: 1371px) and (max-width: 1500px){ ._1000 .boxSobre .centro .anos div p { width: 100%; max-width: 186px; min-width: 180px;flex-direction: column;transition: all 0.5s ease;}} @media (min-width: 1000px) and (max-width: 1370px){ ._1000 .boxTopo {max-height: 615px;} ._1000 .boxTopo .centro{transform: scale(0.85);} ._1000 .boxJanelaVideo .centro { padding: 0px 0px 0px !important;} ._1000 .boxTopo .centro h2 { padding-top: 126px;} ._1000 .boxMercado .centro{transform: scale(0.9);padding: 100px 20px 50px 0px;margin-right: -50px;} ._1000 .boxMercado .centro .boxVideo{margin-left: -140px;} ._1000 .boxMercado .centro .boxConteudo{min-width: 558px;} ._1000 .boxSobre{margin-bottom: -68px;background-position-y: calc(100% - 68px);} ._1000 .boxSobre .centro{display: flex;gap: 40px;transform: scale(0.9);padding: 101px 0px 146px;margin: 0 -10px 0px;width: calc(100% + 20px);justify-content: space-around;} ._1000 .boxSobre .centro .anos {min-width: 220px; max-width: 340px;display: flex ; flex-direction: column; align-items: center; gap:14px; transition: all 0.5s ease;} ._1000 .boxSobre .centro .anos div{display: flex; justify-content: space-between; flex-direction: column-reverse;} ._1000 .boxSobre .centro .anos div p {width: 100%;flex-direction: column; max-width: 240px; min-width: 200px; font-size: 18px; text-transform: uppercase; text-align: center; letter-spacing: 0.22em; margin-bottom: initial; margin-top: 20px;} ._1000 .boxSobre .centro .anos div p b em{display: none;} ._1000 .boxSobre .centro .anos > figure{margin: initial;max-width: 340px; border: 0px;height: 190px;} ._1000 .boxApresentacao .centro .boxConteudo{transform: scale(0.9);min-width: 520px;padding: 43px 28px 50px;margin-right: -26px;} ._1000 .boxApresentacao .centro .boxConteudo::after { right: -160px; } ._1000 .boxApresentacao .centro .splidePrincipal {width: calc(100% - 180px); top: 0; right: -258px;} ._1000 .boxApresentacao .centro .splidePrincipal div.splide__track { height: 100%; min-height: 462px; } ._1000 .boxApresentacao .centro .splidePrincipal div.splide__track ul li figure {height: 502px; } ._1000 .boxApresentacao .splideSecundario div.splide__track ul li figure { max-width: 206px; height: 96px; transition: all 0.5s ease;} ._1000 .boxSobre .centro .sobre{zoom:0.8;} ._1000 .boxSobre .centro .sobre span.subtitulo{zoom:1.2;} ._1000 .boxSobre .centro ul { min-width: 610px !important; gap:20px;} ._1000 .boxSobre .centro ul li::before{content: none;} /*._1000 .boxSobre .centro ul{max-width: 550px;flex-direction: column;} ._1000 .boxSobre .centro ul li{width: 100%;max-width: initial;padding: 20px 20px 20px;} ._1000 .boxSobre .centro ul li figure{position: absolute;top: 50%;left: 40px;transform: translateY(-50%);} ._1000 .boxSobre .centro ul li span{display: flex;align-items: baseline;gap: 12px;text-align: left;margin-left: 182px;} ._1000 .boxSobre .centro ul li p{max-width: 311px;text-align: left;margin: 0px 0px 0px 182px;}*/ } @media (min-width: 1000px) and (max-width: 1280px) { ._1000 .boxSobre .centro{display: flex;gap: 0px;padding: 81px 0px 106px;margin: 0 -30px 0px;width: calc(100% + 60px);justify-content: space-around;} ._1000 .boxSobre .centro ul{zoom:0.9;} ._1000 .solucoes, ._1000 .boxReserva, ._1000 .boxCompromissoSustentavel, ._1000 .programa3s, ._1000 .sustentabilidade .centro{zoom: 0.85;} } ._1000 main section, ._320 main section{width: 100%; position: relative; overflow-x: clip;} /* MOBILE */ /* Botao CTA */ ._320 a.botaoCTA:link, ._320 a.botaoCTA:active, ._320 a.botaoCTA:visited{gap: 12px;padding: 14px 26px 15px;margin: 0px auto;} ._320 a.botaoCTA b{width: 100%;/* max-width: 167px; */font-size: 16px;line-height: 21px;} ._320 a.botaoCTA svg{width: 18px;height: 18px;} ._320 span.subtitulo{font-size: 14px;justify-content: center;margin-bottom: 35px;} ._320 span.subtitulo::before{opacity: 1;} ._320 h2.tituloPrincipal{font-size: 24px;line-height: 32px;text-align: center;margin-bottom: 24px;} ._320 .boxTopo .centro p{margin-bottom: 18px;} /* Box Topo */ ._320 .boxTopo{height: 404px; min-height: initial;} ._320 .boxTopo .centro h2{padding-top: 20px;} ._320 .boxTopo .centro p{width: 100%;max-width: 253px;font-weight: 400;color: #FFFFFFA3;margin: 0px auto 18px;} ._320 .en .boxTopo .centro p{max-width: 300px;} ._320 .es .boxTopo .centro p{max-width: 282px;} /* Box Produtos */ ._320 .boxSobre{position: relative;overflow: clip;} ._320 .boxSobre::before{content: "";width: 100%;height: 132px;background: linear-gradient(180deg, #0032071f 0%, #10101000 100%);position: absolute;top: 0px;left: 0px;pointer-events: none;} ._320 .boxSobre .centro{flex-direction: column;gap: 0px;padding: 60px 20px 0px;position: relative;z-index: 1;} /* Sobre */ ._320 .boxSobre .centro .sobre{min-width: initial;display: flex;flex-direction: column;padding-top: 0px;} ._320 .boxSobre .centro p{font-size: 16px;line-height: 26px;text-align: center;margin-bottom: 10px;} ._320 .boxSobre .centro ul{width: calc(100% + 40px);flex-direction: column;gap: 0px;margin: 0px -20px;} ._320 .boxSobre .centro ul li{max-width: initial;box-shadow: 0px 12px 24px -6px #473D3714;padding: 58px 20px 64px;} ._320 .boxSobre .centro ul li em.icone{width: 100px;min-width: 100px;height: max-content;position: absolute;top: 50%;left: 20px;transform: translateY(-50%);margin: 0px;} ._320 .boxSobre .centro ul li em.icone svg{} ._320 .boxSobre .centro ul li:nth-of-type(2) em.icone svg{} ._320 .boxSobre .centro ul li:nth-of-type(3) em.icone svg{} ._320 .boxSobre .centro ul li:nth-of-type(4) em.icone svg{} ._320 .boxSobre .centro ul li:nth-of-type(5) em.icone svg{} ._320 .boxSobre .centro ul li figure{width: 87px;height: max-content;position: absolute;top: 50%;transform: translateY(-50%);left: 20px;margin: 0px;} ._320 .boxSobre .centro ul li:nth-of-type(1) figure img{width: 87px;height: 70px;} ._320 .boxSobre .centro ul li:nth-of-type(2) figure img{width: 80px;height: 82px;} ._320 .boxSobre .centro ul li:nth-of-type(3) figure img{width: 76px;height: 76px;} ._320 .boxSobre .centro ul li figure img{margin: 0px;} ._320 .boxSobre .centro ul li span, ._320 .boxSobre .centro ul li span em{width: calc(100% - 120px);font-size: 26px;line-height: 30px;letter-spacing: -0.02em;text-align: left;margin: 0px 0px 2px auto;} ._320 .boxSobre .centro ul li span b, ._320 .boxSobre .centro ul li span em{font-weight: 700;display: inline-block;width: max-content;margin: 0px;} ._320 .boxSobre .centro ul li p{width: calc(100% - 120px);max-width: initial;text-align: left;margin: 0px 0px 0px auto;} /* Box Apresentacao */ ._320 .boxApresentacao{background: #F7F3ED;} ._320 .boxApresentacao .centro{flex-direction: column;padding: 65px 20px 0px;gap: 54px;} ._320 .boxApresentacao .centro .boxConteudo{width: 100%;min-width: initial;background: transparent;padding: 0px; z-index: 1;} ._320 .boxApresentacao .centro .boxConteudo h2{font-weight: 800;font-size: 28px;letter-spacing: 0em;margin-bottom: 33px;} ._320 .boxApresentacao .centro .boxConteudo h2 b{display: inline-block;font-weight: 800;} ._320 .boxApresentacao .centro .boxConteudo span{max-width: 253px;font-size: 24px;text-align: center;margin: 0px auto 54px;} ._320 .boxApresentacao .centro .boxConteudo span b{width: max-content;display: block;margin: 0px auto;} ._320 .boxApresentacao .centro .boxConteudo p{font-size: 16px;text-align: center;margin-bottom: 17px;} ._320 .boxApresentacao .centro .boxConteudo a:link, ._320 .boxApresentacao .centro .boxConteudo a:active, ._320 .boxApresentacao .centro .boxConteudo a:visited{padding: 12px 30px;} ._320 .boxApresentacao .centro .boxConteudo a b{max-width: 167px;} ._320 body.en .boxApresentacao .centro .boxConteudo a b{max-width: 172px;} ._320 body.es .boxApresentacao .centro .boxConteudo a b{max-width: 210px;} /* Splide Principal */ ._320 .boxApresentacao .centro .splide{width: calc(100% + 40px);position: relative;top: initial;right: initial;margin: 0px -20px;} ._320 .boxApresentacao .centro .splide div.splide__track{min-height: 266px;} ._320 .boxApresentacao .centro .splide div.splide__track ul{height: 266px;} ._320 .boxApresentacao .centro .splide div.splide__track ul li figure{height: 100%;} /* Botoes Splide*/ ._320 .splide__arrows button.splide__arrow{bottom: 16px;} ._320 .splide__arrows button.splide__arrow.splide__arrow--prev{left: calc(50% - 104px);} ._320 .splide__arrows button.splide__arrow.splide__arrow--next{right: calc(50% - 104px);bottom: 16px;} /* Pagination */ ._320 ul.splide__pagination{left: 50%;transform: translateX(-50%);bottom: 20px;padding: 10px 60px;min-width: 220px;} /* Box Mercado */ ._320 .boxMercado{overflow-x: clip;} ._320 .boxMercado .centro{padding: 73px 20px 40px;} ._320 .boxMercado .centro span{margin-bottom: 24px;} ._320 .boxMercado .centro h2{max-width: 300px;font-size: 24px;line-height: 32px;margin: 0px auto 24px;} ._320 .boxMercado .centro p{max-width: initial;font-size: 16px;line-height: 26px;text-align: center;margin-bottom: 40px;} ._320 .boxMercado .centro ul{max-width: initial;grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));gap: 10px 14px;} ._320 .boxMercado .centro ul li{width: fit-content;max-width: 200px;height: 160px;text-align: center;margin: 0px;} ._320 .boxMercado .centro ul li a:link, ._320 .boxMercado .centro ul li a:active, ._320 .boxMercado .centro ul li a:visited{padding: 0;} ._320 .boxMercado .centro ul li a b {max-width: 145px;font-size: 15px;line-height: 20px;letter-spacing: -0.01em;left: 50%;bottom: 15px;transform: translateX(-50%);} /* solucoes */ /* FUNDO VIDEO */ ._320 .solucoes .fundoVideo{width: calc(100% + 40px);height: 280px;position: relative;margin: 0px -20px -42px;} ._320 .solucoes .fundoVideo::before{} ._320 .solucoes .fundoVideo::after{} ._320 .solucoes .fundoVideo video{} ._320 .solucoes {padding: 0px 20px;} ._320 .solucoes .centro {width: calc(100% + 20px);margin: 0px -10px;padding: 40px 20px 0px;border: initial;background: linear-gradient(0deg, #FFF 74.64%, #f6fff7cf 100%);backdrop-filter: blur(10px);} ._320 .solucoes .lavoura {position: absolute;top: calc(280px - 161px);left: 50%;transform: translate(-50%, -50%);padding: 0px 20px;} ._320 .solucoes .lavoura span {font-size: 14px;} ._320 .solucoes .lavoura h2 {font-size: 24px;line-height: 32px;} ._320 .solucoes .centro h3 {width: 100%;max-width: 320px;font-size: 16px;margin-bottom: 40px;} ._320 .solucoes .centro ul.descricaoLinhas {flex-direction: column;padding: 0px;margin-bottom: 30px;} ._320 .solucoes .centro ul.descricaoLinhas > span {gap: 40px;} ._320 .solucoes .centro ul.descricaoLinhas li {padding-left: 30px;} ._320 .solucoes .centro ul.descricaoLinhas li h4 {font-size: 18px; line-height: 26px; margin-bottom: 6px;} ._320 .solucoes .centro ul.descricaoLinhas li h4::before {width: 20px;height: 20px;top: 6px;left: -30px;} ._320 .solucoes .centro ul.descricaoLinhas li p {font-size: 15px; line-height: 26px;} ._320 .solucoes .centro ul.linhas {width: calc(100% + 60px);overflow-x: auto; padding: 30px 20px 0;position: initial;transform: translateX(0px);margin: 0px -30px;scrollbar-width: thin;} ._320 .solucoes .centro ul.linhas li {min-width: 270px;padding: 20px 20px 50px;} ._320 .solucoes .centro ul.linhas li::before{} ._320 .solucoes .centro ul.linhas li figure{width: 190px;height: 100%;margin-top: -54px;/* margin-bottom: 0px; */} ._320 .solucoes .centro ul.linhas li figure img{} ._320 .solucoes .centro ul.linhas li .logoProduto{margin: -10px auto 10px;} ._320 .solucoes .centro ul.linhas li.produtoYoorin .logoProduto svg{width: 132px;height: 100%;padding: 0px;} ._320 .solucoes .centro ul.linhas li.produtoYoorin .logoProduto svg path.cor1{} ._320 .solucoes .centro ul.linhas li.produtoYoorin .logoProduto svg path.cor2{} ._320 .solucoes .centro ul.linhas li.produtoEkosil .logoProduto svg{width: 114px;height: 100%;padding: 0px;} ._320 .solucoes .centro ul.linhas li.produtoEkosil .logoProduto svg path.cor1{} ._320 .solucoes .centro ul.linhas li.produtoEkosil .logoProduto svg path.cor2{} ._320 .solucoes .centro ul.linhas li.produtoPotasil .logoProduto svg{width: 138px;height: 100%;padding: 0px;} ._320 .solucoes .centro ul.linhas li.produtoPotasil .logoProduto svg path.cor1{} ._320 .solucoes .centro ul.linhas li.produtoPotasil .logoProduto svg path.cor2{} ._320 .solucoes .centro ul.linhas li.produtoFoliar .logoProduto{} ._320 .solucoes .centro ul.linhas li.produtoFoliar .logoProduto svg{width: 128px;height: 100%;} ._320 .solucoes .centro ul.linhas li.produtoFoliar .logoProduto svg path.cor1, ._320 .solucoes .centro ul.linhas li.produtoFoliar .logoProduto svg path.cor2{} ._320 .solucoes .centro ul.linhas li.produtoFoliar .logoProduto svg path.cor3{} ._320 .solucoes .centro ul.linhas li span {font-size: 12px;margin-bottom: 20px;} ._320 .solucoes .centro ul.linhas li a.botaoProduto:active, ._320 .solucoes .centro ul.linhas li a.botaoProduto:link, ._320 .solucoes .centro ul.linhas li a.botaoProduto:visited{padding: 14px 26px 15px;gap: 14px;} ._320 .solucoes .centro ul.linhas li a.botaoProduto:hover{} ._320 .solucoes .centro ul.linhas li a.botaoProduto b{font-size: 16px;} ._320 .solucoes .centro ul.linhas li a.botaoProduto svg{} ._320 .solucoes .centro ul.linhas li a.botaoProduto svg path{} ._320 .solucoes .centro ul.linhas li a.botaoProduto:hover svg{} /* Box Reserva */ ._320 .boxReserva{} ._320 .boxReserva .centro{} ._320 .boxReserva .centro {flex-direction: column-reverse;padding: 0px 20px 60px;} ._320 .boxReserva .centro .boxConteudo{width: 100%;padding: 0px;} ._320 .boxReserva .centro .boxConteudo .conteudo{} ._320 .boxReserva .centro .boxConteudo .conteudo span{width: 100%;max-width: 284px;line-height: 20px;text-align: center;margin: 0px auto 12px;} ._320 .boxReserva .centro .boxConteudo .conteudo h2{font-size: 24px;line-height: 32px;text-align: center;margin-bottom: 30px;} ._320 .boxReserva .centro .boxConteudo .conteudo h2 b{} ._320 .boxReserva .centro .boxConteudo .conteudo p{font-size: 16px;text-align: center;margin-bottom: 30px;} ._320 .boxReserva .centro .boxConteudo .conteudo p b {} ._320 .boxReserva .centro .boxConteudo .conteudo a:link, ._320 .boxReserva .centro .boxConteudo .conteudo a:active, ._320 .boxReserva .centro .boxConteudo .conteudo a:visited{padding: 14px 26px 15px;} ._320 .boxReserva .centro .boxConteudo .conteudo a b{font-size: 16px;} ._320 .boxReserva .centro .boxConteudo .conteudo a:hover {} ._320 .boxReserva .centro .boxConteudo .conteudo a svg{} .boxReserva .centro .boxConteudo .conteudo a svg path{} /* Hover */ ._320 .boxReserva .centro .boxConteudo .conteudo a:hover svg{} ._320 .boxReserva .centro figure{display: block;width: calc(100% + 40px);height: 252px;min-height: initial;margin: 0px -20px 0px;} ._320 .boxReserva .centro figure.desk{display: none;} ._320 .boxReserva .centro figure::before{height: 152px;top: 100px;background: linear-gradient(360deg, #EDF1F2 20%, #14141400 100%);opacity: 1;} ._320 ._1000 .boxReserva .centro:nth-of-type(odd) figure::after{} ._320 ._1000 .boxReserva .centro:nth-of-type(even) figure::after{} ._320 .boxReserva .centro figure img{min-width: initial;position: initial;} /* Box Compromisso Sustentavel */ ._320 .boxCompromissoSustentavel { } ._320 .boxCompromissoSustentavel .centro {padding: 60px 20px;} ._320 .boxCompromissoSustentavel .centro::before {width: 255px;height: 395px;right: 0px;background-size: contain;} ._320 .boxCompromissoSustentavel .centro svg {} ._320 .boxCompromissoSustentavel .centro h2 {max-width: 320px;} ._320 .boxCompromissoSustentavel .centro p {font-size: 16px;line-height: 28px;margin-bottom: 30px;} ._320 .boxCompromissoSustentavel .centro p b {} ._320 .boxCompromissoSustentavel .centro a:link, ._320 .boxCompromissoSustentavel .centro a:active, ._320 .boxCompromissoSustentavel .centro a:visited{padding: 14px 26px 15px} ._320 .boxCompromissoSustentavel .centro a b{font-size: 16px;} /* Programa 3S */ ._320 .programa3s {min-height: initial;padding: 0px 20px;} ._320 .programa3s .fundoVideo {width: calc(100% + 40px);height: 200px;position: initial;margin: 0px -20px;} ._320 .programa3s .fundoVideo::before {height: 200px;background: linear-gradient(0deg, #2f6163 0%, #003d4000 40%, #09282a00 100%);opacity: 1;} ._320 .programa3s .fundoVideo video {position: initial;transform: translate(0px, 0px);} ._320 .programa3s .centro {width: calc(100% + 40px);padding: 40px 20px 60px;margin: 0px -20px;border-radius: 0px;background: linear-gradient(180deg, rgba(0, 61, 64, 0.8) 0%, #003D40 20%, #09282A 100%);} ._320 .programa3s .centro::before {} ._320 .programa3s .centro .subTitulo {width: 100%;max-width: 245px;margin: 0px auto 12px;} ._320 .programa3s .centro figure {width: 245px;height: 100%;margin: 0px auto 30px;} ._320 .programa3s .centro figure img { } ._320 .programa3s .centro p {font-size: 16px;text-align: center;margin-bottom: 30px;} ._320 .programa3s .centro a:link, ._320 .programa3s .centro a:active, ._320 .programa3s .centro a:visited{} ._320 .programa3s .centro a:hover {} ._320 .programa3s .centro a b{} ._320 .programa3s .centro a b::after {} ._320 .programa3s .centro a:hover b::after {} ._320 .sustentabilidade {} ._320 .sustentabilidade .centro {padding: 60px 20px 0px;margin: 0px;} ._320 .sustentabilidade .centro::Before {height: 40px;} ._320 .sustentabilidade .centro h2 {font-size: 24px;line-height: 32px;} ._320 .sustentabilidade .centro h2 b {} ._320 .sustentabilidade .centro h3 {font-size: 20px;line-height: 28px;} ._320 .sustentabilidade .centro h3 b {} ._320 .sustentabilidade .centro h3 b::before {} ._320 .sustentabilidade .centro p {font-size: 16px;margin-bottom: 60px;} ._320 .sustentabilidade .centro a {max-width: initial;padding: 12px 26px;margin-bottom: -11px;} ._320 .sustentabilidade .centro a::before {height: 40px;top: -40px;} ._320 .sustentabilidade .centro a b{width: 100%;max-width: 198px;font-size: 16px;line-height: 20px;margin: 0px auto;} ._320 .sustentabilidade .esgBanner {min-height: initial;height: 260px;} @keyframes fade { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } } ._320 .sustentabilidade .esgBanner .splideFotos {} ._320 .sustentabilidade .esgBanner .splideFotos::after {} ._320 .sustentabilidade .esgBanner .splideFotos figure {height: 260px; min-width: 1656px;} ._320 .sustentabilidade .esgBanner .splideFotos figure img {}