#blog_hero {
}
#blog_hero_container {
}
#blog_hero_content {
	width: 100%;
	padding-left: 10px;
	flex-direction: column;
	align-items: flex-start;
}
#blog_hero_breadcrump {
	height: 50px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	/*border: 1px solid red;*/
}
#blog_hero_breadcrump_home {
	display: flex;
	flex-direction: row;
	align-items: center;
	/*border: 1px solid blue;*/
}
#blog_hero_breadcrump_home svg {
	height: 25px;
	/*border: 1px solid blue;*/
}
.blog_breadcump_icon path {
	fill: var(--primary-color);
}
.blog_hero_breadcrump_separation::before {
	content: ' ';
	margin-left: 10px;
}
.blog_hero_breadcrump_arrow {
	display: flex;
	flex-direction: row;
	align-items: center;
	/*border: 1px solid green;*/
}
.blog_hero_breadcrump_arrow svg {
	height: 15px;
	/*border: 1px solid green;*/
}
#blog_hero_breadcrump_title {
	display: flex;
	flex-direction: row;
	align-items: center;
	/*border: 1px solid red;*/
}
@media all and (min-width: 650px) {
}
@media all and (min-width: 900px) {
}
@media all and (min-width: 1200px) {
}
/*----------------------------------------------------------------------*/
#blog_hero_hero {
}
#blog_hero_hero_container {
}
#blog_hero_hero_content {
	flex-direction: column;
	position: relative;
	z-index: 10;
	overflow: hidden;
	/*border: solid 1px blue;*/
}
#blog_hero_hero_wrapper {
	width: 98%;
	flex-direction: column;
	/*border: solid 1px orange;*/
}
#blog_hero_hero_left {
	/*width: 100%;*/
	margin-left: 10px;
	display: flex;
	flex-direction: column;
	justify-content: start;
	white-space: normal;
	/*border: solid 1px red;*/
}
#blog_hero_hero_left h1 {
	color: var(--highlight-color);
}
#blog_hero_hero_left p {
	color: var(--secondary-color);
}
#blog_hero_hero_buttons {
	/*width: 100%;*/
	margin: 30px 0;
	/*border: solid 1px blue;*/
}
#blog_hero_hero_right {
	/*margin-left: 20px;*/
	display: flex;
	flex-direction: row;
	justify-content: center;
	/*border: solid 1px red;*/
}
#blog_hero_hero_right img {
	width: 310px;
	height: auto;
	/*border: solid 1px green;*/
}
#blog_hero_hero_content::before {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%; /* Ajusta el ancho de la forma */
	height: 70%; /* Ajusta la altura de la forma */
	background: var(--secondary-background);
	transform: skewY(-15deg); /* Inclinación de la forma */
	transform-origin: bottom right;
	z-index: -20;
	opacity: 0.5;
}
#blog_hero_hero_content::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 40%;
	background-color: var(--tertiary-background);
	transform: skewY(-10deg);
	transform-origin: bottom right;
	z-index: -10;
	opacity: 0.7;
}
@media (min-width: 600px) {
	#blog_hero_hero_right img {
		width: 590px;
		height: auto;
	}
}
@media (min-width: 900px) {
	#blog_hero_hero_content {
		width: 98%;
		margin-left: 0;
		flex-direction: row;
		z-index: 10;
	}
	#blog_hero_hero_wrapper {
		/*width: 98%;*/
		/*margin-left: 0;*/
		/*flex-direction: row;*/
		/*z-index: 10;*/
	}
	#blog_hero_hero_left {
		margin-left: 0;
		/*width: 100%;*/
	}
	#blog_hero_hero_right {
		/*margin-left: 20px;*/
		display: flex;
		align-items: flex-end;
	}
	#blog_hero_hero_right img {
		width: 380px;
		height: auto;
	}
}
@media (min-width: 1200px) {
	#blog_hero_hero_wrapper {
		margin-left: 0;
		flex-direction: row;
		z-index: 10;
		width: 95%;
	}
	#blog_hero_hero_left {
		/*width: 100%;*/
	}
	#blog_hero_hero_buttons {
		width: 80%;
	}
	#blog_hero_hero_right img {
		width: 450px;
		height: auto;
	}
}
@media (min-width: 1400px) {
	#blog_hero_hero_wrapper {
		width: 80%;
	}
	#blog_hero_hero_left {
		/*width: 100%;*/
	}
	#blog_hero_hero_buttons {
		width: 95%;
	}
	#blog_hero_hero_right img {
		width: auto;
		height: auto;
	}
}