.content-blog{ padding:0; overflow:hidden; background:var(--colorW); }
.content-blog .container{ position:relative; }
.content-blog-ilustration{ position:absolute; top:0; left:0; width:26.4rem; height:26.4rem; z-index:0; display:none; }
.leaf.content-blog-leaf1{ position:absolute; top:0rem; left:-29rem; width:55rem; height:32rem; background-color:var(--colorI); transform:rotate(40deg); transition:all 1s ease; }
.leaf.content-blog-leaf1:hover{ background-color:var(--colorJ); }
.content-blog-leaf-image{ position:absolute; top:0; left:-11rem; width:50rem; height:50rem; margin:0 auto; background-position:center; background-repeat:no-repeat; background-size:contain; pointer-events:none; }
.leaf.content-blog-leaf2{ position:absolute; top:18rem; left:16rem; width:38rem; height:22rem; background-color:var(--colorC); transform:rotate(130deg); transition:all 1s ease; mix-blend-mode:color-burn; }
.leaf.content-blog-leaf2:hover{ background-color:var(--colorD); }
.content-blog-ilustration-cut{ position:absolute; top:0; left:0; width:26.4rem; height:26.4rem; z-index:2; border-radius:var(--radius); overflow:hidden; pointer-events:none; }
.content-blog-ilustration-cut .leaf.content-blog-leaf2{ top:-1.4rem; left:-20.7rem; background-color:var(--colorD); }

.content-blog-container{ position:relative; display:block; width:100%; padding:0; z-index:1; pointer-events:none; }
.content-blog-container h2{ margin:0 0 2rem 0; }
.content-blog-item{ position:relative; top:0; width:100%; border-radius:var(--radius); background-color:var(--colorL); transition:all 0.6s ease; margin:0 0 2rem 0; padding:8rem 3rem 3rem 3rem; overflow:hidden; pointer-events:all; }
.content-blog-item.active{ border:1px solid var(--colorC); z-index:1; box-shadow:var(--shadowLight); }
.content-blog-item:hover{ box-shadow:var(--shadow); }
.content-blog-image{ position:absolute; display:block; width:100%; height:100%; top:0; left:0; margin:0; background-position:center; background-repeat:no-repeat; background-size:cover; opacity:0.1; }
.content-blog-box{ position:relative; }
.content-blog-title{ position:relative; display:block; margin:0; }
.content-blog-text{ position:relative; line-height:1.2; margin:0; }

.content-blog-arrow{ position:absolute; display:block; width:5.5rem; height:4rem; top:2rem; right:2rem; z-index:2; cursor:pointer; }
.content-blog-arrow::before{ content:""; position:absolute; top:0; left:1.5rem; width:4rem; height:4rem; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='47' viewBox='0 0 43 47' fill='none'%3E%3Cpath d='M38.3761 16.9715C43.3807 19.8504 43.392 27.0673 38.3965 29.9619L12.2491 45.1129C7.25367 48.0075 0.998013 44.4089 0.988937 38.6354L0.941433 8.41557C0.932357 2.64207 7.17668 -0.97618 12.1812 1.90271L38.3761 16.9715Z' fill='%2352FFA9' stroke='%23FCC138'/%3E%3C/svg%3E") no-repeat center; background-size:contain; }
.content-blog-arrow::after{ content:""; position:absolute; top:0; left:0; width:4rem; height:4rem; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='47' viewBox='0 0 43 47' fill='none'%3E%3Cpath d='M38.3761 16.9715C43.3807 19.8504 43.392 27.0673 38.3965 29.9619L12.2491 45.1129C7.25367 48.0075 0.998013 44.4089 0.988937 38.6354L0.941433 8.41557C0.932357 2.64207 7.17668 -0.97618 12.1812 1.90271L38.3761 16.9715Z' fill='%23FCC138' stroke='%23FCC138'/%3E%3C/svg%3E") no-repeat center; background-size:contain; }

@media (min-width:768px){
	.content-blog-ilustration{ display:block; left:-13.5rem; }
	.content-blog-container{ padding:8rem 0 0 0; }
	.content-blog-container h2{ margin-bottom:9rem; }
	.content-blog-item{ margin:0; }
	.content-blog-item.active{ margin-top:11rem; padding:14rem 5rem 6rem 5rem; }
	.content-blog-item.listed{ margin-top:0rem; padding:25rem 5rem 6rem 5rem; }
}
@media (min-width:992px){
	.content-blog-ilustration{ left:-6rem; }
}
@media (min-width:1200px){
	.content-blog-ilustration{ left:0; }
}