.home__blog .blog-item--highlight .blog-item__link::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS4yMDciIGhlaWdodD0iMjQuODY2IiB2aWV3Qm94PSIwIDAgMjUuMjA3IDI0Ljg2NiI+DQogIDxwYXRoIGQ9Ik0yNjguNDc3LDE4LjJIMjQ3LjY1OWEuNjU5LjY1OSwwLDEsMCwwLDEuMzE4aDIwLjgxOEwyNTguNCwyOS42YS42Ni42NiwwLDAsMCwuOTMzLjkzM0wyNzEsMTguODY0LDI1OS4zMyw3LjE5M2EuNjYuNjYsMCwwLDAtLjkzMy45MzNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjQ2LjUgLTYuNDMxKSIgZmlsbD0iIzI1MzcyZiIgc3Ryb2tlPSIjMjUzNzJmIiBzdHJva2Utd2lkdGg9IjEiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+DQo=);background-repeat:no-repeat;background-position:center;background-size:contain}.home__blog .blog-item--highlight .blog-item__link::after{background-size:13px 13px;border:1px solid #25362e;width:38px;height:38px;border-radius:50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color 0.3s,
background-position 0.2s;transition:border-color 0.3s,
background-position 0.2s}.home__blog .blog-item--highlight .blog-item__link:hover::after{border-color:#006239;background-position:calc(50% + 3px) center;-webkit-filter:invert(26%) sepia(79%) saturate(509%) hue-rotate(105deg) brightness(67%) contrast(103%);filter:invert(26%) sepia(79%) saturate(509%) hue-rotate(105deg) brightness(67%) contrast(103%)}@media (min-width: 992px){.home__blog .blog-item--highlight .blog-item__link::after{background-size:18px 18px;border-width:2px;width:55px;height:55px}}@media (min-width: 1200px){.home__blog .blog-item--highlight .blog-item__link::after{background-size:25px 25px;width:76px;height:76px}}.home__banner .swiper-horizontal .swiper-slide a::after,.whatwedo__description a::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS4yMDciIGhlaWdodD0iMjQuODY2IiB2aWV3Qm94PSIwIDAgMjUuMjA3IDI0Ljg2NiI+DQogIDxwYXRoIGQ9Ik0yNjguNDc3LDE4LjJIMjQ3LjY1OWEuNjU5LjY1OSwwLDEsMCwwLDEuMzE4aDIwLjgxOEwyNTguNCwyOS42YS42Ni42NiwwLDAsMCwuOTMzLjkzM0wyNzEsMTguODY0LDI1OS4zMyw3LjE5M2EuNjYuNjYsMCwwLDAtLjkzMy45MzNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjQ2LjUgLTYuNDMxKSIgZmlsbD0iI2ZmZmZmZiIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjEiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+DQo=);background-repeat:no-repeat;background-position:center;background-size:contain}.home__banner .swiper-horizontal .swiper-slide a::after,.whatwedo__description a::after{background-size:13px 13px;border:1px solid #fff;width:38px;height:38px;border-radius:50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color 0.3s,
background-position 0.2s;transition:border-color 0.3s,
background-position 0.2s}.home__banner .swiper-horizontal .swiper-slide a:hover::after,.whatwedo__description a:hover::after{border-color:#006239;background-position:calc(50% + 3px) center;-webkit-filter:brightness(0) saturate(100%) invert(27%) sepia(17%) saturate(2943%) hue-rotate(112deg) brightness(100%) contrast(101%);filter:brightness(0) saturate(100%) invert(27%) sepia(17%) saturate(2943%) hue-rotate(112deg) brightness(100%) contrast(101%)}@media (min-width: 992px){.home__banner .swiper-horizontal .swiper-slide a::after,.whatwedo__description a::after{background-size:18px 18px;border-width:2px;width:55px;height:55px}}@media (min-width: 1200px){.home__banner .swiper-horizontal .swiper-slide a::after,.whatwedo__description a::after{background-size:25px 25px;width:76px;height:76px}}.home .intro-section{margin-bottom:160px}@media (min-width: 992px){.home .intro-section{margin-bottom:500px}}.home__banner{position:relative;margin-bottom:0}@media (min-width: 992px){.home__banner{margin-bottom:0}}@media (max-width: 991px){.home__banner .container{padding:0}}.home__banner .swiper-horizontal .swiper-slide{position:relative;padding-bottom:30px}@media (min-width: 992px){.home__banner .swiper-horizontal .swiper-slide{padding-bottom:50px}}.home__banner .swiper-horizontal .swiper-slide::before{content:"";position:absolute;inset:240px 30px 40px 40px;z-index:1;opacity:0;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}@media (min-width: 992px){.home__banner .swiper-horizontal .swiper-slide::before{inset:130px 35px 55px 250px;-webkit-box-shadow:none;box-shadow:none}}.home__banner .swiper-horizontal .swiper-slide a{display:block}.home__banner .swiper-horizontal .swiper-slide a::after{content:"";position:absolute;bottom:55px;right:40px;z-index:3}@media (min-width: 992px){.home__banner .swiper-horizontal .swiper-slide a::after{top:60px;right:30px;bottom:auto}}@media (min-width: 1200px){.home__banner .swiper-horizontal .swiper-slide a::after{top:70px;right:40px}}.home__banner .swiper-horizontal .swiper-slide.swiper-slide-visible::before{opacity:1;-webkit-transition-delay:0.4s;transition-delay:0.4s}.home__banner .swiper-horizontal .swiper-slide.swiper-slide-visible .banner__image,.home__banner .swiper-horizontal .swiper-slide.swiper-slide-visible .banner__content{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition-delay:0.2s;transition-delay:0.2s}.home__banner .swiper-horizontal>.swiper-pagination-bullets{position:absolute;bottom:65px;left:55px;width:auto;z-index:2}@media (min-width: 992px){.home__banner .swiper-horizontal>.swiper-pagination-bullets{bottom:90px;right:35px;left:auto}}.home__network{position:absolute;top:150px;left:50%;margin-left:-523px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:30px}.home__network a{text-decoration:none}.home__network a:hover{-webkit-filter:invert(13%) sepia(73%) saturate(480%) hue-rotate(89deg) brightness(95%) contrast(100%);filter:invert(13%) sepia(73%) saturate(480%) hue-rotate(89deg) brightness(95%) contrast(100%)}.home__network img{max-width:18px;max-height:18px;display:block}@media (min-width: 1200px){.home__network{margin-left:-568px}}@media (min-width: 1400px){.home__network{margin-left:-650px}}.home__innovation{padding-bottom:125px;margin-bottom:40px;position:relative}@media (min-width: 992px){.home__innovation{padding-bottom:205px;margin-bottom:30px}}.home__innovation::after{content:"";background:url(//jomo.com.br/wp-content/themes/site/assets/images/bg-line-01-mobile.png) repeat-x center top;width:100%;height:57px;position:absolute;bottom:0;right:0}@media (min-width: 992px){.home__innovation::after{background-image:url(//jomo.com.br/wp-content/themes/site/assets/images/bg-line-01.png);background-position:right top;width:0;height:189px;-webkit-transition:width 1s ease-in;transition:width 1s ease-in;-webkit-transition-delay:0.4s;transition-delay:0.4s}}@media (max-width: 991px){.home__innovation .container{padding-left:36px;padding-right:36px}}@media (min-width: 1400px){.home__innovation .container{max-width:1015px}}.home__innovation.remove-animate-scroll::after{width:100%}.home__manifest{position:relative;top:90px;margin-top:-90px}@media (min-width: 992px){.home__manifest{top:315px;margin-top:-315px}}.home__blog{margin-bottom:80px;margin-top:200px}@media (min-width: 992px){.home__blog{margin-bottom:100px;margin-top:500px}}@media (min-width: 1200px){.home__blog{margin-bottom:170px;margin-top:600px}}.home__blog .col-8{width:69.9%}.home__blog .col-4{width:30.1%}@media (min-width: 1200px){.home__blog .col-4{padding-top:15px;padding-left:58px}}.home__blog .blog-item:not(.blog-item--highlight) .blog-item__image{height:188px;margin-bottom:40px}.home__blog .blog-item:not(.blog-item--highlight) .blog-item__text{margin-top:23px}@media (min-width: 1200px){.home__blog .blog-item:not(.blog-item--highlight) .blog-item__text{font-size:18px;letter-spacing:0.05em}}@media (max-width: 991px){.home__blog .blog-item--highlight{margin-bottom:50px}}@media (min-width: 992px){.home__blog .blog-item--highlight .blog-item__link::after{content:"";position:absolute;bottom:0;right:0;z-index:3}}.home__blog .blog-item--highlight .blog-item__text{margin-right:70px}@media (min-width: 1200px){.home__blog .blog-item--highlight .blog-item__text{margin-right:100px}}.home__whatwedo{padding-top:80px;margin-bottom:45px}@media (min-width: 992px){.home__whatwedo{padding-top:100px;margin-bottom:75px}}@media (min-width: 1200px){.home__whatwedo{padding-top:145px}}.home__whatwedo .swiper-horizontal{padding-bottom:30px}.home__whatwedo .swiper-horizontal>.swiper-pagination-bullets{position:absolute;inset:670px 43px auto auto;z-index:2;width:auto}.home__whatwedo .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px}@media (min-width: 1400px){.home__whatwedo .container{max-width:1174px}}.home__sustentability{padding:100px 0 80px;margin-bottom:65px}@media (min-width: 992px){.home__sustentability{padding:200px 0 100px;margin-bottom:90px}}@media (min-width: 1200px){.home__sustentability{padding:230px 0 180px;margin-bottom:180px}}.home__sustentability::before{content:"";background:url(//jomo.com.br/wp-content/themes/site/assets/images/bg-line-02-mobile.png) repeat-x center top;width:100%;height:190px;position:absolute;top:0;right:0}@media (min-width: 992px){.home__sustentability::before{background-image:url(//jomo.com.br/wp-content/themes/site/assets/images/bg-line-02.png);background-position:right top;width:0;height:190px;-webkit-transition:width 1s ease-in;transition:width 1s ease-in}}.home__sustentability.remove-animate-scroll::before{width:100%}.home__where{margin-bottom:65px}@media (min-width: 992px){.home__where{margin-bottom:40px}}@media (min-width: 1200px){.home__where{margin-bottom:80px}}@media (min-width: 1400px){.home__where .container{max-width:1174px}}.banner__image{position:absolute;top:0;left:20px;z-index:2;width:85%;height:300px;opacity:0;-webkit-transform:translate(-100%, -100%);transform:translate(-100%, -100%);-webkit-transition:opacity 0.3s,
-webkit-transform 0.4s;transition:opacity 0.3s,
-webkit-transform 0.4s;transition:transform 0.4s,
opacity 0.3s;transition:transform 0.4s,
opacity 0.3s,
-webkit-transform 0.4s;-webkit-box-shadow:none;box-shadow:none;border-radius:30px 0}@media (min-width: 992px){.banner__image{left:0;width:550px;height:calc(100% - 93px);-webkit-box-shadow:none;box-shadow:none;border-radius:0}}.banner__image::before{content:"";position:absolute;inset:9px 0 5px 29px;z-index:1;-webkit-box-shadow:none;box-shadow:none;border-radius:80px 0;display:none}@media (min-width: 992px){.banner__image::before{display:block}}.banner__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;position:relative;z-index:1;border-radius:0}@media (min-width: 992px){.banner__image img{border-radius:0 0}}.banner__content{background-color: rgba(0, 0, 0, 0.03);position:relative;z-index:1;margin:225px 20px 0 30px;padding:110px 25px 80px 30px;opacity:0;border-radius:0 0;-webkit-transform:translate(100%, 100%);transform:translate(100%, 100%);-webkit-transition:opacity 0.3s,
-webkit-transform 0.4s;transition:opacity 0.3s,
-webkit-transform 0.4s;transition:transform 0.4s,
opacity 0.3s;transition:transform 0.4s,
opacity 0.3s,
-webkit-transform 0.4s}@media (min-width: 992px){.banner__content{margin:30px 0 0 215px;padding:90px 35px 75px 320px;border-radius:0 0}}@media (min-width: 1200px){.banner__content{padding:125px 45px 130px 330px}}@media (min-width: 1400px){.banner__content{padding-right:150px;padding-left:365px}}.banner__title{margin-bottom:10px;color: rgba(0, 0, 0, 0.8)}@media (min-width: 992px){.banner__title{margin-bottom:15px}}.banner__text{color:rgba(0, 0, 0, 0.5);margin:0 10px 0 5px}@media (min-width: 992px){.banner__text{margin-right:0}}@media (min-width: 1200px){.banner__text{font-size:16px;line-height:150%}}.innovation__title{font-size:2.5rem;margin-bottom:25px}@media (min-width: 576px){.innovation__title{font-size:46px}}@media (min-width: 991px){.innovation__title{margin-bottom:0}}.innovation__text{margin-left:5px}@media (min-width: 992px){.innovation__text{margin:5px 10px 0 0}}@media (min-width: 1200px){.innovation__text{margin-left:65px}}.innovation__text p{margin:0 0 25px}@media (max-width: 991px){.innovation__text p{line-height:150%}}.blog__title{font-size:2.5rem;text-align:center}@media (min-width: 576px){.blog__title{font-size:70px}}@media (min-width: 991px){.blog__title{text-align:left}}@media (min-width: 1200px){.blog__title{font-size:100px}}.blog__text{padding:7px 0 20px 5px}@media (max-width: 991px){.blog__text{margin-bottom:25px}}.blog__text p{font-size:18px;margin:0}@media (max-width: 991px){.blog__text p{text-align:center}}@media (max-width: 991px){.blog__button{text-align:center}}@media (min-width: 992px){.blog__button{margin-bottom:42px}}.whatwedo__title{font-size:2.5rem}@media (min-width: 576px){.whatwedo__title{font-size:60px}}@media (min-width: 992px) and (max-width: 1199px){.whatwedo__title{font-size:60px}}.whatwedo__text{padding:20px 0}@media (min-width: 992px){.whatwedo__text{padding-bottom:55px}}.whatwedo__text p{margin:0}@media (max-width: 991px){.whatwedo__text p{font-size:18px;line-height:135%}}@media (min-width: 1200px){.whatwedo__text p{font-size:18px;line-height:135%}}.whatwedo__categories li{border-bottom:1px solid #cd9976}.whatwedo__categories li:last-child{border-bottom:none}@media (min-width: 992px){.whatwedo__categories.animate-scroll li{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px);-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out}}@media (min-width: 992px){.whatwedo__categories.animate-scroll li:nth-child(1){-webkit-transition-delay:0.2s;transition-delay:0.2s}}@media (min-width: 992px){.whatwedo__categories.animate-scroll li:nth-child(2){-webkit-transition-delay:0.4s;transition-delay:0.4s}}@media (min-width: 992px){.whatwedo__categories.animate-scroll li:nth-child(3){-webkit-transition-delay:0.6s;transition-delay:0.6s}}@media (min-width: 992px){.whatwedo__categories.animate-scroll li:nth-child(4){-webkit-transition-delay:0.8s;transition-delay:0.8s}}@media (min-width: 992px){.whatwedo__categories.animate-scroll li:nth-child(5){-webkit-transition-delay:1s;transition-delay:1s}}.whatwedo__categories.remove-animate-scroll li{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.whatwedo__category a{font-size:18px;color:#25372f;display:block;padding:15px 0}@media (min-width: 1200px){.whatwedo__category a{font-size:20px;padding:23px 0}}.whatwedo__category a:hover{color:#cd9976}.whatwedo__category--active a{color:#cd9976}.whatwedo__images>div{opacity:0;border-radius:25px 0;-webkit-transition:opacity 0.3s,
-webkit-transform 0.4s;transition:opacity 0.3s,
-webkit-transform 0.4s;transition:transform 0.4s,
opacity 0.3s;transition:transform 0.4s,
opacity 0.3s,
-webkit-transform 0.4s}@media (min-width: 992px){.whatwedo__images>div{border-radius:50px 0;overflow:hidden}}.whatwedo__images>div img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}@media (max-width: 991px){.whatwedo__images>div img{border-radius:25px 0}}.home__whatwedo .whatwedo__images{position:relative;padding:260px 0 0 10px}@media (min-width: 992px){.home__whatwedo .whatwedo__images{padding:305px 10px 0}}.whatwedo__images.swiper-slide-active .whatwedo__image-01,.whatwedo__images.swiper-slide-active .whatwedo__image-02,.whatwedo__images.swiper-slide-active .whatwedo__description{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition-delay:0.2s;transition-delay:0.2s}.whatwedo__image-01,.whatwedo__image-02{background-color:#e0d0b8;position:absolute}.whatwedo__image-01{top:15px;left:10px;z-index:2;width:260px;height:260px;-webkit-transform:translate(-100%, -100%);transform:translate(-100%, -100%)}.whatwedo__image-02{top:20px;right:10px;width:88%;height:280px;-webkit-transform:translate(100%, 0);transform:translate(100%, 0)}@media (min-width: 992px){.whatwedo__image-02{top:76px;right:0;width:565px;height:565px}}.whatwedo__icon{background-repeat:no-repeat;background-position:center center;background-size:70%;width:72px;height:72px;position:absolute;top:-20px;right:15px;border-radius:15px 15px 15px 0}@media (min-width: 992px){.whatwedo__icon{width:105px;height:105px;top:auto;right:30px;bottom:32px;border-radius:30px 30px 30px 0}}.whatwedo__description{background-color:#b3aea4;width:84%;position:relative;-webkit-box-shadow:20px 20px 20px rgba(77,60,34,0.1);box-shadow:20px 20px 20px rgba(77,60,34,0.1);-webkit-transform:translate(-100%, 100%);transform:translate(-100%, 100%)}@media (min-width: 992px){.whatwedo__description{width:340px}}.whatwedo__description a{padding:35px 30px 65px;display:block}@media (min-width: 992px){.whatwedo__description a{padding-top:45px;padding-bottom:90px}}@media (min-width: 1200px){.whatwedo__description a{padding:65px 55px 140px}}.whatwedo__description a::after{content:"";position:absolute;bottom:20px;right:20px}@media (min-width: 992px){.whatwedo__description a::after{bottom:25px;right:25px}}.whatwedo__description h3{font-size:24px;color:#fff;margin-bottom:15px}@media (min-width: 992px){.whatwedo__description h3{font-size:34px;margin-bottom:25px}}.whatwedo__description p{line-height:150%;color:#fff;margin:0}@media (min-width: 992px){.whatwedo__description p{font-size:18px;line-height:134%}}.sustentability__title{text-align:center;margin-bottom:20px;font-size:2.5rem}@media (min-width: 576px){.sustentability__title{font-size:52px}}@media (min-width: 992px){.sustentability__title{font-size:70px}}@media (min-width: 1200px){.sustentability__title{font-size:100px}}.sustentability__text{margin:0 0 30px;text-align:center}@media (min-width: 992px){.sustentability__text{margin:0 100px 65px}}@media (min-width: 1200px){.sustentability__text{margin:0 250px 65px}}.sustentability__text p{margin:0}@media (min-width: 1200px){.sustentability__text p{}}.sustentability__image{position:relative;padding:0 5px 20px 30px}@media (max-width: 991px){.sustentability__image{margin-bottom:22px}}@media (min-width: 992px){.sustentability__image{padding:0 5px 22px 50px}}.sustentability__image>img{width:100%;height:175px;-o-object-fit:cover;object-fit:cover;display:block;border-radius:25px 0}@media (min-width: 992px){.sustentability__image>img{height:400px;border-radius:50px 0}}@media (min-width: 1200px){.sustentability__image>img{height:455px}}.sustentability__stamp{background-color:#cd9421;width:72px;padding:2px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;bottom:0;left:10px;overflow:hidden;border-radius:15px 0 15px 15px;-webkit-box-shadow:5px 5px 10px rgba(77,60,34,0.16);box-shadow:5px 5px 10px rgba(77,60,34,0.16)}@media (min-width: 992px){.sustentability__stamp{width:105px;padding:17px 0;left:0;border-radius:30px 0 30px 30px}}.sustentability__stamp img{max-width:100%;max-height:100%;display:block}.sustentability__data-list{padding:5px 10px 0}@media (min-width: 992px){.sustentability__data-list{padding:5px 20px 0 10px}}.sustentability__data-list ul{margin-bottom:35px}@media (min-width: 992px){.sustentability__data-list.animate-scroll .sustentability__data-item{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px);-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out}}@media (min-width: 992px){.sustentability__data-list.animate-scroll .sustentability__data-item:nth-child(1){-webkit-transition-delay:0.2s;transition-delay:0.2s}}@media (min-width: 992px){.sustentability__data-list.animate-scroll .sustentability__data-item:nth-child(2){-webkit-transition-delay:0.4s;transition-delay:0.4s}}@media (min-width: 992px){.sustentability__data-list.animate-scroll .sustentability__data-item:nth-child(3){-webkit-transition-delay:0.6s;transition-delay:0.6s}}@media (min-width: 992px){.sustentability__data-list.animate-scroll .sustentability__data-item:nth-child(4){-webkit-transition-delay:0.8s;transition-delay:0.8s}}@media (min-width: 992px){.sustentability__data-list.animate-scroll .sustentability__data-item:nth-child(5){-webkit-transition-delay:1s;transition-delay:1s}}.sustentability__data-list.remove-animate-scroll .sustentability__data-item{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.sustentability__data-item{position:relative;padding:9px 125px 40px 0;min-height:109px}.sustentability__data-item::after{content:"";position:absolute;top:115px;right:53px;bottom:5px;width:1px;border-left:2px dotted #d7b094}.sustentability__data-item:last-child{padding-bottom:0}.sustentability__data-title{font-size:20px;color:#006239;display:block;margin-bottom:7px}@media (min-width: 1200px){.sustentability__data-title{font-size:24px}}@media (min-width: 1200px){.sustentability__data-text{margin-right:43px}}.sustentability__data-text p{margin:0}@media (min-width: 1200px){.sustentability__data-text p{font-size:18px;line-height:135%}}.sustentability__data-value{border:2px solid #25372f;width:109px;height:109px;position:absolute;top:0;right:0;color:#006239;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%}.sustentability__data-value strong{font-weight:900;font-size:34px}.sustentability__data-value strong span{font-weight:500;font-size:20px}
.banner__image,
.banner__content {
transition: none;
}
@media (max-width: 992px) {
.banner__image {
position: relative;
left: 0;
width: 100%;
height: auto;
max-height: 480px;
}
.banner__content {
display: none;
}
}
@media (max-width: 560px) {
.banner__image {
max-height: 310px;
}
}.purpose-item__title::after,
.timeline__arrow::before,
.blog__load-more [buttonDefault]::after,
.products__load-more [buttonDefault]::after,
.product-item__link::after,
.product__images--left,
.product__images--right,
.product__thumb--left,
.product__thumb--right {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS4yMDciIGhlaWdodD0iMjQuODY2IiB2aWV3Qm94PSIwIDAgMjUuMjA3IDI0Ljg2NiI+DQogIDxwYXRoIGQ9Ik0yNjguNDc3LDE4LjJIMjQ3LjY1OWEuNjU5LjY1OSwwLDEsMCwwLDEuMzE4aDIwLjgxOEwyNTguNCwyOS42YS42Ni42NiwwLDAsMCwuOTMzLjkzM0wyNzEsMTguODY0LDI1OS4zMyw3LjE5M2EuNjYuNjYsMCwwLDAtLjkzMy45MzNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjQ2LjUgLTYuNDMxKSIgZmlsbD0iIzI1MzcyZiIgc3Ryb2tlPSIjMjUzNzJmIiBzdHJva2Utd2lkdGg9IjEiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+DQo=);
background-repeat: no-repeat;
background-position: center;
background-size: contain
}
.page-default__header {
padding-top: 20px;
margin-bottom: 50px
}
.page-default__content {
padding-bottom: 50px;
margin-bottom: 50px
}
.page-template-default.page .wp-block-heading {
font-weight: 600;
font-size: 32px;
}
.page-institucional .intro-section::before {
height: 315px
}
@media (min-width: 992px) {
.page-institucional .intro-section::before {
height: 760px
}
}
.page-institucional__manifest {
padding-top: 20px;
margin-bottom: 40px
}
@media (min-width: 992px) {
.page-institucional__manifest {
padding-top: 30px;
margin-bottom: 75px
}
}
.page-institucional__manifest [titleDefault] {
margin-bottom: 40px
}
@media (min-width: 992px) {
.page-institucional__manifest [titleDefault] {
font-size: 70px
}
}
@media (min-width: 1200px) {
.page-institucional__manifest [titleDefault] {
font-size: 100px;
margin-bottom: 70px
}
}
.page-institucional__ajomo {
margin-bottom: 70px
}
@media (min-width: 992px) {
.page-institucional__ajomo {
margin-bottom: 100px
}
}
@media (min-width: 1200px) {
.page-institucional__ajomo {
margin-bottom: 130px
}
}
.page-institucional__choose-jomo {
padding-top: 105px;
margin-top: 35px
}
@media (min-width: 992px) {
.page-institucional__choose-jomo {
padding-top: 220px;
margin-top: 50px
}
}
.page-institucional__choose-jomo::before {
content: "";
background: url(//jomo.com.br/wp-content/themes/site/assets/images/bg-line-01-mobile.png) repeat-x center top;
width: 100%;
height: 57px;
position: absolute;
top: 0;
right: 0
}
@media (min-width: 992px) {
.page-institucional__choose-jomo::before {
background-image: url(//jomo.com.br/wp-content/themes/site/assets/images/bg-line-01.png);
background-position: right top;
width: 0;
height: 189px;
-webkit-transition: width 1s ease-in;
transition: width 1s ease-in
}
}
.page-institucional__choose-jomo.remove-animate-scroll::before {
width: 100%
}
.page-institucional__purpose {
padding-top: 70px;
margin-bottom: 60px
}
@media (min-width: 992px) {
.page-institucional__purpose {
padding-top: 80px;
margin-bottom: 50px
}
}
@media (min-width: 1200px) {
.page-institucional__purpose {
padding-top: 125px;
margin-bottom: 90px
}
}
@media (min-width: 1400px) {
.page-institucional__purpose .container {
max-width: 1180px
}
}
.page-institucional__timeline {
position: relative;
overflow: hidden;
padding-top: 100px;
padding-bottom: 170px
}
@media (min-width: 992px) {
.page-institucional__timeline {
padding-top: 200px;
padding-bottom: 150px
}
}
@media (min-width: 1200px) {
.page-institucional__timeline {
padding-top: 255px;
padding-bottom: 190px
}
}
.page-institucional__timeline::before {
content: "";
background: url(//jomo.com.br/wp-content/themes/site/assets/images/bg-line-02-mobile.png) repeat-x center top;
width: 100%;
height: 60px;
position: absolute;
top: 0;
right: 0
}
@media (min-width: 992px) {
.page-institucional__timeline::before {
background-image: url(//jomo.com.br/wp-content/themes/site/assets/images/bg-line-02.png);
background-position: right top;
width: 0;
height: 190px;
-webkit-transition: width 1s ease-in;
transition: width 1s ease-in
}
}
.page-institucional__timeline.remove-animate-scroll::before {
width: 100%
}
@media (min-width: 1400px) {
.page-institucional__timeline .container {
max-width: 1110px
}
}
.page-institucional__sustainable {
position: relative;
z-index: 3;
margin-top: -90px
}
@media (max-width: 991px) {
.page-institucional__sustainable {
margin-bottom: 65px
}
}
@media (min-width: 992px) {
.page-institucional__sustainable {
margin-top: -150px
}
}
.page-institucional__actions {
padding-top: 70px;
margin-bottom: 55px
}
@media (min-width: 992px) {
.page-institucional__actions {
padding-top: 365px;
margin-top: -250px
}
}
.page-institucional__projects {
padding-top: 110px;
padding-bottom: 75px
}
@media (min-width: 992px) {
.page-institucional__projects {
padding-top: 310px;
padding-bottom: 10px
}
}
@media (min-width: 1200px) {
.page-institucional__projects {
padding-bottom: 120px
}
}
.page-institucional__projects::before {
content: "";
background: url(//jomo.com.br/wp-content/themes/site/assets/images/bg-line-01-mobile.png) repeat-x center top;
width: 100%;
height: 57px;
position: absolute;
top: 0;
right: 0
}
@media (min-width: 992px) {
.page-institucional__projects::before {
background-image: url(//jomo.com.br/wp-content/themes/site/assets/images/bg-line-01.png);
background-position: right top;
width: 0;
height: 189px;
-webkit-transition: width 1s ease-in;
transition: width 1s ease-in
}
}
.page-institucional__projects.remove-animate-scroll::before {
width: 100%
}
@media (min-width: 1400px) {
.page-institucional__projects .container {
max-width: 1050px
}
}
.page-institucional__where {
padding-top: 45px;
margin-bottom: 40px
}
.ajomo__title {
text-align: center;
margin-bottom: 20px;
font-size: 2.5rem
}
@media (min-width: 576px) {
.ajomo__title {
font-size: 52px
}
}
@media (min-width: 992px) {
.ajomo__title {
font-size: 70px;
margin-bottom: 50px
}
}
@media (min-width: 1200px) {
.ajomo__title {
font-size: 100px;
margin-bottom: 50px
}
}
.ajomo__image {
width: 100%;
height: 205px;
overflow: hidden;
padding: 0 10px
}
.ajomo__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 25px 25px 0 25px
}
@media (min-width: 992px) {
.ajomo__image img {
border-radius: 35px 35px 0 35px
}
}
@media (min-width: 992px) {
.ajomo__image {
height: 245px;
padding: 0
}
}
.ajomo__text {
padding: 0 10px
}
@media (min-width: 992px) {
.ajomo__text {
padding: 3px 0 28px;
-webkit-columns: 2;
-moz-columns: 2;
columns: 2
}
}
.ajomo__text p {
margin: 0
}
@media (max-width: 991px) {
.ajomo__text p {
font-size: 14px;
letter-spacing: 0.4px;
margin-bottom: 25px
}
}
.ajomo__policies {
padding-top: 22px
}
@media (min-width: 992px) {
.ajomo__policies {
border-top: 1px solid #d7b094
}
}
.ajomo__policies .menu-policies {
text-align: left
}
@media (min-width: 992px) {
.ajomo__policies .menu-policies {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.ajomo__policies .menu-policies li {
margin: 0 10px 10px
}
@media (min-width: 992px) {
.ajomo__policies .menu-policies li {
margin: 0 25px 0 0
}
}
.choose-jomo__title {
font-weight: 700;
font-size: 20px;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
margin: 0 50px 25px
}
@media (min-width: 992px) {
.choose-jomo__title {
font-size: 28px;
letter-spacing: 1.5px;
margin: 0 0 35px
}
}
.choose-jomo__swiper {
overflow: hidden
}
@media (max-width: 991px) {
.choose-jomo__swiper {
margin: 0 -20px 0 -20px;
padding: 0 55px 0 30px
}
}
.choose-jomo__card {
background-position: right top;
background-repeat: no-repeat;
height: 100%;
min-height: 420px;
position: relative;
overflow: hidden;
border-radius: 35px;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out
}
@media (max-width: 991px) {
.choose-jomo__card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 30px 30px 35px
}
}
@media (min-width: 992px) {
.choose-jomo__card {
min-height: 200px;
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0
}
}
@media (min-width: 992px) {
.choose-jomo__card h4,
.choose-jomo__card p {
position: absolute;
left: 30px;
-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
transition: opacity 0.2s, -webkit-transform 0.2s;
transition: opacity 0.2s, transform 0.2s;
transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s
}
}
.choose-jomo__card h4 {
font-weight: 700;
font-size: 32px;
margin-bottom: 20px
}
@media (min-width: 992px) {
.choose-jomo__card h4 {
font-size: 25px;
bottom: 20px;
margin-bottom: 0
}
}
@media (min-width: 1200px) {
.choose-jomo__card h4 {
font-size: 32px
}
}
.choose-jomo__card p {
bottom: 24px;
margin: 0;
letter-spacing: 0.3px;
max-width: 205px;
padding-right: 25px
}
@media (min-width: 992px) {
.choose-jomo__card p {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px)
}
}
.choose-jomo__card-list {
-webkit-transform: none;
transform: none;
opacity: 1
}
.choose-jomo__card-list>.row {
margin-bottom: 24px
}
.choose-jomo__card-list>.row:last-child {
margin-bottom: 0
}
.choose-jomo__card-list .row>.col-4:nth-child(3),
.choose-jomo__card-list .row>.col-4:nth-child(4),
.choose-jomo__card-list .row>.col-8:nth-child(3),
.choose-jomo__card-list .row>.col-8:nth-child(4) {
padding-top: 24px
}
.choose-jomo__card-list.remove-animate-scroll .choose-jomo__card {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
.choose-jomo__card--01 {
background-position: calc(100% + 20px) -35px;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
border-bottom-left-radius: 0
}
.choose-jomo__card--02 {
background-position: calc(100% + 15px) -45px;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
border-top-left-radius: 0
}
@media (min-width: 992px) {
.choose-jomo__card--02 {
background-position: calc(100% - 25px) -105px
}
}
.choose-jomo__card--02 p {
max-width: 290px
}
.choose-jomo__card--03 {
background-position: calc(100% + 15px) 5px;
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
border-bottom-left-radius: 0
}
@media (min-width: 992px) {
.choose-jomo__card--03 {
background-position: calc(100% + 25px) -15px
}
}
.choose-jomo__card--03 p {
max-width: 235px
}
.choose-jomo__card--04 {
background-position: calc(100% + 10px) 25px;
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
border-bottom-right-radius: 0
}
@media (min-width: 992px) {
.choose-jomo__card--04 {
background-position: calc(100% + 25px) -15px
}
}
.choose-jomo__card--05 {
background-position: calc(100% + 60px) -5px;
-webkit-transition-delay: 1s;
transition-delay: 1s;
border-top-right-radius: 0
}
@media (min-width: 992px) {
.choose-jomo__card--05 {
background-position: calc(100% - 50px) 20px
}
}
.choose-jomo__card--05 p {
max-width: 235px
}
.choose-jomo__card:hover h4 {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0
}
.choose-jomo__card:hover p {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.choose-jomo__pagination {
padding-top: 30px
}
.purpose__subtitle {
font-weight: 700;
font-size: 20px;
color: #cd9976;
letter-spacing: 2px;
text-transform: uppercase;
margin: 0 0 25px 5px;
display: block
}
@media (min-width: 992px) {
.purpose__subtitle {
font-size: 18px;
margin: 20px 0 20px 5px
}
}
@media (min-width: 1200px) {
.purpose__subtitle {
font-size: 20px
}
}
.purpose__title {
letter-spacing: -3.5px;
margin-bottom: 20px;
font-size: 2.5rem
}
@media (min-width: 576px) {
.purpose__title {
font-size: 64px
}
}
@media (min-width: 992px) {
.purpose__title {
font-size: 55px
}
}
@media (min-width: 1200px) {
.purpose__title {
font-size: 55px;
margin-right: 40px
}
}
@media (max-width: 991px) {
.purpose__list {
margin: 0 10px
}
}
.purpose__list.remove-animate-scroll .purpose__item {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
.purpose__item {
border-bottom: 1px solid rgba(205, 153, 118, 0.5);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out
}
@media (min-width: 992px) {
.purpose__item {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0
}
}
@media (min-width: 992px) {
.purpose__item:nth-child(1) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s
}
}
@media (min-width: 992px) {
.purpose__item:nth-child(2) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s
}
}
@media (min-width: 992px) {
.purpose__item:nth-child(3) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s
}
}
@media (min-width: 992px) {
.purpose__item:nth-child(4) {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s
}
}
@media (min-width: 992px) {
.purpose__item:nth-child(5) {
-webkit-transition-delay: 1s;
transition-delay: 1s
}
}
@media (min-width: 992px) {
.purpose__item:nth-child(6) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s
}
}
@media (min-width: 992px) {
.purpose__item:nth-child(7) {
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s
}
}
@media (min-width: 992px) {
.purpose__item:nth-child(8) {
-webkit-transition-delay: 1.6s;
transition-delay: 1.6s
}
}
@media (min-width: 992px) {
.purpose__item:nth-child(9) {
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s
}
}
@media (min-width: 992px) {
.purpose__item:nth-child(10) {
-webkit-transition-delay: 2s;
transition-delay: 2s
}
}
@media (min-width: 992px) {
.purpose__item:nth-child(11) {
-webkit-transition-delay: 2.2s;
transition-delay: 2.2s
}
}
@media (min-width: 992px) {
.purpose__item:nth-child(12) {
-webkit-transition-delay: 2.4s;
transition-delay: 2.4s
}
}
@media (min-width: 992px) {
.purpose__item:nth-child(13) {
-webkit-transition-delay: 2.6s;
transition-delay: 2.6s
}
}
@media (min-width: 992px) {
.purpose__item:nth-child(14) {
-webkit-transition-delay: 2.8s;
transition-delay: 2.8s
}
}
@media (min-width: 992px) {
.purpose__item:nth-child(15) {
-webkit-transition-delay: 3s;
transition-delay: 3s
}
}
.purpose__item:last-child {
border-bottom: none
}
.purpose-item__title {
font-weight: 700;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 2px;
color: #25372f;
display: block;
padding: 25px 0;
position: relative
}
@media (min-width: 992px) {
.purpose-item__title {
font-size: 18px;
padding: 20px 0
}
}
@media (min-width: 1200px) {
.purpose-item__title {
font-size: 20px;
padding: 25px 0
}
}
.purpose-item__title::after {
content: "";
width: 20px;
height: 20px;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s
}
@media (min-width: 992px) {
.purpose-item__title::after {
right: 20px
}
}
.purpose-item__title:hover {
color: #006239
}
.purpose-item__title--active::after {
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg)
}
.purpose-item__title--active+.purpose-item__desc {
display: block
}
.purpose-item__desc {
margin-bottom: 25px;
display: none
}
@media (min-width: 992px) {
.purpose-item__desc {
margin: -5px 60px 25px 0
}
}
.purpose-item__desc p {
margin: 0 0 20px
}
.purpose-item__desc p:last-child {
margin-bottom: 0
}
.timeline__title {
text-align: center;
margin-bottom: 30px;
font-size: 2.5rem
}
@media (min-width: 576px) {
.timeline__title {
font-size: 46px
}
}
@media (min-width: 992px) {
.timeline__title {
font-size: 70px;
letter-spacing: -5px;
margin-bottom: 60px
}
}
@media (min-width: 1200px) {
.timeline__title {
font-size: 100px;
margin-bottom: 85px
}
}
.timeline__years {
position: relative
}
@media (max-width: 991px) {
.timeline__years {
padding-top: 25px
}
}
@media (min-width: 992px) {
.timeline__years::before {
content: "";
border-top: 2px dotted #d7b094;
position: absolute;
top: 50px;
left: 10px;
right: 10px
}
}
.timeline__years ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media (max-width: 991px) {
.timeline__years ul {
gap: 4px
}
}
@media (min-width: 992px) {
.timeline__years ul {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}
.timeline__years li {
background: none !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
margin: 0 !important;
width: 8px !important;
height: 8px !important;
opacity: 1 !important
}
@media (max-width: 991px) {
.timeline__years li {
border: 1px solid #394940
}
.timeline__years li span {
display: none
}
}
@media (min-width: 992px) {
.timeline__years li {
font-size: 18px;
font-family: "Red Hat Display", sans-serif;
letter-spacing: 1px;
padding-bottom: 33px;
width: auto !important;
height: auto !important;
border-radius: 0 !important
}
.timeline__years li::before {
content: "";
background-color: #f2ebe1;
border: 2px solid #25372f;
width: 34px;
height: 34px;
margin-top: 15px;
border-radius: 50%
}
.timeline__years li::after {
content: "";
background-color: #006239;
width: 20px;
height: 20px;
border-radius: 50%;
position: absolute;
left: 50%;
bottom: 40px;
opacity: 0;
margin-left: -10px;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s
}
.timeline__years li:nth-child(even) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 33px;
padding-bottom: 0
}
.timeline__years li:nth-child(even)::before {
margin-top: 0;
margin-bottom: 15px
}
.timeline__years li:nth-child(even)::after {
top: 40px;
bottom: auto
}
.timeline__years li:hover::after {
opacity: 1
}
}
@media (max-width: 991px) {
.timeline__years li.swiper-pagination-bullet-active {
background-color: #d7b094 !important;
border-color: #d7b094;
width: 10px !important;
height: 10px !important
}
}
@media (min-width: 992px) {
.timeline__years li.swiper-pagination-bullet-active::after {
opacity: 1
}
}
.timeline__swiper {
width: 100%
}
@media (min-width: 992px) {
.timeline__swiper.swiper-initialized .timeline__arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.timeline__slide {
padding: 20px 0 20px 30px
}
@media (min-width: 992px) {
.timeline__slide {
padding: 90px 0 90px 140px
}
}
@media (min-width: 1200px) {
.timeline__slide {
padding: 120px 0 120px 260px
}
}
.timeline__image {
position: relative;
background-color: #ffffff;
width: 100%;
height: 280px;
border-radius: 0 25px
}
@media (max-width: 991px) {
.timeline__image {
margin-bottom: 25px
}
}
@media (min-width: 992px) {
.timeline__image {
width: 395px;
height: 395px;
border-radius: 0 50px
}
}
.timeline__image span {
background-color: #006239;
width: 80px;
height: 105px;
padding: 15px;
position: absolute;
top: -20px;
left: -30px;
z-index: 1;
font-size: 40px;
line-height: 38px;
font-family: "Red Hat Display", sans-serif;
color: #ffffff;
word-break: break-all;
text-align: center;
border-radius: 15px 15px 0 15px
}
@media (min-width: 992px) {
.timeline__image span {
width: 115px;
height: 155px;
padding: 30px 25px;
top: -25px;
left: -90px;
font-size: 50px;
line-height: 50px;
border-radius: 30px 30px 0 30px
}
}
.timeline__image img {
max-width: 80%;
max-height: 80%;
-o-object-fit: cover;
object-fit: cover;
display: block
}
@media (min-width: 992px) {
.timeline__image img {
max-width: 100%;
max-height: 100%
}
}
.timeline__image div {
overflow: hidden;
border: 7px solid #ffffff;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 0 25px
}
@media (min-width: 992px) {
.timeline__image div {
border-radius: 0 50px
}
}
.timeline__text {
margin-left: -10px
}
@media (min-width: 992px) {
.timeline__text {
margin: 0 30px
}
}
.timeline__text p {
font-weight: 700;
font-size: 18px;
letter-spacing: 0.3px;
margin-bottom: 20px
}
@media (max-width: 991px) {
.timeline__text p {
margin: 0
}
}
.timeline__text p:last-child {
margin-bottom: 0
}
.timeline__arrow {
position: absolute;
top: 50%;
z-index: 2;
margin-top: -30px;
border: 2px solid #25362e;
width: 76px;
height: 76px;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
border-radius: 50%;
-webkit-transition: border-color 0.2s;
transition: border-color 0.2s
}
.timeline__arrow::before {
content: "";
width: 24px;
height: 24px;
-webkit-transition: -webkit-transform 0.2s, -webkit-filter 0.2s;
transition: -webkit-transform 0.2s, -webkit-filter 0.2s;
transition: transform 0.2s, filter 0.2s;
transition: transform 0.2s, filter 0.2s, -webkit-transform 0.2s, -webkit-filter 0.2s
}
.timeline__arrow--left {
left: 20px
}
.timeline__arrow--left::before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.timeline__arrow--left:hover:not(.swiper-button-disabled)::before {
-webkit-transform: rotate(180deg) translateX(4px);
transform: rotate(180deg) translateX(4px)
}
.timeline__arrow--right {
right: 20px
}
.timeline__arrow--right:hover:not(.swiper-button-disabled)::before {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
.timeline__arrow:hover:not(.swiper-button-disabled) {
border-color: #006239
}
.timeline__arrow:hover:not(.swiper-button-disabled)::before {
-webkit-filter: invert(26%) sepia(79%) saturate(509%) hue-rotate(105deg) brightness(67%) contrast(103%);
filter: invert(26%) sepia(79%) saturate(509%) hue-rotate(105deg) brightness(67%) contrast(103%)
}
.timeline__arrow.swiper-button-disabled {
opacity: 0.5;
cursor: default
}
.sustainable__top-image {
width: 100%;
height: 180px;
-o-object-fit: cover;
object-fit: cover;
display: block;
margin-bottom: 70px;
border-radius: 0 25px
}
@media (min-width: 992px) {
.sustainable__top-image {
height: 300px;
margin-bottom: 80px;
border-radius: 0 50px
}
}
@media (min-width: 1200px) {
.sustainable__top-image {
margin-bottom: 155px
}
}
.sustainable__title {
margin-bottom: 50px
}
@media (max-width: 991px) {
.sustainable__title {
text-align: center
}
}
@media (min-width: 992px) {
.sustainable__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 90px
}
}
.sustainable__title img {
max-width: 160px;
height: auto;
display: block;
margin: 0 auto 25px
}
@media (min-width: 992px) {
.sustainable__title img {
margin: 0 40px 0 0
}
}
.sustainable__title span {
font-size: 36px;
line-height: 90%;
display: block
}
@media (min-width: 992px) {
.sustainable__title span {
font-size: 40px
}
}
.sustainable__title strong {
font-weight: 900;
font-size: 54px;
color: #cd9976;
display: block
}
@media (min-width: 992px) {
.sustainable__title strong {
font-size: 113px
}
}
.sustainable__subtitle {
margin-bottom: 15px;
font-size: 2.1rem
}
@media (min-width: 576px) {
.sustainable__subtitle {
font-size: 46px
}
}
@media (min-width: 992px) {
.sustainable__subtitle {
font-size: 50px;
margin-right: 20px;
margin-bottom: 65px
}
}
@media (min-width: 1200px) {
.sustainable__subtitle {
font-size: 50px;
margin-right: 50px;
margin-bottom: 95px
}
}
.sustainable__text {
margin-bottom: 40px
}
@media (min-width: 992px) {
.sustainable__text {
margin-bottom: 65px
}
}
@media (min-width: 1200px) {
.sustainable__text {
margin-bottom: 95px
}
}
.sustainable__text p {
line-height: 155%;
letter-spacing: 0.4px;
margin: 5px 0 20px
}
@media (max-width: 991px) {
.sustainable__text p {
font-size: 14px
}
}
@media (min-width: 992px) {
.sustainable__text p {
line-height: 150%;
letter-spacing: 0.5px;
margin-bottom: 15px
}
}
.sustainable__text p:last-child {
margin-bottom: 0
}
@media (max-width: 991px) {
.sustainable__text strong {
font-size: 16px;
line-height: 150%
}
}
@media (min-width: 1200px) {
.sustainable__text strong {
font-size: 18px;
line-height: 155%
}
}
@media (max-width: 991px) {
.sustainable__cards {
margin: 0 -20px 0 -20px;
padding: 0 55px 0 30px
}
}
.sustainable__card>div {
position: relative;
overflow: hidden;
height: 415px;
border-radius: 35px
}
@media (max-width: 991px) {
.sustainable__card>div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 20px 15px 20px 30px
}
}
@media (min-width: 992px) {
.sustainable__card>div {
height: 500px
}
.sustainable__card>div:hover img {
opacity: 0;
-webkit-transform: translateX(50px);
transform: translateX(50px)
}
.sustainable__card>div:hover p {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.sustainable__card img {
position: absolute;
top: -20px;
right: -20px
}
@media (min-width: 992px) {
.sustainable__card img {
top: 45px;
right: 45px;
-webkit-transition: opacity 0.2s, -webkit-transform 0.3s;
transition: opacity 0.2s, -webkit-transform 0.3s;
transition: opacity 0.2s, transform 0.3s;
transition: opacity 0.2s, transform 0.3s, -webkit-transform 0.3s
}
}
.sustainable__card h3 {
font-weight: 700;
font-size: 32px;
color: #25372f
}
@media (max-width: 991px) {
.sustainable__card h3 {
margin-bottom: 10px
}
}
@media (min-width: 992px) {
.sustainable__card h3 {
font-size: 35px;
position: absolute;
bottom: 40px;
left: 40px
}
}
@media (min-width: 1200px) {
.sustainable__card h3 {
font-size: 42px
}
}
.sustainable__card p {
max-width: 235px;
letter-spacing: 0.4px;
line-height: 160%;
margin: 0
}
@media (max-width: 991px) {
.sustainable__card p {
font-size: 14px
}
}
@media (min-width: 992px) {
.sustainable__card p {
position: absolute;
top: 35px;
left: 30px;
line-height: 150%;
opacity: 0;
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
-webkit-transition: opacity 0.2s, -webkit-transform 0.3s;
transition: opacity 0.2s, -webkit-transform 0.3s;
transition: opacity 0.2s, transform 0.3s;
transition: opacity 0.2s, transform 0.3s, -webkit-transform 0.3s
}
}
@media (min-width: 1200px) {
.sustainable__card p {
top: 55px;
left: 40px;
max-width: 295px
}
}
.sustainable__card:nth-child(1)>div {
border-bottom-left-radius: 0
}
.sustainable__card:nth-child(2)>div {
border-top-left-radius: 0
}
.sustainable__card:nth-child(3)>div {
border-top-right-radius: 0
}
.sustainable__pagination {
padding-top: 30px
}
.actions__title {
text-align: center;
margin-bottom: 30px;
font-size: 2.5rem
}
@media (min-width: 576px) {
.actions__title {
font-size: 52px
}
}
@media (min-width: 992px) {
.actions__title {
font-size: 70px;
margin-bottom: 35px
}
}
@media (min-width: 1200px) {
.actions__title {
font-size: 100px
}
}
.actions__text {
margin: 0 0 35px
}
@media (max-width: 991px) {
.actions__text {
line-height: 150%
}
}
@media (min-width: 992px) {
.actions__text {
margin: 0 150px 40px
}
}
@media (min-width: 1200px) {
.actions__text {
margin: 0 210px 60px
}
}
.actions__text p {
text-align: center;
margin: 0
}
@media (min-width: 1200px) {
.actions__text p {
font-size: 18px
}
}
@media (max-width: 991px) {
.actions__data-list {
margin: 0 10px
}
}
@media (min-width: 992px) {
.actions__data-list ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}
.actions__data-item {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0
}
@media (max-width: 991px) {
.actions__data-item {
padding: 9px 125px 40px 0;
min-height: 109px
}
}
.actions__data-item::after {
content: "";
border-width: 0 0 0 2px;
border-style: dotted;
border-color: #d7b094;
width: 1px;
position: absolute;
inset: 115px 53px 5px auto;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
@media (min-width: 992px) {
.actions__data-item::after {
border-width: 2px 0 0;
width: 40%;
inset: 85px auto auto 100%
}
}
@media (min-width: 1200px) {
.actions__data-item::after {
top: 110px
}
}
@media (max-width: 991px) {
.actions__data-item:last-child {
padding-bottom: 0
}
}
.actions__data-item:last-child::after {
display: none
}
.actions__data-value {
border: 2px solid #25372f;
width: 109px;
height: 109px;
color: #006239;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%
}
@media (max-width: 991px) {
.actions__data-value {
position: absolute;
top: 0;
right: 0
}
}
@media (min-width: 992px) {
.actions__data-value {
border-width: 3px;
width: 170px;
height: 170px;
margin: 0 auto 23px
}
}
@media (min-width: 1200px) {
.actions__data-value {
width: 220px;
height: 220px
}
}
.actions__data-value span {
font-weight: 500;
font-size: 16px
}
@media (min-width: 992px) {
.actions__data-value span {
font-size: 22px
}
}
.actions__data-value strong {
font-weight: 900;
font-size: 34px
}
@media (min-width: 992px) {
.actions__data-value strong {
font-size: 55px
}
}
@media (min-width: 1200px) {
.actions__data-value strong {
font-size: 70px
}
}
.actions__data-value strong span {
font-weight: 500;
font-size: 20px
}
@media (min-width: 992px) {
.actions__data-value strong span {
font-size: 30px
}
}
@media (min-width: 1200px) {
.actions__data-value strong span {
font-size: 40px
}
}
.actions__data-title {
font-size: 20px;
color: #006239;
display: block;
margin-bottom: 10px
}
@media (min-width: 992px) {
.actions__data-title {
letter-spacing: 1.4px;
text-align: center;
text-transform: uppercase;
color: #25372f;
margin-bottom: 15px
}
}
@media (min-width: 1200px) {
.actions__data-title {
font-size: 28px
}
}
@media (min-width: 992px) {
.actions__data-text {
text-align: center;
margin: 0 40px
}
}
.actions__data-text p {
margin: 0
}
@media (min-width: 992px) {
.actions__data-text p {
font-weight: 700
}
}
@media (min-width: 1200px) {
.actions__data-text p {
font-size: 18px;
line-height: 135%
}
}
.project__item {
margin-bottom: 50px
}
@media (min-width: 992px) {
.project__item {
margin-bottom: 140px
}
}
.project__item:last-child {
margin-bottom: 0
}
.project__item:nth-child(even) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
@media (min-width: 992px) {
.project__item:nth-child(even) .project__title {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
}
@media (max-width: 991px) {
.project__item:nth-child(even) .project__image {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding-right: 0px;
padding-left: 40px
}
}
.project__item:nth-child(even) .project__image-desc {
background-color: #006239
}
@media (max-width: 991px) {
.project__item:nth-child(even) .project__image-desc {
margin: 0 0 -40px -40px
}
}
@media (min-width: 992px) {
.project__item:nth-child(even) .project__image-desc {
right: auto;
left: -130px
}
}
.project__item:nth-child(even) .project__image-desc p {
color: #ffffff
}
@media (min-width: 992px) {
.project__item:nth-child(5n+1) .project__image {
margin-left: -25px
}
}
@media (min-width: 992px) {
.project__item:nth-child(5n+2) {
margin-bottom: 120px
}
}
@media (max-width: 991px) {
.project__item:nth-child(5n+2) .project__title {
font-size: 72px;
margin-bottom: 35px
}
}
@media (min-width: 992px) {
.project__item:nth-child(5n+2) .project__title {
margin-top: 10px;
margin-right: 35px
}
}
@media (min-width: 1200px) {
.project__item:nth-child(5n+2) .project__title {
margin-top: 40px;
margin-right: 65px
}
}
@media (min-width: 992px) {
.project__item:nth-child(5n+2) .project__desc {
padding: 35px 25px 0 0
}
}
@media (min-width: 1200px) {
.project__item:nth-child(5n+2) .project__desc {
padding: 45px 65px 0 40px
}
}
@media (min-width: 992px) {
.project__item:nth-child(5n+2) .project__image {
margin-left: 120px
}
}
@media (min-width: 992px) {
.project__item:nth-child(5n+3) {
margin-bottom: 120px
}
}
@media (max-width: 991px) {
.project__item:nth-child(5n+3) .project__title {
font-size: 64px
}
}
@media (min-width: 992px) {
.project__item:nth-child(5n+3) .project__title {
margin: 10px 0 0
}
}
@media (min-width: 992px) {
.project__item:nth-child(5n+3) .project__title span {
margin-right: 135px
}
}
@media (min-width: 1200px) {
.project__item:nth-child(5n+3) .project__desc {
padding: 40px 80px 0 15px
}
}
@media (min-width: 992px) {
.project__item:nth-child(5n+3) .project__image-desc {
padding: 50px 30px 35px 40px;
top: -65px;
right: -190px
}
}
@media (min-width: 992px) {
.project__item:nth-child(5n+4) {
margin-bottom: 125px
}
}
@media (min-width: 992px) {
.project__item:nth-child(5n+4) .project__title {
margin-top: 20px
}
}
@media (min-width: 992px) {
.project__item:nth-child(5n+4) .project__title span {
margin-right: 135px
}
}
@media (min-width: 992px) {
.project__item:nth-child(5n+4) .project__desc {
padding: 35px 0 0
}
}
@media (min-width: 1200px) {
.project__item:nth-child(5n+4) .project__desc {
padding: 50px 0 0 40px
}
}
@media (max-width: 991px) {
.project__item:nth-child(5n+4) .project__image {
padding-left: 20px
}
}
@media (min-width: 992px) {
.project__item:nth-child(5n+4) .project__image {
margin-left: 120px
}
}
@media (max-width: 991px) {
.project__item:nth-child(5n+4) .project__image-desc {
margin: 0 0 -80px -15px
}
}
@media (min-width: 992px) {
.project__item:nth-child(5n+4) .project__image-desc {
top: -40px
}
}
@media (min-width: 992px) {
.project__item:nth-child(5n+5) {
margin-bottom: 120px
}
}
@media (max-width: 991px) {
.project__item:nth-child(5n+5) .project__title {
font-size: 72px
}
}
@media (min-width: 992px) {
.project__item:nth-child(5n+5) .project__title {
margin: 10px 0 0
}
}
@media (min-width: 992px) {
.project__item:nth-child(5n+5) .project__title span {
margin-right: 135px
}
}
@media (min-width: 1200px) {
.project__item:nth-child(5n+5) .project__desc {
padding: 40px 60px 0 15px
}
}
@media (min-width: 992px) {
.project__item:nth-child(5n+5) .project__image-desc {
padding: 50px 30px 35px 40px;
top: -65px;
right: -190px
}
}
.project__title {
font-weight: 900;
font-size: 59px;
line-height: 70%;
color: #cd9976;
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media (max-width: 991px) {
.project__title {
text-align: center;
margin-bottom: 25px
}
}
@media (min-width: 992px) {
.project__title {
font-size: 75px
}
}
@media (min-width: 1200px) {
.project__title {
font-size: 100px
}
}
.project__title span {
font-weight: normal;
font-size: 2rem;
line-height: 80%;
font-family: "Red Hat Display", sans-serif;
color: #006239;
text-transform: uppercase;
display: block;
margin-bottom: 15px
}
@media (min-width: 576px) {
.project__title span {
white-space: nowrap;
font-size: 32px
}
}
@media (min-width: 992px) {
.project__title span {
font-size: 28px
}
}
@media (min-width: 1200px) {
.project__title span {
font-size: 36px
}
}
.project__desc {
padding: 30px 10px 0
}
@media (min-width: 992px) {
.project__desc {
padding: 35px 50px 0 15px
}
}
@media (min-width: 1200px) {
.project__desc {
padding: 55px 75px 0 25px
}
}
.project__desc p {
letter-spacing: 0.3px;
margin: 0 0 20px
}
@media (max-width: 991px) {
.project__desc p {
font-size: 14px
}
}
@media (min-width: 992px) {
.project__desc p {
line-height: 150%
}
}
.project__desc p:last-child {
margin: 0
}
.project__image {
position: relative;
width: 100%
}
@media (max-width: 991px) {
.project__image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 25px;
padding-left: 15px
}
}
@media (min-width: 992px) {
.project__image {
width: 477px;
height: 400px;
margin-left: -60px
}
}
.project__image img {
width: 100%;
height: 235px;
-o-object-fit: cover;
object-fit: cover;
display: block;
border-radius: 25px 0
}
@media (min-width: 992px) {
.project__image img {
height: 100%;
border-radius: 50px 0
}
}
.project__image-desc {
background-color: #b2d0c4;
width: 260px;
position: relative;
padding: 30px 10px 20px 30px;
border-radius: 25px 0
}
@media (max-width: 991px) {
.project__image-desc {
margin: -40px -25px 0 auto
}
}
@media (min-width: 992px) {
.project__image-desc {
position: absolute;
top: -65px;
right: -155px;
padding: 40px 35px 40px 40px;
border-radius: 50px 0
}
}
.project__image-desc p {
font-weight: 700;
letter-spacing: 0.3px;
color: #25372f;
margin: 0
}
@media (max-width: 991px) {
.project__image-desc p {
font-size: 14px
}
}
@media (min-width: 992px) {
.project__image-desc p {
line-height: 150%
}
}
.blog .col-9 {
width: 70%
}
.blog .col-3 {
width: 30%
}
.blog__header {
padding: 5px 0 0px;
margin-bottom: 10px
}
@media (min-width: 992px) {
.blog__header {
padding: 0px 0;
margin-bottom: 10px
}
}
.blog__header .section-title {
font-size: 42px;
text-align: center
}
@media (min-width: 1200px) {
.blog__header .section-title {
font-size: 50px
}
}
.blog__highlight {
margin-bottom: 35px
}
@media (min-width: 992px) {
.blog__highlight {
margin-bottom: 75px
}
}
@media (min-width: 992px) {
.blog__list-posts {
margin: 0 -15px 0
}
}
.blog__list-posts>* {
padding-right: 5px;
padding-left: 5px
}
@media (min-width: 992px) {
.blog__list-posts>* {
padding-right: 15px;
padding-left: 15px
}
}
.blog__list-posts .blog-item {
margin-bottom: 40px
}
@media (min-width: 992px) {
.blog__list-posts .blog-item {
margin-bottom: 65px
}
}
@media (min-width: 1200px) {
.blog__sidebar {
padding: 0 20px 0 45px
}
}
.blog__sidebar .blog-item {
margin-bottom: 32px
}
.blog__load-more {
margin: 12px 22px 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media (min-width: 992px) {
.blog__load-more {
border-top: 2px solid rgba(205, 153, 118, 0.5);
margin-bottom: 35px;
margin-bottom: 130px;
padding-top: 68px
}
}
@media (min-width: 992px) {
.blog__load-more [buttonDefault] {
font-size: 22px;
height: 70px;
padding: 0 35px;
border-radius: 35px
}
}
.blog__load-more [buttonDefault]::after {
content: "";
width: 16px;
height: 16px;
margin-left: 12px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
@media (min-width: 992px) {
.blog__load-more [buttonDefault]::after {
width: 21px;
height: 21px
}
}
.blog__load-more [buttonDefault].disabled {
min-width: 100%
}
@media (min-width: 992px) {
.blog__load-more [buttonDefault].disabled {
min-width: 300px
}
}
@media (min-width: 1400px) {
.single-post .container {
max-width: 1174px
}
}
.single-post .intro-section {
background: linear-gradient(180deg, #f9f6f1 0, #f9f6f1 199px, transparent 200px, transparent 100%)
}
@media (min-width: 992px) {
.single-post .intro-section {
background: linear-gradient(180deg, #f9f6f1 0, #f9f6f1 309px, transparent 310px, transparent 100%)
}
}
.single-post .intro-section::before {
height: 200px
}
@media (min-width: 992px) {
.single-post .intro-section::before {
height: 310px
}
}
.single-post .post-header__featured-image {
margin-bottom: 35px;
overflow: hidden;
-webkit-box-shadow: 0 15px 15px rgba(77, 60, 34, 0.1);
box-shadow: 0 15px 15px rgba(77, 60, 34, 0.1)
}
@media (min-width: 992px) {
.single-post .post-header__featured-image {
margin-bottom: 60px;
-webkit-box-shadow: 0 20px 20px rgba(77, 60, 34, 0.1);
box-shadow: 0 20px 20px rgba(77, 60, 34, 0.1)
}
}
.single-post .post-header__featured-image img {
width: 100%;
height: 190px;
-o-object-fit: cover;
object-fit: cover;
display: block
}
@media (min-width: 992px) {
.single-post .post-header__featured-image img {
height: 455px
}
}
.single-post .post-header__title {
font-size: 24px;
line-height: 135%;
color: #25372f;
margin: 0 10px 20px
}
@media (min-width: 992px) {
.single-post .post-header__title {
font-size: 46px;
margin: 0 88px 40px
}
}
.single-post .post-header__date {
background-color: #006239;
position: absolute;
top: 0;
right: 30px;
z-index: 3;
width: 70px;
height: 85px;
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 0 20px 20px 20px
}
@media (min-width: 992px) {
.single-post .post-header__date {
right: 75px;
width: 105px;
height: 125px;
border-radius: 0 30px 30px 30px
}
}
.single-post .post-header__date span {
text-transform: uppercase;
text-align: center;
color: #ffffff
}
.single-post .post-header__date span:nth-child(1) {
font-size: 42px;
font-family: "Red Hat Display", sans-serif
}
@media (min-width: 992px) {
.single-post .post-header__date span:nth-child(1) {
font-size: 60px
}
}
.single-post .post-header__date span:nth-child(2) {
font-size: 15px
}
@media (min-width: 992px) {
.single-post .post-header__date span:nth-child(2) {
font-size: 22px
}
}
.single-post .post-share__like a {
font-size: 20px;
color: #25372f;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px
}
.single-post .post-share__like a::before {
content: "";
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi4yNjgiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNi4yNjggMTUiPg0KICA8ZyBpZD0ibm91bl9IZWFydF84MzE2NjAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDE4LjI1IDQ3OS45OSkiPg0KICAgIDxwYXRoIGlkPSJDYW1pbmhvXzY0IiBkYXRhLW5hbWU9IkNhbWluaG8gNjQiIGQ9Ik0xMC4yOTEsMTcuOTg4YS4yLjIsMCwwLDAsLjA5My4wMjIuMjE2LjIxNiwwLDAsMCwuMDkzLS4wMjJjMi43NjEtMS4zODEsOC4wNDEtNi40NzgsOC4wNDEtMTAuMzMxQTQuNTE2LDQuNTE2LDAsMCwwLDEzLjg3MSwzLjAxYTUuMzE3LDUuMzE3LDAsMCwwLTMuNDg3LDEuOEE1LjMxMyw1LjMxMywwLDAsMCw2LjksMy4wMSw0LjUxNiw0LjUxNiwwLDAsMCwyLjI1LDcuNjU3QzIuMjUsMTEuNTEsNy41MywxNi42MDgsMTAuMjkxLDE3Ljk4OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMTYgLTQ4MykiIGZpbGw9IiNjZDk5NzYiLz4NCiAgPC9nPg0KPC9zdmc+DQo=);
background-repeat: no-repeat;
background-size: contain;
width: 16px;
height: 15px
}
.single-post .post-share__like a:hover {
color: #006239
}
.single-post .post-share__links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 13px
}
@media (min-width: 992px) {
.single-post .post-share__links {
gap: 18px
}
}
.single-post .post-share__links span {
font-size: 14px;
color: #cd9976;
letter-spacing: 1px
}
.single-post .post-share__links a svg {
-webkit-transition: fill 0.2s;
transition: fill 0.2s
}
.single-post .post-share__links a:hover svg path {
fill: #006239
}
.single-post .posts-related {
margin-bottom: 20px
}
.single-post .posts-related__title {
font-size: 46px;
text-align: center;
margin-bottom: 32px
}
@media (min-width: 992px) {
.single-post .posts-related__title {
font-size: 60px;
margin-bottom: 50px
}
}
@media (max-width: 991px) {
.single-post .posts-related__swiper {
margin: 0 10px
}
}
.single-post .posts-related__pagination {
padding-top: 60px
}
.single-post .posts-related__pagination.swiper-pagination-lock {
display:none;
}
.single-post .posts-related__button {
padding-top: 30px;
text-align: center
}
@media (min-width: 992px) {
.single-post .posts-related__button {
padding-top: 30px
}
}
.type-product__header {
position: relative;
padding: 50px 0 20px 10px
}
@media (max-width: 991px) {
.type-product__header {
margin-bottom: 10px
}
}
@media (min-width: 992px) {
.type-product__header {
padding: 30px 0 0 225px
}
}
.type-product__header::before {
content: "";
position: absolute;
inset: 90px 0 20px 10px;
z-index: 1;
border-radius: 0 30px;
-webkit-box-shadow: 0 20px 30px rgba(77, 60, 34, 0.15);
box-shadow: 0 20px 30px rgba(77, 60, 34, 0.15)
}
@media (min-width: 992px) {
.type-product__header::before {
inset: 65px 35px 0 260px;
border-radius: 50px 0;
-webkit-box-shadow: 0 20px 20px rgba(77, 60, 34, 0.1);
box-shadow: 0 20px 20px rgba(77, 60, 34, 0.1)
}
}
.type-product__header .section-box-title {
background-color: #b3aea4;
max-width: 450px;
min-height: 165px;
padding: 35px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
z-index: 3;
border-radius: 30px 0;
-webkit-box-shadow: 20px 20px 20px rgba(77, 60, 34, 0.1);
box-shadow: 20px 20px 20px rgba(77, 60, 34, 0.1)
}
@media (max-width: 991px) {
.type-product__header .section-box-title {
width: calc(100% - 20px)
}
}
@media (min-width: 992px) {
.type-product__header .section-box-title {
min-height: 240px;
padding: 40px;
border-radius: 50px 0
}
}
@media (min-width: 1200px) {
.type-product__header .section-box-title {
max-width: 500px;
min-height: 260px;
padding: 55px 50px 60px
}
}
.type-product__header [titleDefault] {
font-size: 2.5rem;
line-height: 100%;
letter-spacing: -1px;
color: #fff
}
@media (min-width: 576px) {
.type-product__header [titleDefault] {
font-size: 46px
}
}
@media (min-width: 992px) {
.type-product__header [titleDefault] {
font-size: 70px;
line-height: 90%;
letter-spacing: -4px
}
}
@media (min-width: 1200px) {
.type-product__header [titleDefault] {
font-size: 60px
}
}
.type-product__header-main [titleDefault] {
font-size: 24px;
color: rgba(0, 0, 0, 0.5);
}
.section-description,
.section-description p {
margin-top: 8px;
font-size: 12px;
line-height: 1.3em;
}
@media (min-width: 1200px) {
.type-product__header-main [titleDefault] {
font-size: 32px; 
}
.section-description,
.section-description p {
margin-top: 8px;
font-size: 13px;
}
}
.type-product__header img {
position: relative;
z-index: 2;
width: 100%;
height: 300px;
-o-object-fit: cover;
object-fit: cover;
display: block;
border-radius: 0 30px
}
@media (min-width: 992px) {
.type-product__header img {
border-radius: 50px 0
}
}
.type-product__header--occasion div {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.type-product__header--occasion h1 {
font-weight: 700;
font-size: 24px;
margin-bottom: 10px
}
@media (min-width: 992px) {
.type-product__header--occasion h1 {
font-size: 42px;
margin-bottom: 20px
}
}
.type-product__header--occasion p {
margin: 0
}
@media (max-width: 991px) {
.type-product__header--occasion p {
font-size: 14px
}
}
.type-product__icon {
background-repeat: no-repeat;
background-position: center center;
background-size: 70%;
position: absolute;
bottom: 0;
right: 30px;
z-index: 3;
width: 72px;
height: 72px;
border-radius: 0 15px 15px
}
@media (min-width: 992px) {
.type-product__icon {
top: 0;
bottom: auto;
right: 80px;
width: 105px;
height: 105px;
border-radius: 0 30px 30px
}
}
.tax-tipo-produto .intro-section {
}
.products__sidebar {
padding-top: 10px
}
.products__sidebar h4 {
font-weight: 700;
font-size: 20px;
letter-spacing: 1px;
text-transform: uppercase;
color: #b3aea4;
margin-bottom: 26px
}
.products__sidebar-mobile {
margin-bottom: 25px
}
.products__sidebar-mobile>span {
text-transform: uppercase
}
.products__filter {
margin-bottom: 10px
}
.products__filter>div:nth-child(2) .field-component {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
@media (max-width: 991px) {
.products__filter .field-component select.field-component__select {
background-color: #ffffff
}
.products__filter .field-component div.field-component__select .select__button {
background-color: #ffffff
}
}
@media (min-width: 992px) {
.products__filter .field-component {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.products__filter .field-component__label {
margin-right: 30px;
margin-bottom: 0
}
.products__filter .field-component select.field-component__select {
background-color: #ffffff;
width: 275px
}
.products__filter .field-component div.field-component__select {
width: 275px
}
.products__filter .field-component div.field-component__select .select__button {
background-color: #f7f4ef
}
}
.products__list {
padding-bottom: 10px
}
@media (max-width: 991px) {
.products__list {
margin-right: -5px;
margin-left: -5px
}
.products__list>* {
padding-right: 5px;
padding-left: 5px
}
}
@media (min-width: 992px) {
.products__list {
padding-bottom: 10px
}
}
.products__load-more {
text-align: center;
padding-top: 40px
}
@media (min-width: 992px) {
.products__load-more {
padding-top: 45px
}
}
.products__load-more [buttonDefault]::after {
content: "";
width: 20px;
height: 20px;
margin-left: 15px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.products__load-more [buttonDefault].disabled {
min-width: 255px
}
.sidebar__item {
margin-bottom: 8px
}
.sidebar__item a {
font-size: 14px;
color: rgba(37, 55, 47, 0.9);
letter-spacing: 0.7px;
display: inline-block;
background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));
background-image: linear-gradient(currentColor, currentColor);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 0 1px;
-webkit-transition: color 0.2s, background-size 0.5s;
transition: color 0.2s, background-size 0.5s
}
.sidebar__item a.active {
font-weight: 700;
color: rgba(0, 98, 57, 0.9)
}
.sidebar__item a:hover {
background-size: 100% 1px;
color: rgba(0, 98, 57, 0.9)
}
.sidebar__parent {
border-bottom: 1px solid rgba(205, 153, 118, 0.5)
}
.sidebar__parent:first-child {
border-top: none
}
.sidebar__parent:last-child {
border-bottom: none
}
.sidebar__parent:nth-last-child(1 of .sidebar__parent) {
margin-bottom: 20px
}
.sidebar__parent>ul {
padding-top: 5px;
margin-bottom: 30px;
display: none
}
.dropdown-mobile .sidebar__parent>ul {
background: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
margin-bottom: 25px;
position: static;
display: block
}
.sidebar__parent-name {
font-weight: 700;
font-size: 18px;
line-height: 115%;
color: #707070;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
padding: 9px 110px 9px 0;
min-height: 49px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-transition: color 0.2s;
transition: color 0.2s
}
.sidebar__parent-name:hover {
color: #545454
}
.sidebar__parent-name--active {
color: #545454
}
.sidebar__parent-name--active+ul {
display: block
}
.product__item {
margin-bottom: 15px;
}
@media (min-width: 992px) {
.product__item {
margin-bottom: 25px
}
}
.product-item__link {
background-color: #ffffff;
height: 200px;
padding-bottom: 15px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #25372f;
text-align: center;
border-radius: 25px 0 25px 25px;
-webkit-transition: color 0.2s, -webkit-box-shadow 0.2s;
transition: color 0.2s, -webkit-box-shadow 0.2s;
transition: color 0.2s, box-shadow 0.2s;
transition: color 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s
}
@media (min-width: 992px) {
.product-item__link {
height: 345px;
padding-bottom: 20px;
border-radius: 35px 0 35px 35px
}
}
.product-item__link::after {
content: "";
width: 16px;
height: 16px;
position: absolute;
top: 14px;
right: 14px;
opacity: 0;
-webkit-filter: invert(26%) sepia(79%) saturate(509%) hue-rotate(105deg) brightness(67%) contrast(103%);
filter: invert(26%) sepia(79%) saturate(509%) hue-rotate(105deg) brightness(67%) contrast(103%);
-webkit-transform: rotate(-45deg) translateX(-8px);
transform: rotate(-45deg) translateX(-8px);
-webkit-transition: opacity 0.1s, -webkit-transform 0.2s;
transition: opacity 0.1s, -webkit-transform 0.2s;
transition: transform 0.2s, opacity 0.1s;
transition: transform 0.2s, opacity 0.1s, -webkit-transform 0.2s
}
.product-item__link:hover .product-item__title {
color: #545454
}
@media (min-width: 992px) {
.product-item__link:hover {
color: #545454;
-webkit-box-shadow: 10px 10px 20px rgba(77, 60, 34, 0.1);
box-shadow: 10px 10px 20px rgba(77, 60, 34, 0.1)
}
.product-item__link:hover::after {
opacity: 1;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
}
.product-item__image {
width: 100%;
height: 220px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media (min-width: 992px) {
.product-item__image {
height: 300px;
}
}
.product-item__image img {
max-width: 90%;
max-height: 90%;
height: auto;
display: block
}
.product-item__title {
font-weight: 500;
font-size: 14px;
display: block;
margin-bottom: 10px;
color: #707070;
-webkit-transition: all 0.2s;
transition: all 0.2s
}
@media (min-width: 992px) {
.product-item__title {
font-size: 18px;
margin-bottom: 14px
}
}
.product-item__ref {
font-size: 12px;
font-family: "Red Hat Display", sans-serif;
color: rgba(37, 55, 47, 0.9);
text-transform: uppercase;
letter-spacing: 0.7px;
display: block
}
@media (min-width: 992px) {
.product-item__ref {
font-size: 14px
}
}
.product__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px 30px;
margin-bottom: 10px;
border-radius: 0 25px 25px;
background-color: #b3aea4
}
@media (min-width: 992px) {
.product__header {
padding: 20px 30px;
border-radius: 0 30px 30px
}
}
.product__header span {
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
min-width: 40px;
width: 40px;
height: 40px;
margin-right: 15px
}
@media (min-width: 992px) {
.product__header span {
margin-right: 20px
}
}
.product__header h2 {
color: #fff;
font-size: 1.8rem
}
@media (min-width: 576px) {
.product__header h2 {
font-size: 36px
}
}
.product__breadcrumb {
margin-bottom: 10px
}
@media (min-width: 992px) {
.product__breadcrumb {
margin-bottom: 20px
}
}
.product__breadcrumb .breadcrumb {
margin-bottom: 0
}
.product__images {
background-color: #ffffff;
height: 320px;
border-radius: 25px 0 25px 25px
}
@media (min-width: 992px) {
.product__images {
height: 500px;
}
}
@media (min-width: 1200px) {
.product__images {
height: 565px
}
}
.product__images-item {
width: 100%;
height: 320px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media (min-width: 992px) {
.product__images-item {
height: 500px
}
}
@media (min-width: 1200px) {
.product__images-item {
height: 565px
}
}
.product__images-item img {
max-width: 80%;
max-height: 80%;
display: block;
-o-object-fit: contain;
object-fit: contain
}
.product__images--left,
.product__images--right {
width: 20px;
height: 20px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2
}
.product__images--left.swiper-button-disabled,
.product__images--right.swiper-button-disabled {
opacity: 0.4;
cursor: default
}
.product__images--left {
left: 15px;
-webkit-transform: rotate(180deg) translateY(50%);
transform: rotate(180deg) translateY(50%)
}
.product__images--right {
right: 15px
}
.product__images-pagination {
padding-top: 15px;
margin-bottom: 35px
}
@media (min-width: 992px) {
.product__images-pagination {
padding-top: 15px;
margin-bottom: 25px
}
}
.product__thumb-images {
position: relative;
margin-bottom: 45px
}
@media (min-width: 992px) {
.product__thumb-images {
padding: 0 20px;
margin-bottom: 120px
}
}
.product__thumb-swiper {
padding-bottom: 0
}
.product__thumb-item {
background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
cursor: pointer;
border-radius: 0;
-webkit-transition: -webkit-box-shadow 0.2s;
transition: -webkit-box-shadow 0.2s;
transition: box-shadow 0.2s;
transition: box-shadow 0.2s, -webkit-box-shadow 0.2s
}
@media (min-width: 992px) {
.product__thumb-item {
}
}
@media (min-width: 1200px) {
.product__thumb-item {}
}
.product__thumb-item img {
width: 100%;
height: 100%;
display: block
}
.product__thumb-item:hover {}
.product__thumb--left,
.product__thumb--right {
width: 20px;
height: 20px;
position: absolute;
top: 50%;
margin-top: -10px;
z-index: 2
}
.product__thumb--left.swiper-button-disabled,
.product__thumb--right.swiper-button-disabled {
opacity: 0.4;
cursor: default
}
.product__thumb--left {
left: -20px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.product__thumb--right {
right: -20px
}
.product__info {
padding: 0 25px
}
@media (min-width: 992px) {
.product__info {
padding: 15px 40px 0
}
}
@media (min-width: 1200px) {
.product__info {
padding: 15px 12px 130px
}
.product__info.col-lg-6 {
padding: 15px 95px 130px 100px
}
}
.product__title span {
font-size: 12px;
letter-spacing: 0.05em;
font-family: "Red Hat Display", sans-serif;
text-transform: uppercase;
color: #25372f;
display: block;
margin-bottom: 22px
}
.product__title h1 {
font-weight: 700;
font-size: 46px;
line-height: 110%;
margin-bottom: 8px
}
.product__description {
padding-bottom: 10px;
border-bottom: 1px solid rgba(205, 153, 118, 0.5)
}
.product__description p {
line-height: 150%;
margin: 0 0 24px
}
.product__description ul {
margin-bottom: 24px
}
.product__description ul li {
line-height: 150%;
letter-spacing: 0.05em
}
.product__description ul li::before {
content: "\2022";
margin-right: 4px
}
.product__description ol {
margin-bottom: 24px
}
.product__details {
border-bottom: 1px solid rgba(205, 153, 118, 0.5);
padding: 14px 0
}
.product__details p {
margin: 0
}
.product__details p strong {
font-weight: 700;
color: rgba(205, 153, 118, 0.9)
}
.product__quote {
padding-top: 40px;
padding-bottom: 80px
}
@media (min-width: 992px) {
.product__quote {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 0
}
}
.product__quote .field-component {
margin-bottom: 15px
}
@media (min-width: 992px) {
.product__quote .field-component {
margin-right: 10px;
margin-bottom: 0
}
}
.product__quote .field-component__input {
background-color: #ffffff;
font-size: 1.4rem
}
@media (max-width: 991px) {
.product__quote .field-component__input {
text-align: center
}
}
@media (min-width: 992px) {
.product__quote .field-component__input {
width: 130px
}
}
.product__quote [buttonDefault] {
width: 100%;
text-align: center
}
.request-quote {
padding: 40px 15px 0;
margin-bottom: 80px
}
@media (min-width: 992px) {
.request-quote {
padding: 40px 0 0;
margin-bottom: 90px
}
}
@media (min-width: 1200px) {
.request-quote {
padding-top: 40px;
margin-bottom: 110px
}
}
.request-quote__title {
margin-bottom: 25px;
color: #545454;
font-size: 2.5rem
}
@media (min-width: 576px) {
.request-quote__title {
font-size: 52px
}
}
@media (min-width: 992px) {
.request-quote__title {
font-size: 50px;
margin-bottom: 45px
}
}
@media (min-width: 1200px) {
.request-quote__title {
font-size: 50px
}
}
@media (min-width: 1200px) {
.request-quote__text {
margin-right: 60px
}
}
.request-quote__text p {
line-height: 150%;
margin: 0 0 25px
}
@media (min-width: 992px) {
.request-quote__text p {
line-height: 130%;
margin-bottom: 30px
}
}
.request-quote__form {
padding-top: 10px
}
.request-quote__form-button {
padding-top: 5px;
text-align: center
}
@media (min-width: 992px) {
.request-quote__form-button {
padding-top: 25px
}
}
.request-quote__form-button [buttonDefault] {
padding-left: 60px;
padding-right: 60px;
}
.page-contato .intro-section::before {
height: 310px
}
.page-contato__header {
position: relative;
padding: 50px 0 0 10px;
margin-bottom: 50px
}
@media (min-width: 992px) {
.page-contato__header {
padding: 30px 0 0 225px;
margin-bottom: 100px
}
}
.page-contato__header::before {
content: "";
position: absolute;
inset: 65px 35px 0 260px;
z-index: 1;
-webkit-box-shadow: 0 20px 20px rgba(77, 60, 34, 0.1);
box-shadow: 0 20px 20px rgba(77, 60, 34, 0.1)
}
.page-contato__header div {
background-color: #ffffff;
padding: 53px;
position: absolute;
top: 0;
left: 0;
z-index: 3;
border-radius: 50px 0;
-webkit-box-shadow: 20px 20px 20px rgba(77, 60, 34, 0.1);
box-shadow: 20px 20px 20px rgba(77, 60, 34, 0.1)
}
@media (min-width: 992px) {
.page-contato__header div {
padding: 80px 55px
}
}
@media (min-width: 1200px) {
.page-contato__header div {
padding: 90px 65px
}
}
.page-contato__header [titleDefault] {
font-size: 2.5rem
}
@media (min-width: 576px) {
.page-contato__header [titleDefault] {
font-size: 60px
}
}
@media (min-width: 992px) {
.page-contato__header [titleDefault] {
font-size: 70px
}
}
@media (min-width: 1200px) {
.page-contato__header [titleDefault] {
font-size: 80px
}
}
.page-contato__header img {
position: relative;
z-index: 2;
width: 100%;
height: 300px;
-o-object-fit: cover;
object-fit: cover;
display: block;
border-radius: 0 50px
}
@media (max-width: 991px) {
.page-contato__sidebar {
padding: 0 35px;
margin-bottom: 40px
}
}
.page-contato__form {
margin-bottom: 50px
}
@media (max-width: 991px) {
.page-contato__form {
padding: 0 15px
}
}
.page-contato__where {
padding-top: 100px;
margin-bottom: 45px
}
@media (min-width: 992px) {
.page-contato__where {
padding-top: 240px
}
}
@media (max-width: 991px) {
.page-contato__where {
margin-top: 75px
}
}
.page-contato__where::before {
content: "";
background: url(//jomo.com.br/wp-content/themes/site/assets/images/bg-line-03-mobile.png) repeat-x center top;
width: 100%;
height: 58px;
position: absolute;
top: 0;
right: 0
}
@media (min-width: 992px) {
.page-contato__where::before {
background-image: url(//jomo.com.br/wp-content/themes/site/assets/images/bg-line-03.png);
background-position: right top;
width: 0;
height: 189px;
-webkit-transition: width 1s ease-in;
transition: width 1s ease-in
}
}
.page-contato__where.remove-animate-scroll::before {
width: 100%
}
.sidebar-contact__title {
font-size: 26px;
color: #006239;
margin: 0 0 30px
}
@media (min-width: 992px) {
.sidebar-contact__title {
margin: 0 80px 25px 0
}
}
@media (min-width: 992px) {
.sidebar-contact__text {
margin: 0 100px 48px 0
}
}
.sidebar-contact__text p {
line-height: 150%;
margin: 0
}
@media (min-width: 992px) {
.sidebar-contact__text p {
line-height: 135%
}
}
.sidebar-contact__mail {
background-position: 27px 95%;
font-size: 16px;
letter-spacing: 1.4px;
color: #cd9976;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media (max-width: 991px) {
.sidebar-contact__mail {
margin-left: 25px
}
}
.sidebar-contact__mail::before {
content: "";
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYuOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE2LjggMTIiPg0KICA8cGF0aCBkPSJNOC40LDcuODhhMS44LDEuOCwwLDAsMS0xLS4zTC4wNTQsMi4zQTEuOCwxLjgsMCwwLDAsMCwyLjcydjguNGExLjgsMS44LDAsMCwwLDEuOCwxLjhIMTVhMS44LDEuOCwwLDAsMCwxLjgtMS44VjIuNzJhMS44MjMsMS44MjMsMCwwLDAtLjAzNi0uMzQyTDkuNCw3LjU3NGExLjgsMS44LDAsMCwxLTEsLjMwNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC45MikiIGZpbGw9IiMyNTM3MmYiLz4NCiAgPHBhdGggZD0iTTkuMjEyLDUuNjU4LDE2LjYyMi40MjZBMS44LDEuOCwwLDAsMCwxNS40NzYsMEgyLjI3NkExLjgsMS44LDAsMCwwLDEuMTkuMzcybDcuMzU2LDUuMjhhLjYuNiwwLDAsMCwuNjY2LjAwNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuNDc2KSIgZmlsbD0iIzI1MzcyZiIvPg0KPC9zdmc+DQo=);
width: 17px;
height: 12px;
margin-right: 10px
}
.sidebar-contact__mail:hover {
color: #006239
}
.form-contact__button {
padding-top: 10px;
text-align: center
}
@media (min-width: 992px) {
.form-contact__button {
padding-top: 20px
}
}
.form-contact__button [buttonDefault] {
padding: 0 80px
} .header {
padding-top: 10px;
padding-bottom: 10px;
position: relative;
height: auto;
transition: all 0.3s ease;
z-index: 9999;
}
.header.is-fixed {
padding-top: 8px;
padding-bottom: 8px;
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
background: #fff;
box-shadow: 0 10px 24px rgba(0, 0, 0, .08);
}
.header.is-fixed .header-content {
padding-bottom: 10px;
}
body.has-fixed-header {
padding-top: var(--header-height);
}
.header .container {
padding-top: 0;
padding-bottom: 0;
}
.header .header-content {
padding-top: 10px;
padding-bottom: 10px;
transition: all 0.3s ease;
}
.header .container-header-cta {
padding-top: 10px;
justify-content: end
}
.header-actions {
display: flex;
align-items: center;
gap: 16px;
}
.cta-orcamento {
background-color: #fff;
color: #006239;
padding: 8px 18px;
font-weight: 500;
font-size: 13px;
border-radius: 0;
text-decoration: none;
white-space: nowrap;
transition: all 0.2s ease;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
animation: pulse 1.3s ease-in-out infinite;
}
.cta-orcamento:hover {
background-color: #fff;
color: #006239;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
}
70% {
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}
.header__button-menu {
top: 25px;
}
.header.is-fixed .header__button-menu {
top: 23px;
}
.header-search {
align-items: center;
}
.menu__lang {
margin-bottom: 20px;
}
.jomo-search-form {
display: flex;
border: 1px solid #ddd;
border-radius: 0;
overflow: hidden;
}
.jomo-search-form input {
font-size: 12px;
border: none;
padding: 6px 10px;
outline: none;
width: 100%;
}
.jomo-search-form button {
background: #000;
color: #fff;
border: none;
font-size: 12px;
padding: 8px 10px;
cursor: pointer;
} .background-section,
.background-section-02,
.background-section-03 {
position: relative;
z-index: 1;
}
.intro-section {
z-index: 999;
}
.home__blog {
margin-top: 0;
}
.home .intro-section,
.home__innovation,
.home__blog,
.home__sustentability {
margin-bottom: 0
}
.home__whatwedo {
padding-top: 80px;
}
.home__sustentability {
padding: 60px 0 100px;
}
.home__innovation {
padding-bottom: 40px;
}
.home__where {
margin-top: 80px;
}
@media (min-width: 1200px) {
.banner__content {
padding-top: 80px;
}
} .jomo-search {
padding: 0 0 60px;
}
.jomo-search__container {
width: min(1100px, calc(100% - 32px));
margin: 0 auto;
}
.jomo-search__header {
margin-bottom: 24px;
}
.jomo-search__title {
font-size: 32px;
line-height: 1.1;
margin: 0 0 12px;
}
.jomo-search__meta {
margin: 8px 0 0;
opacity: .75;
}
.jomo-search__form {
display: flex;
gap: 10px;
align-items: center;
margin-top: 10px;
}
.jomo-search__input {
flex: 1;
padding: 12px 14px;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 10px;
outline: none;
}
.jomo-search__input:focus {
border-color: rgba(0, 0, 0, .35);
}
.jomo-search__button {
padding: 12px 14px;
border: 0;
border-radius: 10px;
background: #000;
color: #fff;
cursor: pointer;
}
.jomo-search__results {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
margin-top: 18px;
}
@media (min-width: 820px) {
.jomo-search__results {
grid-template-columns: 1fr 1fr;
}
}
.jomo-search__card {
display: flex !important;
gap: 16px !important;
padding: 16px !important;
align-items: center !important;
grid-template-columns: 96px 1fr;
border: 1px solid rgba(0, 0, 0, .08);
border-radius: 16px;
background: #fff;
align-items: center;
}
.jomo-search__card .jomo-search__media {
width: 96px;
height: 96px;
border-radius: 12px;
overflow: hidden;
flex: 0 0 96px;
}
.jomo-search__card .jomo-search__media a,
.jomo-search__card .jomo-search__media .jomo-search__imgLink {
display: block;
width: 100%;
height: 100%;
}
.jomo-search__card .jomo-search__img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
display: block !important;
border-radius: 12px;
border: 1px solid #f3f3f3;
}
.jomo-search__card .jomo-search__cardBody {
flex: 1 1 auto !important;
min-width: 0 !important;
}
.jomo-search__card .jomo-search__cardLink {
display: flex !important;
gap: 16px !important;
align-items: center !important;
width: 100% !important;
text-decoration: none !important;
color: inherit !important;
}
.jomo-search__badge {
font-size: 11px;
padding: 4px 8px;
border-radius: 999px;
background: rgba(0, 0, 0, .06);
width: fit-content;
}
.jomo-search__cardTitle {
margin: 10px 0 0;
font-size: 16px;
}
.jomo-search__titleLink {
line-height: 1.25;
color: #006239;
}
.jomo-search__titleLink:hover {
color: #000;
}
.jomo-search__cardExcerpt {
margin: 10px 0;
font-size: 13px;
}
.jomo-search__cta {
font-size: 13px;
color: #000;
display: inline-block;
}
.jomo-search__cta:hover {
color: #006239;
}
.jomo-search__pagination,
.jomo__pagination {
margin-top: 30px;
display: flex;
justify-content: center;
}
.jomo-search__pagination .page-numbers,
.jomo__pagination .page-numbers {
margin: 0 6px;
padding: 6px 10px;
border-radius: 10px;
text-decoration: none;
border: 1px solid rgba(0, 0, 0, .12);
font-size: 12px;
color: rgba(0, 0, 0, 0.6);
}
.jomo-search__pagination .current,
.jomo__pagination .current {
background: #0b0b0b !important;
color: #fff !important;
border-color: #0b0b0b !important;
}
.jomo__pagination .screen-reader-text {
display: none;
} @media (min-width: 992px) {
.menu__lang {
margin-left: 28px;
margin-bottom: 0;
}
.menu-top__list {
gap: 15px;
}
.menu-top__list a {
font-size: 12px;
}
.cta-orcamento {
background-color: rgba(0, 0, 0, 0.9);
color: #fff;
}
.cta-orcamento:hover {
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
}
.header-search {
display: flex;
margin-left: 20px;
}
.jomo-search-form input {
width: 150px;
}
.jomo-search__card {
grid-template-columns: 150px 1fr;
}
.jomo-search__card .jomo-search__media {
width: 150px;
height: 150px;
border-radius: 12px;
overflow: hidden;
flex: 0 0 150px;
}
}
.home__blog .blog-item:not(.blog-item--highlight) .blog-item__image {
height: auto;
margin-bottom: 10px;
max-width: 150px
}
@media (min-width: 1200px) {
.blog-item--highlight .blog-item__image {
height: auto;
-o-object-fit: initial;
object-fit: inherit;
}
.blog-item .blog-item__title {
font-size: 22px;
}
.blog-item--highlight .blog-item__title {
font-size: 30px;
}
}
@media (min-width: 1280px) {
menu-top__list {
gap: 20px;
}
.menu-top__list a {
font-size: 14px;
}
} .header {
margin-bottom: 40px;
}
.home .header {
margin-bottom: 0;
}
.type-product__header [titleDefault] {
font-size: 28px;
}
.product__header span {
display: none;
}
.product__title h1 {
font-size: 28px;
}
.product__description {
font-size: 14px;
}
@media (min-width: 576px) {
.product__header h2 {
font-size: 24px;
}
}
@media (min-width: 576px) {
.type-product__header [titleDefault] {
font-size: 32px;
}
}
[titleDefault] {
color: rgba(0, 0, 0, 0.6);
}
@media (min-width: 992px) {
[titleDefault] {
font-size: 32px;
}
.type-product__header [titleDefault] {
font-size: 32px;
line-height: 1em;
letter-spacing: initial;
}
.product__title h1 {
font-size: 28px;
}
}
@media (min-width: 1200px) {
.type-product__header [titleDefault] {
font-size: 32px;
}
}
.type-product__header div {
display: initial
}
@media (min-width: 1200px) {
.type-product__header div {
padding: 40px 50px 40px;
}
}
.whatwedo__icon,
.type-product__icon {
display: none;
}
.whatwedo__categories-mobile>span {
font-size: 16px;
}
.whatwedo__category a {
font-size: 14px;
padding: 15px 0;
}
.whatwedo__description h3 {
font-size: 24x;
line-height: 1.1em;
}
@media (min-width: 992px) {
.blog-item--highlight {
padding-left: 0;
}
}
.blog-item--highlight {
padding-left: 0;
}
@media (min-width: 1400px) {
.home__where .container {
max-width: 1214px;
}
}
@media (min-width: 992px) {
.whatwedo__description h3 {
font-size: 26px;
line-height: 1.1em;
margin-bottom: 15px;
}
}
@media (min-width: 1200px) {
.whatwedo__category a {
font-size: 16px;
padding: 20px 0;
}
}
.sidebar__parent-name {
font-size: 14px;
} .tstm {
position: relative;
padding: 20px 0; }
.tstm__bg {
position: relative; border-radius: 32px; padding: 0;
}
.tstm__head {
max-width: 750px;
margin: 0 auto;
text-align: center;
}
.tstm__title {
font-size: clamp(28px, 3vw, 40px);
font-weight: normal;
line-height: 1.2;
}
.tstm__slider {
padding: 0 0;
position: relative; margin-top: 0;
}
.tstm__slider .swiper-slide {
height: 100%;
}
.tstm-card {
position: relative;
background: #fff;
padding: 65px 28px 28px; border: 1px solid #E4E4E4;
height: 100%;
}
.tstm-card__quote {
position: absolute;
top: 20px;
left: 24px;
font-size: 60px;
line-height: 1em;
color: rgba(0, 0, 0, 0.1);
font-weight: 700;
}
.tstm-card__title {
font-size: 20px;
font-weight: 700;
margin-bottom: 12px;
}
.tstm-card__text {
font-size: 15px;
line-height: 1.6;
color: #444;
margin-bottom: 20px;
}
.tstm-card__stars {
display: flex;
gap: 4px;
}
.tstm-star {
width: 18px;
height: 18px;
fill: rgba(0, 0, 0, 0.5);
}
.tstm__nav,
.difs__nav {
display: flex;
gap: 12px;
margin-top: 32px;
}
.difs__nav {
display: none;
}
.tstm__btn,
.difs__btn,
.clogos__btn {
width: 44px;
height: 44px;
border-radius: 50%;
border: none;
background: #fff;
border: 1px solid #E4E4E4;
cursor: pointer;
position: relative;
left: 0;
right: 0;
}
.tstm__btn::after,
.difs__btn::after,
.clogos__btn::after {
display: none;
}
.tstm__btn--prev::before,
.tstm__btn--next::before,
.difs__btn--prev::before,
.difs__btn--next::before,
.clogos__btn--prev::before,
.clogos__btn--next::before {
content: '';
display: block;
width: 10px;
height: 10px;
border-top: 2px solid #000;
border-right: 2px solid #000;
margin: auto;
}
.tstm__btn--prev::before,
.difs__btn--prev::before,
.clogos__btn--prev::before {
transform: rotate(-135deg);
}
.tstm__btn--next::before,
.difs__btn--next::before,
.clogos__btn--next::before {
transform: rotate(45deg);
} .section-highlight-title {
padding: 40px 0 50px;
}
.section-highlight-title .highlight-title {
max-width: 900px;
margin: 0 auto;
font-size: 30px;
line-height: 1.2em;
font-weight: 400; color: rgba(37, 55, 47, 0.9);
}
.section-highlight-title .highlight-title span {
font-weight: 500;
color: rgba(0, 0, 0, 0.7);
} .clogos {
padding: 20px 0;
}
.clogos__head {
max-width: 860px;
margin: 0 auto 30px;
text-align: center;
}
.clogos__title {
font-size: 24px;
font-weight: 500;
margin: 0 0 10px 0;
}
.clogos__desc {
margin: 0;
max-width: 860px;
}
.clogos__slider {
position: relative;
}
.clogos__slider .swiper-wrapper {
padding-top: 1px;
padding-bottom: 1px;
}
.clogos-card {
height: 92px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.20);
padding: 18px;
transition: border-color .2s ease, transform .2s ease;
}
@media (min-width: 992px) {
.clogos-card {
height: 110px;
}
}
.clogos-card:hover {
border-color: rgba(0, 0, 0, 0.50);
;
}
.clogos-card__img {  max-width: 75%;
max-height: 44px;
width: auto;
height: auto;
object-fit: contain;  opacity: .65;
}
.clogos__nav {
display: flex;
gap: 10px;
margin-top: 16px;
}
@media (max-width: 1024px) {
.clogos__nav {
justify-content: center;
}
.clogos__dots {
position: relative;
bottom: 0;
margin-top: 20px;
}
.tstm__slider {
margin-top: 0;
}
.tstm__slider .swiper-slide {
height: initial;
}
.section-highlight-title {
padding: 20px 0;
}
.section-highlight-title .highlight-title {
font-size: 18px;
}
.clogos__dots {
display: none;
}
}
@media (max-width: 768px) {
.tstm {
padding: 20px 0;
}
.tstm__bg {
padding: 0;
}
.tstm__slider {
margin-top: 0;
}
}
@media (max-width: 480px) {
.tstm__slider {
margin-top: 0;
}
}
.jomo-difs {
padding: 0 0 30px;
}
.jomo-difs__header {
margin-bottom: 14px;
}
.jomo-difs__title {
margin: 0;
font-size: 22px;
line-height: 1.2;
}
.jomo-difs__swiper {
overflow: visible;
}
.jomo-difs__slide {
height: auto;
}
.jomo-difs__item {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 8px;
}
.jomo-difs__icon {
width: 60px;
height: 60px;
border-radius: 999px;
border: 1px solid rgba(0, 0, 0, .12);
display: grid;
place-items: center;
flex: 0 0 60px;
background: #fff;
}
.jomo-difs__icon img {
width: 30px;
height: auto;
object-fit: contain;
display: block;
filter: grayscale(1);
}
.jomo-difs__itemDesc {
font-size: 12px;
line-height: 1.25;
opacity: .9;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .2px;
}
.jomo-difs,
.jomo-difs .container,
.jomo-difs__wrap {
overflow-x: clip;
}
@supports not (overflow: clip) {
.jomo-difs,
.jomo-difs .container,
.jomo-difs__wrap {
overflow-x: hidden;
}
}
.jomo-difs__swiper {
width: 100%;
max-width: 100%;
overflow: hidden;
}
.jomo-difs__swiper .swiper-slide {
max-width: 100%;
box-sizing: border-box;
}
.jomo-difs__nav {
max-width: 100%;
box-sizing: border-box;
}
.jomo-difs__nav .swiper-pagination {
max-width: 100%;
}
.jomo-difs__pagination {
position: relative;
bottom: 0;
margin-top: 15px;
}
@media (min-width: 992px) {
.jomo-difs .swiper-wrapper {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 18px;
transform: none !important;
}
.jomo-difs .swiper-slide {
width: auto !important;
margin-right: 0 !important;
}
}
@media (max-width: 600px) {
.jomo-difs__swiper .swiper-slide {
display: flex;
justify-content: center;
}
.jomo-difs__item {
max-width: 280px;
width: 100%;
justify-content: center;
text-align: left;
}
}
@media (max-width: 991px) {
.jomo-difs__nav {
display: flex;
}
.jomo-difs .swiper-wrapper {
display: flex;
}
.jomo-difs__item {
padding: 12px 6px;
}
}
.search-results .jomo-search__pagination .screen-reader-text {
display: none;
} .segments {
padding-bottom: 30px;
background: #fff;
}
.segments__swiper {
padding-top: 1px;
overflow: hidden;
}
.segments__description {
max-width: 735px;
margin: 10px auto 30px;
}
.segment-card,
.segments .swiper-slide {
height: auto;
}
.segment-card__link {
display: block;
background: transparent;
border: 0;
text-decoration: none;
color: inherit;
}
.segment-card__media {
position: relative;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.12);
display: flex;
align-items: center;
justify-content: center;
padding: 25px;
aspect-ratio: 1 / 1;
overflow: hidden;
border-radius: 0;
transition: .2s ease;
}
@media (max-width: 992px) {
.segment-card__media {
padding: 15px;
}
}
.segment-card__img {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
object-position: center;
}
.segment-card__body {
padding: 10px 0 0;
}
.segment-card__title {
margin: 0;
font-size: 16px;
line-height: 1.2em;
font-weight: 500;
letter-spacing: 0.03em;
color: #000;
}
.segment-card__desc {
margin: 4px 0 0;
max-width: 300px;
font-size: 12px;
line-height: 1.35em;
font-weight: 400;
color: rgba(0, 0, 0, 0.6);
}
@media (hover: hover) and (pointer: fine) {
.segment-card__link:hover .segment-card__media {
border-color: rgba(0, 0, 0, 0.32);
}
}
.segment-card__overlay,
.segment-card__content::before {
display: none !important;
}
.segments__dots {
position: relative;
bottom: 0 !important;
margin-top: 30px;
} .featured-products {
padding-bottom: 60px;
background: #fff;
}
.featured-products__header .featured-products__title {
font-size: 22px;
}
.fcard,
.product__item {
height: auto;
}
.fcard__link,
.product-item__link {
padding-bottom: 0;
display: block;
height: auto;
background: transparent;
border: 0;
border-radius: 0;
}
.fcard__media,
.product-item__image {
position: relative;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.12);
display: flex;
align-items: center;
justify-content: center;
padding: 15px;
overflow: hidden;
transition: .2s ease;
}
.fcard__img,
.product-item__image img {
display: block;
max-width: 100%;
max-height: 236px;
width: auto;
height: auto;
object-fit: contain;
}
.fcard__img--placeholder {
aspect-ratio: 1 / 1;
border: 1px solid rgba(0, 0, 0, 0.12);
background: #fff;
}
.fcard__body {
padding: 8px 0 0;
}
.fcard__title,
.product-item__title {
margin: 0;
font-size: 13px;
line-height: 1.1em;
letter-spacing: 0.05em;
font-weight: 400;
display: block;
color: #000;
}
.product-item__title {
padding-top: 5px;
line-height: 1.2em;
}
.fcard__ref,
.product-item__ref {
margin-top: 5px;
font-size: 11px;
line-height: 1em;
letter-spacing: 0.05em;
text-transform: uppercase;
font-weight: 400;
display: block;
color: #000;
}
.product-item__ref {
margin-top: 8px;
}
.fcard:hover .fcard__media,
.product__item:hover .product-item__image {
border-color: rgba(0, 0, 0, 0.32);
}
.fcard *,
.product__item * {
box-shadow: none !important;
}
.featured-products__controls .featured-products__dots {
position: relative;
bottom: 0;
margin-top: 20px;
} .howwork {
padding-bottom: 40px;
}
.howwork .swiper {
overflow: visible;
}
.howwork .swiper-wrapper {
align-items: stretch;
}
.howwork .swiper-slide {
height: auto;
}
.howwork-card--ref {
position: relative;
background: #fff;
border: 1px solid rgba(0, 0, 0, .18);
border-radius: 30px 0;
overflow: hidden;
height: 100%;
min-height: 220px;
}
.howwork-card__cap {
height: 62px;
background: #fff;
border-bottom: 1px solid rgba(0, 0, 0, .12);
border-radius: 30px 0;
}
.howwork-card__cap::after {
content: "";
position: absolute;
left: 18px;
right: 18px;
top: 34px;
height: 14px;
border: 1px solid rgba(0, 0, 0, .10);
border-radius: 999px;
background: transparent;
display: none;
}
.howwork-card__icon {
position: absolute;
top: 62px;
left: 50%;
transform: translate(-50%, -50%);
width: 62px;
height: 62px;
border-radius: 999px;
background: #fff;
border: 1px solid rgba(0, 0, 0, .18);
display: grid;
place-items: center;
z-index: 3;
}
.howwork-card__icon img,
.howwork-card__icon svg {
width: 38px;
height: 38px;
object-fit: contain;
display: block;
}
.howwork-card__step {
position: absolute;
top: 12px;
right: 14px;
font-size: 22px;
font-weight: 600;
color: rgba(0, 0, 0, .25);
z-index: 4;
}
.howwork-card__body {
padding: 40px 22px 22px;
height: calc(100% - 62px);
display: flex;
flex-direction: column; justify-content: top;
text-align: center;
gap: 10px;
}
.howwork-card__title {
margin: 0;
font-size: 15px;
font-weight: 600;
line-height: 1.25;
color: #006239;
max-width: 26ch;
margin-left: auto;
margin-right: auto;
}
.howwork-card__desc {
margin: 0;
font-size: 12.5px;
line-height: 1.45;
color: rgba(0, 0, 0, .70);
max-width: 44ch;
margin-left: auto;
margin-right: auto;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
} .howwork-card--ref:hover {
border-color: rgba(0, 0, 0, .32);
} .post-header__category {
display: inline-flex;
gap: 8px;
align-items: baseline;
margin-bottom: 10px;
padding: 6px 10px;
border-radius: 10px;
background: rgba(37, 55, 47, .06);
color: rgba(37, 55, 47, .9);
width: fit-content;
}
@media (min-width: 992px) {
.post-header__category {
margin: 0 88px;
}
}
.post-header__category-label {
font-size: 12px;
opacity: .75;
}
.post-header__category-name {
font-size: 12px;
}
.post-tags-block {
margin: 30px 0 10px;
padding: 20px 10px;
border-top: 1px solid rgba(37, 55, 47, .12);
}
@media (min-width: 992px) {
.post-tags-block {
padding: 20px 88px;
}
}
.post-tags__title {
font-size: .95rem;
letter-spacing: .02em;
margin-bottom: 10px;
color: rgba(37, 55, 47, .85);
}
.post-tags__chips {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.tag-chip {
display: inline-flex;
align-items: center;
padding: 8px 12px;
border-radius: 999px;
background: rgba(37, 55, 47, .06);
color: #25372f;
font-size: 12px;
line-height: 1;
}
@media (max-width: 992px) {
.product__info {
margin-top: 40px;
}
} .product__gallery {
position: relative;
}
.product__images {
border: 1px solid rgba(37, 55, 47, .12);
border-radius: 0;
background: #fff;
box-shadow: 0 10px 28px rgba(0, 0, 0, .05);
overflow: hidden;
height: auto;
}
.product__image-frame {
position: relative;
margin: 0;
background: #fff;
display: grid;
place-items: center;
overflow: hidden;
padding: 18px;
min-height: 320px;
box-sizing: border-box;
}
@media (min-width: 992px) {
.product__image-frame {
min-height: 460px;
padding: 26px;
}
}
.product__images-item img {
max-width: 88%;
max-height: 88%;
width: auto;
height: auto;
object-fit: contain;
display: block;
user-select: none;
-webkit-user-drag: none;
}
.product__zoom-instruction {
margin-top: 7px;
font-size: 13px;
color: rgba(37, 55, 47, .72);
line-height: 1.2;
text-align: left;
display: none;
}
.product__images-pagination {
margin-top: 8px;
}
.product__thumb-images {
margin-top: 32px;
margin-bottom: 0;
position: relative;
}
.product__thumb-images .swiper-wrapper {
padding: 1px 0;
}
.product__thumb-swiper {
padding: 12px 0;
}
.product__thumb-images .swiper-wrapper {
height: auto;
}
.product__thumb-swiper .swiper-wrapper {
align-items: center;
}
.product__thumb-item {
cursor: pointer;
height: auto !important;
overflow: visible !important;
}
@media (min-width: 992px) {
.product__thumb-item {
height: 110px !important;
}
}
.product__thumb-frame {
padding: 12px;
height: 100%;
box-sizing: border-box;
border-radius: 0;
border: 1px solid rgba(37, 55, 47, .14);
background: #fff;
box-shadow: 0 6px 14px rgba(0, 0, 0, .04);
display: grid;
place-items: center;
transition: border-color .14s ease;
}
.product__thumb {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.product__thumb-item:hover .product__thumb-frame {
border-color: rgba(37, 55, 47, .28);
box-shadow: none !important;
}
.product__thumb-item.swiper-slide-thumb-active .product__thumb-frame {
border-color: rgba(37, 55, 47, .50);
box-shadow: none !important;
}
.product-zoom__lens {
position: absolute;
width: 170px;
height: 170px;
border-radius: 100%;
border: 1px solid rgba(37, 55, 47, .18);
box-shadow: 0 16px 34px rgba(0, 0, 0, .12);
background-repeat: no-repeat;
background-color: #fff;
opacity: 0;
transform: scale(.98);
transition: opacity .10s ease, transform .10s ease;
pointer-events: none;
display: none;
}
.product-zoom__lens {
transition: opacity .12s ease;
opacity: 0;
background-color: transparent;
}
.product__gallery.is-zooming .product-zoom__lens {
opacity: 1;
}
.product__gallery.is-zooming .product-zoom__lens.is-hidden {
opacity: 0;
}
.product-zoom__lens:not([data-ready="1"]) {
opacity: 0 !important;
}
@media (hover:hover) and (pointer:fine) {
.product-zoom__lens {
display: block;
}
.product__zoom-instruction {
display: block;
}
.product__image-frame {
cursor: zoom-in;
}
.product__gallery.is-zooming .product-zoom__lens {
opacity: 1;
transform: scale(1);
}
}
@media (max-width: 992px) {
.product__zoom-instruction {
display: none;
}
}
.product__variations {
margin-top: 14px;
}
.product__variations-label {
font-size: 13px;
color: rgba(37, 55, 47, .8);
margin-bottom: 10px;
}
.product__swatches {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.product__swatch {
width: 18px;
height: 18px;
border-radius: 999px;
border: 1px solid rgba(37, 55, 47, .25);
background: var(--swatch, #ccc);
cursor: pointer;
position: relative;
}
.product__swatch.is-active {
outline: 2px solid rgba(37, 55, 47, .55);
outline-offset: 2px;
} .case-related {
padding: 20px 0;
margin-top: 60px; }
.case-related__head {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
}
.case-related__title {
font-size: 22px;
font-weight: normal;
color: #0a3d2f;
}
.case-related__swiper {
padding: 1px 0;
}
.case-card {
height: 100%;
}
.case-card__link {
display: flex;
flex-direction: column;
height: 100%;
background: #ffffff;
overflow: hidden;
text-decoration: none;
border: 1px solid rgba(0, 0, 0, 0.12);
transition: transform .25s ease, box-shadow .25s ease;
}
.case-card__link:hover {
border-color: rgba(0, 0, 0, 0.32);
}
.case-card__media {
background: #FFF;
overflow: hidden;
display: flex;
justify-content: center;
}
.case-card__media img {
width: 85%;
height: auto;
object-fit: cover;
display: inline-block;
}
.case-card__body {
padding: 20px 20px;
display: flex;
flex-direction: column;
gap: 12px;
}
.case-card__title {
font-size: 18px;
font-weight: 600;
color: #0f1f1a;
line-height: 1.3;
}
.case-card__text {
margin: 0;
font-size: 14px;
line-height: 1.4;
color: #4a5c55;
flex-grow: 1;
}
.case-card__cta {
margin-top: 12px;
font-size: 14px;
font-weight: 600;
color: #0a6b4f;
display: inline-flex;
align-items: center;
gap: 6px;
}
.case-card__cta::after {
content: '→';
transition: transform .2s ease;
}
.case-card__link:hover .case-card__cta::after {
transform: translateX(4px);
}
.case-related__pagination {
margin-top: 20px;
} .product-card__colors {
display: flex;
gap: 8px;
justify-content: center;
margin-top: 10px;
}
.product-card__color {
width: 16px;
height: 16px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(37, 55, 47, .22);
background: #fff;
transition: transform .12s ease, border-color .12s ease;
}
.product-card__color-dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--swatch, #cfd6d1);
}
.product-card__color:hover {
transform: translateY(-1px);
border-color: rgba(37, 55, 47, .38);
}
.product-card__color:focus-visible {
outline: 2px solid rgba(0, 102, 51, .35);
outline-offset: 2px;
}
.product-item__variants {
margin-top: 10px;
display: flex;
gap: 8px;
align-items: center;
justify-content: center;
overflow-x: auto;
padding-bottom: 4px;
-webkit-overflow-scrolling: touch;
}
.product-item__variant {
padding: 2px;
width: 30px;
height: 30px;
padding: 0;
border: 1px solid rgba(0, 0, 0, .12);
background: #fff;
flex: 0 0 auto;
cursor: pointer;
display: grid;
place-items: center;
transition: border-color .15s ease, box-shadow .15s ease;
}
.product-item__variant img {
width: 90%;
height: 90%;
object-fit: cover;
border-radius: 10px;
display: block;
}
.product-item__variant.is-active {
border-color: rgba(0, 0, 0, .55);
box-shadow: 0 0 0 2px rgba(0, 0, 0, .10);
}
.product-item__variant:focus-visible {
outline: none;
box-shadow: 0 0 0 3px rgba(0, 0, 0, .18);
}
.product-item__variant-more {
font-size: 12px;
line-height: 1;
padding: 6px 8px;
border-radius: 999px;
border: 1px solid rgba(0, 0, 0, .12);
background: #fff;
flex: 0 0 auto;
} .product-related {
padding: 30px 0;
}
.product-related .product-related__title {
margin-bottom: 20px;
font-size: 24px;
}
.product-related__dots {
margin: 30px 0;
}
.product-related__dots.swiper-pagination-lock {
margin: 0;
}
@media (min-width: 992px) {
.product-related {
padding: 30px 0;
}
.product-related .product-related__title {
font-size: 28px;
}
}  .screen-reader-text {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
} .footer--mega .footer__top {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
padding: 30px 0 18px;
text-align: center;
}
.footer--mega .footer__top-text {
margin: 0;
font-weight: 500;
font-size: 30px;
line-height: 1.15;
}
.footer__top-logo {
margin: 5px 0;
}
.footer--mega .footer__top-logo img {
display: block;
max-height: 44px;
width: auto;
filter: gray;
-webkit-filter: grayscale(1);
filter: grayscale(1);
opacity: 0.6;
}
.footer--mega .footer__top-social {
margin-top: 10px;
display: inline-flex;
gap: 16px;
align-items: center;
justify-content: center;
}
.footer--mega .footer__social-link {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 0;
text-decoration: none;
}
.footer--mega .footer__social-link img {
width: 16px;
height: 16px;
display: block;
opacity: 0.6;
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
}
.footer--mega .footer__social-link:hover img {
opacity: 0.8;
}
.footer--mega .footer__social-link:focus-visible {
outline: 2px solid currentColor;
outline-offset: 4px;
border-radius: 6px;
}
.footer--mega .footer__divider {
border: 0;
border-top: 1px solid rgba(0,0,0,.12);
margin: 25px 0;
display: block;
} .footer--mega .footer__cols {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 28px;
padding: 0 0 18px;
}
.footer--mega .footer__col-title {
margin: 0 0 10px;
font-size: 13px;
font-weight: 600;
line-height: 1.2em;
}
.footer--mega .footer__col-list {
list-style: none;
margin: 0;
padding: 0;
}
.footer--mega .footer__col-item + .footer__col-item,
.footer--mega .menu-item + .menu-item { margin-top: 6px; }
.footer--mega .footer__col-link,
.footer__col-list .menu-item a {
font-size: 13px;
color: rgba(0, 0, 0, 0.5);
display: inline-block;
text-decoration: none;
}
.footer--mega .footer__col-link:hover,
.footer__col-list .menu-item a:hover {
color: rgba(0, 0, 0, 0.7);
} .footer--mega .footer__more {
margin: 26px auto 0;
max-width: 560px;
}
.footer--mega .footer__more-summary {
cursor: pointer;
font-weight: 600;
border: 1px solid rgba(0,0,0,.18);
padding: 12px 18px;
border-radius: 999px;
text-align: center;
list-style: none;
user-select: none;
}
.footer--mega .footer_description {
margin: 25px auto 0;
max-width: 860px;
text-align: center;
}
.footer--mega .footer_description,
.footer--mega .footer__more-content {
padding: 16px 8px 0;
font-size: 12px;
line-height: 1.6;
opacity: .9;
}
.footer--mega .footer_description a {
color: rgba(0, 0, 0, 1);
}
.footer--mega .footer_description a:hover {
color: rgba(0, 0, 0, 0.7);
}
.footer--mega .footer__bottom {
display: grid;
grid-template-columns: 220px 1fr auto;
gap: 28px;
align-items: start;
padding: 34px 0;
}
@media (max-width: 1024px) {
.footer--mega .footer__cols { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.footer--mega .footer__bottom { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
.footer--mega .footer__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.footer--mega .footer__top-text { font-size: 24px; }
}
.term-componentes-automotivos-e-onibus .type-product-catalog__item .product-item__ref,
.single-produto .componentes-automotivos-e-onibus .product__title span {
display: none;
} .home__blog--grid {
padding-top: 28px;
padding-bottom: 28px;
}
.home__blog-head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 18px;
margin-bottom: 18px;
}
.home__blog-subtitle {
margin-top: 10px;
max-width: 720px;
opacity: 0.9;
}
.home__blog-cta {
display: inline-flex;
align-items: center;
gap: 10px;
text-decoration: none;
font-weight: 600;
white-space: nowrap;
}
.home__blog-ctaIcon {
display: inline-block;
transition: transform 180ms ease;
}
.home__blog-cta:hover .home__blog-ctaIcon {
transform: translateX(3px);
}
.home__blog-cta:focus-visible {
outline: 2px solid currentColor;
outline-offset: 4px;
border-radius: 8px;
}
.home__blog-ctaMobile {
display: none;
margin-top: 18px;
}
.home__blog--grid .home__blog-gridList {
display: grid;
gap: 18px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 768px) {
.home__blog--grid .home__blog-gridList {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}
}
@media (min-width: 1200px) {
.home__blog--grid .home__blog-gridList {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 24px;
}
}
@media (max-width: 991px) {
.home__blog-head {
align-items: flex-start;
}
.home__blog-headRight {
display: none;
}
.home__blog-ctaMobile {
display: flex;
}
}
.blogCardMin__link {
display: block;
text-decoration: none;
overflow: hidden;
background: #fff;
transition: .3s linear;
}
.blogCardMin__link:hover {
}
.blogCardMin__link:focus-visible {
outline: 2px solid currentColor;
outline-offset: 4px;
}
.blogCardMin__media {
width: 100%;
aspect-ratio: 16 / 9;
overflow: hidden;
background: #f2f2f2;
}
.blogCardMin__img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transform: scale(1.001);
transition: transform 240ms ease;
}
.blogCardMin__link:hover .blogCardMin__img {
transform: scale(1.04);
}
.blogCardMin__link:hover .blogCardMin__readMore {
color: rgba(0, 0, 0, 0.6);
}
.blogCardMin__content {
padding: 15px 15px;
text-align: center;
}
.blogCardMin__meta {
margin-bottom: 10px;
}
.blogCardMin__pill {
display: inline-flex;
align-items: center;
font-size: 10px;
letter-spacing: 0.05em;
padding: 6px 10px;
color: rgba(0,0,0,0.8);
border-radius: 50px;
background: rgba(0,0,0,0.06);
}
.blogCardMin__title {
margin: 0;
font-size: 14px;
font-weight: 600;
line-height: 1.25;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
color: rgba(0, 0, 0, 0.6);
transition: .3s linear;
}
.blogCardMin__link:hover .blogCardMin__title {
color: rgba(0, 0, 0, 0.8);
}
@media (min-width: 1200px) {
.blogCardMin__title {
font-size: 18px;
}
}
@media (prefers-reduced-motion: reduce) {
.blogCardMin__link,
.blogCardMin__img,
.home__blog-ctaIcon {
transition: none !important;
}
}
.home__blog-head--center {
justify-content: center;
margin-bottom: 25px;
}
.home__blog-head--center .home__blog-title {
margin: 0;
}
.home__blog-head--center .home__blog-subtitle {
margin: 10px auto 0;
max-width: 780px;
}
.home__blog-ctaBelow {
display: flex;
justify-content: center;
margin-top: 22px;
}
.blogCardMin__readMore {
margin-top: 15px;
display: inline-flex;
align-items: center;
gap: 10px;
opacity: 0.9;
font-size: 13px;
color: rgba(0, 0, 0, 0.5);
transition: .3s linear;
}
.blogCardMin__readMoreIcon {
transition: transform 180ms ease;
}
.blogCardMin__link:hover .blogCardMin__readMoreIcon {
transform: translateX(3px);
}
.blogCardMin__readMoreText {
text-decoration: underline;
text-underline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
.blogCardMin__readMoreIcon {
transition: none !important;
}
} .blogFeatured {
margin: 0 0 40px;
}
.blogFeatured__grid {
display: grid;
grid-template-columns: 1.15fr 0.85fr;
gap: 0;
background: #fff;
}
.blogFeatured__media {
display: block;
aspect-ratio: 16 / 11;
overflow: hidden;
background: #f2f2f2;
}
.blogFeatured__img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.blogFeatured__content {
padding: 35px;
display: flex;
flex-direction: column;
justify-content: center;
background: #f7f7f7;
text-align: center;
align-items: center;
}
.blogFeatured__meta {
margin-bottom: 10px;
}
.blogFeatured__cat {
font-size: 12px;
letter-spacing: 0.10em;
text-transform: uppercase;
opacity: 0.7;
}
.blogFeatured__title {
margin: 0;
font-size: 30px;
line-height: 1.12;
letter-spacing: -0.02em;
}
.blogFeatured__excerpt {
margin: 14px 0 0;
opacity: 0.85;
max-width: 44ch;
font-size: 14px;
}
.blogFeatured__btn {
margin-top: 22px;
display: inline-flex;
align-items: center;
gap: 10px;
text-decoration: none;
width: fit-content;
font-weight: 500;
color: rgba(0, 0, 0, 0.8);
}
.blogFeatured__btn:hover {
color: rgba(0, 0, 0, 1);
}
.blogFeatured__btn:focus-visible,
.blogFeatured__media:focus-visible {
outline: 2px solid currentColor;
outline-offset: 4px;
}
.blogPage__latestTitleWrap {
display: flex;
justify-content: center;
margin: 10px 0 20px;
}
.blogPage__latestTitle {
margin: 0;
font-size: 12px;
letter-spacing: 0.18em;
text-transform: uppercase;
opacity: 0.7;
}
.blogPage__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
}
@media (max-width: 1199px) {
.blogPage__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
}
@media (max-width: 767px) {
.blogFeatured__grid {
grid-template-columns: 1fr;
}
.blogFeatured__media {
aspect-ratio: 16 / 10;
}
.blogFeatured__content {
padding: 18px 16px 22px;
}
.blogFeatured__title {
font-size: 26px;
}
.blogPage__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
}
.blogPage__sidebarLegacy {
display: none !important;
} .blogPage__loadMore {
display: flex;
justify-content: center;
margin: 26px 0 10px;
} .footer__certs {
margin-top: 40px;
padding-top: 32px;
border-top: 1px solid rgba(0,0,0,0.08);
}
.footer__certs-header {
text-align: center;
margin-bottom: 22px;
}
.footer__certs-title {
margin: 0;
font-size: 20px;
line-height: 1.2;
}
.footer__certs-description {
margin: 12px auto 0;
max-width: 720px;
opacity: 0.85;
font-size: 15px;
}
.footer__certs-grid {
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 22px;
align-items: start;
max-width: 840px;
margin: 0 auto;
}
.footer__certs-item {
text-align: center;
}
.footer__certs-logo {
height: 140px;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
}
.footer__certs-logo img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
max-width: 170px;
max-height: 110px;
}
.footer__certs-label {
margin: 10px 0 0;
font-size: 13px;
line-height: 1.3;
opacity: 0.85;
display: none;
}
@media (max-width: 1199px) {
.footer__certs-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.footer__certs-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.footer__certs-logo {
height: 120px;
}
.footer__certs-logo img {
max-width: 160px;
max-height: 95px;
}
}
@media (prefers-reduced-motion: reduce) {
.footer__certs-logo {
transition: none !important;
}
} .type-product-catalog__actions {
display: flex;
align-items: center;
gap: 12px;
}
.catalog-view {
display: inline-flex;
align-items: center;
border: 1px solid rgba(0, 0, 0, 0.2);
overflow: hidden;
}
.catalog-view__icon {
width: 20px;
}
.catalog-view__btn {
appearance: none;
border: 0;
background: transparent;
padding: 8px 10px;
line-height: 0;
cursor: pointer;
}
.catalog-view__btn:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}
.catalog-view__btn.is-active {
background: rgba(0,0,0,0.06);
}
.catalog-view__icon {
display: block;
} .type-product-catalog__grid[data-catalog-grid] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
margin-left: 0;
margin-right: 0;
}
.type-product-catalog__grid > [data-catalog-item] {
width: auto;
max-width: none;
padding-left: 0;
padding-right: 0;
} .type-product-catalog__grid.is-view-wide {
grid-template-columns: 1fr;
} @media (min-width: 768px) {
.type-product-catalog__grid.is-view-wide {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.type-product-catalog__grid.is-view-compact {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
} @media (min-width: 1200px) {
.type-product-catalog__grid.is-view-wide {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.type-product-catalog__grid.is-view-compact {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}  .pdp-sticky-sentinel{
display:block;
width:100%;
height:1px;
}
.pdp-sticky-cta{
position: fixed;
left: 0; right: 0; bottom: 15px;
z-index: 999;
max-width: 1400px !important;
background: #fff;
margin: auto;
border-top: 1px solid rgba(0,0,0,.08);
padding: 15px 0;
transform: translateY(120%);
opacity: 0;
visibility: hidden;
transition: transform 220ms ease, opacity 160ms ease, visibility 0s linear 220ms;
pointer-events: none;
box-shadow: none;
border-radius: 8px;
}
.pdp-sticky-cta.is-visible{
transform: translateY(0);
opacity: 1;
visibility: visible;
transition: transform 220ms ease, opacity 160ms ease;
pointer-events: auto;
box-shadow: 0 4px 15px 12px rgba(33,43,54,.12);
}
.pdp-sticky-cta__inner{
display:flex;
align-items:center;
gap:12px;
}
.pdp-sticky-cta__thumb{
padding: 3px;
width:48px; 
height:48px;
border-radius:4px;
object-fit:cover;
flex:0 0 auto;
border: 1px solid rgba(0, 0, 0, 0.09);
}
.pdp-sticky-cta__meta{ min-width:0; flex:1 1 auto; }
.pdp-sticky-cta__title{
display:block;
font-size: 15px;
font-weight:600;
line-height:1.2;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.pdp-sticky-cta__button{
flex:0 0 auto;
text-decoration:none;
}
@media (prefers-reduced-motion: reduce){
.pdp-sticky-cta{ transition:none; }
}
:root{
--pdp-sticky-gap: 18px;
--pdp-sticky-h: 76px;
}
body.single-produto,
body.single-product,
body.singular-produto,
body.singular-product{
padding-bottom: calc(var(--pdp-sticky-h) + var(--pdp-sticky-gap) + env(safe-area-inset-bottom));
}
@media (max-width: 992px){
:root{
--pdp-sticky-h: 98px;
}
.pdp-sticky-cta{
left: 12px;
right: 12px;
bottom: 12px;
max-width: none !important;
margin: 0 !important;
padding: 12px;
border-radius: 16px;
border-top: 0;
}
.pdp-sticky-cta.is-visible{
box-shadow: 0 16px 40px rgba(0,0,0,.16);
}
.pdp-sticky-cta__inner{
display: grid;
grid-template-columns: 42px 1fr;
grid-template-rows: auto auto;
column-gap: 10px;
row-gap: 10px;
align-items: center;
}
.pdp-sticky-cta__thumb{
grid-column: 1;
grid-row: 1;
width: 40px;
height: 40px;
}
.pdp-sticky-cta__meta{
grid-column: 2;
grid-row: 1;
min-width: 0;
}
.pdp-sticky-cta__title{
font-size: 13px;
line-height: 1.25;
white-space: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.pdp-sticky-cta__button{
grid-column: 1 / -1;
grid-row: 2;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
} .home__sustentability--metrics{
padding: 60px 0;
background: #fff;
}
.section-content {
max-width: 1125px;
margin: 0 auto;
}
.home__sustentability--metrics .sustentability__header{
max-width: 920px;
}
.home__sustentability--metrics .sustentability__title,
.home__sustentability--metrics .sustentability__text {
text-align: left;
}
.home__sustentability--metrics .sustentability__text{
max-width: 780px;
margin: 0;
color: rgba(0, 0, 0, 0.5);
}
.home__sustentability--metrics .sustentability__text p {
line-height: 1.3em;
}
.home__sustentability--metrics .sustentability__stampBadge{
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
background: rgba(255,255,255,.96);
border: 1px solid rgba(31,79,63,.10);
padding: 10px 12px;
box-shadow: 0 10px 26px rgba(0,0,0,.06);
}
.home__sustentability--metrics .sustentability__stampBadge img{
display:block;
width: 80px;
height: auto;
}
.home__sustentability--metrics .sustentability__metricsWrap{
position: relative;
}
.home__sustentability--metrics .sustentability__metrics{
list-style: none;
padding: 0;
margin: 0;
display: grid;
gap: clamp(24px, 3vw, 44px);
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: start;
text-align: center;
position: relative;
} @media (min-width: 992px){
.home__sustentability--metrics .sustentability__metricsWrap {
margin-top: 20px;
}
.home__sustentability--metrics .sustentability__metricItem{
position: relative;
}
.home__sustentability--metrics .sustentability__metricItem:not(:last-child)::after{
content:"";
position:absolute;
top: 70px;
right: calc(-1 * clamp(80px, 3vw, 44px) / 2);
width: clamp(24px, 3vw, 44px);
border-top: 2px dotted rgba(0, 0, 0, 0.25);
}
} .home__sustentability--metrics .sustentability__metricCircle{
width: 130px;
height: 130px;
margin: 0 auto 10px;
border-radius: 999px;
border: 1px solid rgba(0, 0, 0, 0.3);
background: #fff;
display: grid;
place-items: center;
position: relative;
box-shadow: 0 10px 26px rgba(0, 0, 0, 0.03);
} .home__sustentability--metrics .sustentability__metricValue{
font-weight: 700;
font-size: 40px;
line-height: 1;
letter-spacing: -0.02em;
}
.home__sustentability--metrics .sustentability__metricSuffix{
font-size: 26px;
margin-left: -3px;
font-weight: 600;
} .home__sustentability--metrics .sustentability__metricUnit{
position: absolute;
bottom: 30px;
font-size: 18px;
opacity: .9;
}
.home__sustentability--metrics .sustentability__metricTitle{
margin: 0 0 10px;
font-size: 18px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.home__sustentability--metrics .sustentability__metricDesc{
margin: 0 auto;
max-width: 360px;
font-size: 13px;
opacity: .8;
line-height: 1.35;
} .home__sustentability--metrics .sustentability__cta{
text-align: center;
margin-top: 26px;
}
.home__sustentability--metrics .sustentability__more{
display: inline-flex;
align-items: center;
gap: 10px;
font-weight: 600;
text-decoration: none;
}
.home__sustentability--metrics .sustentability__more:focus-visible{
outline: 3px solid rgba(31,79,63,.35);
outline-offset: 4px;
border-radius: 10px;
} @media (max-width: 991px){
.home__sustentability--metrics{
padding: 28px 0; }
.home__sustentability--metrics .sustentability__metrics{
grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.home__sustentability--metrics .sustentability__metricCircle{
width: 92px;
height: 92px;
margin: 0 auto 8px;
}
.home__sustentability--metrics .sustentability__metricValue{
font-size: 28px;
}
.home__sustentability--metrics .sustentability__metricSuffix{
font-size: 15px;
margin-left: -2px;
}
.home__sustentability--metrics .sustentability__metricUnit{
bottom: 18px;
font-size: 12px;
}
.home__sustentability--metrics .sustentability__metricTitle{
font-size: 12px;
margin: 0 0 6px;
} .home__sustentability--metrics .sustentability__metricDesc{
padding: 0 2px;
font-size: 11px;
line-height: 1.25;
max-width: 22ch;
margin: 0 auto;
display: -webkit-box;
-webkit-box-orient: vertical;
}
} @media (max-width: 360px){
.home__sustentability--metrics .sustentability__metricDesc{
display: none;
}
} .mega-menu__grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 30px 40px;
}
.mega-menu__col {
min-width: 0;
}
.mega-menu__title {
margin: 0 0 10px;
font-size: 13px;
font-weight: 600;
line-height: 1.2em;
}
.mega-menu__list {
list-style: none;
padding: 0;
margin: 0;
}
.mega-menu__link {
padding: 0;
font-size: 13px;
color: rgba(0, 0, 0, 0.5);
display: inline-block;
text-decoration: none;
transition: 0.2s ease;
}
.mega-menu__link:hover {
color: rgba(0, 0, 0, 0.7);
}
.produto-template-default .product__title span {
margin-bottom: 10px !important;
}
.produto-template-default .product__description p,
.produto-template-default .product__description ul {
margin-bottom: 12px;
}.jomo-quote-drawer,
.jomo-quote-modal,
.jomo-quote-drawer *,
.jomo-quote-modal *{
box-sizing:border-box;
} .jomo-quote-icon-btn{
display:inline-flex;
align-items:center;
gap:8px;
border:0;
background:transparent;
cursor:pointer;
padding:8px;
border-radius:999px;
}
.jomo-quote-icon-btn:focus{
outline:2px solid #000;
outline-offset:2px;
}
.jomo-quote-badge{
display:inline-flex;
min-width:18px;
height:18px;
padding:0 6px;
border-radius:999px;
align-items:center;
justify-content:center;
font-size:12px;
line-height:1;
background:#111;
color:#fff;
} .jomo-quote-add{
display:inline-flex;
align-items:center;
justify-content:center;
width:100%;
margin-top:10px;
padding:12px 14px;
border-radius:999px;
border:1px solid rgba(0,0,0,.18);
background:#fff;
color:#111;
cursor:pointer;
}
.jomo-quote-add:hover{
border-color:rgba(0,0,0,.35);
}
.jomo-quote-add:focus{
outline:2px solid #000;
outline-offset:2px;
} .jomo-quote-overlay{
position:fixed;
inset:0;
background:rgba(0,0,0,.5);
opacity:0;
pointer-events:none;
transition:opacity .2s ease;
z-index:9998;
}
.jomo-quote-overlay.is-open{
opacity:1;
pointer-events:auto;
}
.jomo-quote-drawer{
position:fixed;
top:0;
right:0;
height:100%;
width:min(420px, 92vw);
background:#fff;
transform:translateX(100%);
transition:transform .22s ease;
z-index:9999;
display:flex;
flex-direction:column;
overscroll-behavior:contain;
overflow-x:hidden;
}
.jomo-quote-drawer.is-open{
transform:translateX(0);
}
.jomo-quote-drawer__head{
display:flex;
align-items:center;
justify-content:space-between;
padding:16px;
border-bottom:1px solid rgba(0,0,0,.08);
}
.jomo-quote-drawer__head strong{
font-size:16px;
}
.jomo-quote-drawer__body{
padding:12px 16px;
overflow:auto;
overflow-x:hidden;
flex:1;
-webkit-overflow-scrolling:touch;
}
.jomo-quote-drawer__foot{
padding:16px;
border-top:1px solid rgba(0,0,0,.08);
display:flex;
flex-direction:column;
gap:12px;
}  .jomo-quote-item{
display:grid;
grid-template-columns:72px minmax(0, 1fr);
gap:12px;
padding:12px 0;
border-bottom:1px solid rgba(0,0,0,.08);
align-items:start;
} .jomo-quote-item__thumb{
width:72px;
height:72px;
object-fit:contain;
background:#f7f7f7;
border-radius:10px;
} .jomo-quote-item > div{
min-width:0;
position:relative;
}
.jomo-quote-item__title{
font-size:14px;
margin:0 34px 4px 0; font-weight:600;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.jomo-quote-item__meta{
font-size:12px;
opacity:.75;
margin:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
} .jomo-quote-qty{
display:flex;
align-items:center;
gap:8px;
margin-top:8px;
flex-wrap:wrap;
}
.jomo-quote-qty input{
width:min(140px, 52vw);
padding:10px;
border-radius:12px;
border:1px solid rgba(0,0,0,.15);
}
.jomo-quote-qty input:focus{
outline:2px solid #000;
outline-offset:2px;
} .jomo-quote-item [data-quote-remove]{
position:absolute;
top:0;
right:0;
width:32px;
height:32px;
display:inline-flex;
align-items:center;
justify-content:center;
border:0;
background:transparent;
cursor:pointer;
border-radius:10px;
}
.jomo-quote-item [data-quote-remove]:focus{
outline:2px solid #000;
outline-offset:2px;
} @media (min-width:480px){
.jomo-quote-qty input{ width:140px; }
} .jomo-quote-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 16px;
border-radius:999px;
text-decoration:none;
border:0;
background:#111;
color:#fff;
cursor:pointer;
}
.jomo-quote-btn:hover{
background:#000;
}
.jomo-quote-btn:focus{
outline:2px solid #000;
outline-offset:2px;
}
.jomo-quote-help{
font-size:12px;
opacity:.75;
margin:8px 0 0;
} .jomo-quote-modal{
position:fixed;
inset:0;
display:none;
z-index:20000; isolation:isolate; }
.jomo-quote-modal.is-open{
display:block;
} .jomo-quote-modal [data-quote-modal-overlay]{
position:fixed;
inset:0;
background:rgba(0,0,0,.55);
z-index:20001;
} .jomo-quote-modal__panel{
position:fixed;
inset:16px; background:#fff;
border-radius:18px;
padding:16px;
z-index:20002;
max-width:560px;
margin:0 auto;
overflow:auto; -webkit-overflow-scrolling:touch;
} @media(min-width:768px){
.jomo-quote-modal__panel{
inset:auto;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:min(560px, 92vw);
max-height:calc(100vh - 32px); }
}
.jomo-quote-modal__head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
}
.jomo-quote-modal__title{
margin:0 0 6px;
} .jomo-quote-form{
margin-top:14px;
}
.jomo-quote-field{
display:flex;
flex-direction:column;
gap:6px;
margin-bottom:12px;
}
.jomo-quote-field input,
.jomo-quote-field textarea{
padding:12px;
border-radius:12px;
border:1px solid rgba(0,0,0,.15);
}
.jomo-quote-field input:focus,
.jomo-quote-field textarea:focus{
outline:2px solid #000;
outline-offset:2px;
} .jomo-sr-only{
position:absolute!important;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0;
}