.blog-articles{display:grid;grid-gap:1rem;column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing)}.blog-articles .card-wrapper{width:100%}@media screen and (min-width: 750px){.blog-articles{grid-template-columns:1fr 1fr;column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing)}.blog-articles--collage>*:nth-child(3n+1),.blog-articles--collage>*:nth-child(3n+2):last-child{grid-column:span 2;text-align:center}.blog-articles--collage>*:nth-child(3n+1) .card,.blog-articles--collage>*:nth-child(3n+2):last-child .card{text-align:center}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--small .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--small .ratio:before{padding-bottom:22rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--medium .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--medium .ratio:before{padding-bottom:44rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--large .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--large .ratio:before{padding-bottom:66rem}}@media screen and (min-width: 990px){.blog-articles--collage>*:nth-child(3n+1) .article-card__image--small .ratio .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--small .ratio .ratio:before{padding-bottom:27.5rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--medium .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--medium .ratio:before{padding-bottom:55rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--large .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--large .ratio:before{padding-bottom:82.5rem}}.blog_section .tab-buttons{list-style:none;padding:0;display:flex;width:fit-content;cursor:pointer;margin:0}.blog_section .tab-buttons li{background:#f1f1f1;font-family:Montserrat-light;line-height:1.5;padding:10px 31px;transition:all .3s ease;border-radius:30px;position:relative;letter-spacing:0;font-weight:600}.blog_section .tab-buttons li:before{background-color:#f2f2f2;content:"";height:100%;width:100%;display:block;top:0;left:0;position:absolute;z-index:-1}.blog_section .tab-buttons li:first-child:before{border-top-left-radius:30px;border-bottom-left-radius:30px}.blog_section .tab-buttons li:last-child:before{border-top-right-radius:30px;border-bottom-right-radius:30px}.blog_section .tab-buttons li.active{background-color:#000;color:#fff}.blog_section .tab-content{display:none;margin-top:45px;transform:translateY(30px);opacity:0;transition:all .6s ease}.blog_section .tab-content.active.animated{transform:translateY(0);opacity:1;transition:all .6s ease}.blog_section .tab-content.active{display:block}.blog_section .article-card-wrapper{width:100%}.tabbing-head-pagination{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:50px}.tabbing-head-pagination button.prev-page{transform:rotate(90deg)}.tabbing-head-pagination .page-numbers{display:flex;align-items:center;gap:.6rem}.tabbing-head-pagination button.active{background:#cb191b;color:#fff}.tabbing-head-pagination button{width:4.4rem;height:4.4rem;border:0;padding:0;border-radius:50%;background:#f0f0f0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.6rem;line-height:1}.tabbing-head-pagination button.next-page{transform:rotate(-90deg)}.tabbing-head-pagination button svg.icon{width:1.2rem;height:1.5rem;display:block}.tabbing-head-pagination .prev-page[disabled],.tabbing-head-pagination .next-page[disabled]{cursor:auto}@media screen and (max-width: 1024px){.blog_section .tab-buttons li{white-space:nowrap}.blog_section .tab-buttons{overflow-x:scroll;width:100%}}@media screen and (max-width: 749px){.blog_section .articles-wrapper .article{width:100%;max-width:100%}.list-blogs-itens .grid{gap:24px}.tabbing-head-pagination button svg.icon{width:.9rem;height:.9rem;display:block}.tabbing-head-pagination .page-numbers{gap:.4rem}.tabbing-head-pagination button{width:2.8rem;height:2.8rem;font-size:11px}.blog_section .tab-buttons li{padding:8px 30px}}@media screen and (min-width: 750px){.list-blogs-itens .grid{column-gap:20px;row-gap:20px}.list-blogs-itens .grid--2-col-tablet .grid__item{width:calc(50% - 10px)}}@media screen and (min-width: 990px){.list-blogs-itens .grid--3-col-desktop .grid__item{width:calc(33.33% - 32px * 2 / 3);max-width:calc(33.33% - 32px * 2 / 3)}.list-blogs-itens .grid{column-gap:32px;row-gap:32px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-main-blog.css.map */
