
			.blog-container {
				display: flex;
				gap: 2.5em;
				max-width: 1200px;
				margin: 0 auto;
			}
			.blog-posts {
				flex: 1;
				min-width: 0;
			}
			.blog-sidebar {
				width: 260px;
				flex-shrink: 0;
			}
			.blog-posts .features {
				margin: 0;
				display: grid;
				grid-template-columns: 1fr;
				gap: 2.5em;
			}
			.blog-posts .features article {
				margin: 0;
				width: 100%;
			}
			.blog-posts .features article .blog-image {
	display: block;
	margin: 0 0 1.75em 0;
	width: 100%;
	height: 240px;
	border-radius: 8px;
	overflow: hidden;
	text-align: left;
}

.blog-posts .features article .blog-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 8px;
	margin: 0;
}
			.blog-meta {
				display: flex;
				gap: 1em;
				margin: 1.25em 0 1em 0;
				font-size: 0.9em;
				flex-wrap: wrap;
			}
			.blog-fecha {
				color: rgba(255, 255, 255, 0.6);
			}
			.blog-categoria {
				background-color: rgba(76, 92, 150, 0.3);
				color: #a5c5ff;
				padding: 0.3em 0.8em;
				border-radius: 20px;
				font-size: 0.8em;
				font-weight: 600;
				text-transform: uppercase;
				border: 1px solid rgba(76, 92, 150, 0.5);
			}
			.blog-posts article h3 {
				margin: 0.5em 0 0.7em 0;
				font-size: 1.4em;
				line-height: 1.3;
			}
			.blog-posts article p {
				color: rgba(255, 255, 255, 0.75);
				font-size: 0.95em;
				line-height: 1.7;
				margin: 0 0 1.25em 0;
			}
			.sidebar-widget {
				background-color: rgba(117, 99, 93, 0.4);
				background-image: linear-gradient(to top, rgba(188, 170, 164, 0.3), rgba(188, 170, 164, 0.5));
				border-radius: 8px;
				padding: 1.75em;
				margin-bottom: 2em;
				border: 1px solid rgba(255, 255, 255, 0.1);
			}
			.sidebar-widget h4 {
				margin: 0 0 1.25em 0;
				padding-bottom: 0.75em;
				border-bottom: 1px solid rgba(255, 255, 255, 0.2);
				font-size: 1em;
				text-transform: uppercase;
				letter-spacing: 0.1em;
			}
			.sidebar-widget ul {
				list-style: none;
				padding: 0;
				margin: 0;
			}
			.sidebar-widget li {
				margin-bottom: 0.75em;
			}
			.sidebar-widget a {
				color: rgba(255, 255, 255, 0.75);
				font-size: 0.95em;
			}
			.sidebar-widget a:hover {
				color: #ffffff;
			}
			@media screen and (max-width: 900px) {
				.blog-container {
					flex-direction: column;
				}
				.blog-sidebar {
					width: 100%;
					display: grid;
					grid-template-columns: 1fr 1fr;
					gap: 2em;
				}
			}
			@media screen and (max-width: 640px) {
				.blog-sidebar {
					grid-template-columns: 1fr;
				}
				.blog-posts article .blog-image {
					height: 180px;
				}
			}	
            @media screen and (max-width: 640px) {
                .blog-posts .features article .blog-image {
		            height: auto;
	            }
                .blog-posts .features article .blog-image img {
		            height: auto;
		            width: 100%;
		           object-fit: contain;
	           }
            }