.blog-section { position: relative; padding: 90px 0 100px; background: #f7f2ea; overflow: hidden; }
.blog-section::after { content: ""; position: absolute; right: 40px; top: 40px; width: 340px; height: 340px; background: url("../images/fondo-zodiaco.png") center/contain no-repeat; opacity: 0.09; pointer-events: none; }
.blog-shell { position: relative; max-width: 1140px; margin: 0 auto; padding: 0 32px; z-index: 1; }
.blog-badge { display: inline-block; padding: 5px 16px; border-radius: 20px; background: #ede3d4; color: #8a6030; font-size: 12px; font-weight: 600; letter-spacing: 0.4px; margin-bottom: 20px; }
.blog-title { font-size: clamp(28px,3vw,44px); font-weight: 700; color: #1a1a1a; line-height: 1.15; margin-bottom: 48px; }
.blog-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }
.blog-card { background: #ffffff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 18px rgba(0,0,0,0.05); transition: transform 0.2s, box-shadow 0.2s; }
.blog-card:hover { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(0,0,0,0.10); }
.blog-card-img { width: 100%; height: 190px; background-size: cover; background-position: center; background-color: #ddd; }
.blog-card-body { padding: 16px 18px 20px; display: flex; flex-direction: column; gap: 8px; }
.blog-card-title { font-size: 14px; font-weight: 700; color: #1a1a1a; line-height: 1.45; }
.blog-card-fecha { font-size: 12px; color: #aaa; }