/* blog.css */
.blog-hero { position:relative; padding:calc(var(--nav-h) + 80px) 0 100px; overflow:hidden; background:var(--negro); }
.blog-hero-bg { position:absolute; inset:0; background: radial-gradient(ellipse at 70% 30%, rgba(44,95,46,0.45) 0%, transparent 60%), radial-gradient(ellipse at 5% 85%, rgba(44,95,46,0.2) 0%, transparent 50%); }
.blog-hero-shape { position:absolute; bottom:-2px; left:0; right:0; height:80px; background:var(--blanco); clip-path:ellipse(55% 100% at 50% 100%); }
.blog-hero-content { position:relative; z-index:2; max-width:720px; }
.blog-hero-title { font-family:var(--font-display); font-size:clamp(40px,5.5vw,68px); font-weight:700; color:var(--blanco); line-height:1.1; margin:12px 0 20px; }
.blog-hero-title em { font-style:italic; color:rgba(255,255,255,0.6); }
.blog-hero-desc { font-size:17px; color:rgba(255,255,255,0.72); line-height:1.7; max-width:540px; }

/* Artículo destacado */
.blog-featured { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.blog-featured-img { position:relative; aspect-ratio:4/3; border-radius:var(--radius-xl); overflow:hidden; background:var(--beige-dark); }
.blog-featured-img img { width:100%; height:100%; object-fit:cover; }
.blog-featured-img.blog-no-img { background:linear-gradient(135deg,var(--verde-fondo),var(--beige-dark)); }
.blog-cat { position:absolute; top:16px; left:16px; background:var(--verde); color:var(--blanco); font-size:11px; font-weight:600; letter-spacing:1px; text-transform:uppercase; padding:5px 12px; border-radius:20px; z-index:1; }
.blog-featured-text .blog-fecha { font-size:12px; color:var(--gris-claro); letter-spacing:0.5px; }
.blog-featured-text h2 { font-family:var(--font-display); font-size:clamp(26px,3vw,36px); font-weight:700; color:var(--negro); line-height:1.2; margin:12px 0 16px; }
.blog-featured-text p { font-size:15px; color:var(--gris); line-height:1.8; margin-bottom:20px; }
.blog-autor { display:flex; align-items:center; gap:12px; }
.autor-avatar { width:44px; height:44px; border-radius:50%; background:var(--verde); color:var(--blanco); font-family:var(--font-display); font-size:16px; font-weight:700; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.blog-autor strong { display:block; font-size:14px; font-weight:600; color:var(--negro); }
.blog-autor span { font-size:12px; color:var(--gris-claro); }

/* Grid de artículos */
.blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.blog-card { background:var(--blanco); border-radius:var(--radius-lg); overflow:hidden; border:1px solid var(--beige-dark); transition:var(--transition); }
.blog-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-md); border-color:transparent; }
.blog-card-img { position:relative; aspect-ratio:16/9; overflow:hidden; background:var(--beige-dark); }
.blog-card-img img { width:100%; height:100%; object-fit:cover; transition:transform 0.4s ease; }
.blog-card:hover .blog-card-img img { transform:scale(1.05); }
.blog-card-img.blog-card-no-img { background:linear-gradient(135deg,var(--verde-fondo),var(--beige-dark)); }
.blog-card-body { padding:20px 22px 24px; }
.blog-fecha { font-size:11px; color:var(--gris-claro); letter-spacing:0.5px; }
.blog-card-body h3 { font-family:var(--font-display); font-size:20px; font-weight:600; color:var(--negro); line-height:1.3; margin:8px 0 10px; }
.blog-card-body p { font-size:13px; color:var(--gris); line-height:1.7; margin-bottom:14px; }
.blog-link { font-size:13px; font-weight:500; color:var(--verde); transition:color var(--transition); }
.blog-link:hover { color:var(--verde-claro); }

/* Newsletter */
.blog-newsletter { background:var(--negro); border-radius:var(--radius-xl); padding:40px 48px; }
.newsletter-inner { display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; }
.newsletter-inner h3 { font-family:var(--font-display); font-size:24px; font-weight:700; color:var(--blanco); margin-bottom:6px; }
.newsletter-inner p { font-size:14px; color:rgba(255,255,255,0.55); margin:0; }
.newsletter-form { display:flex; gap:10px; flex-shrink:0; }
.newsletter-form input { padding:12px 18px; border-radius:var(--radius-lg); border:none; font-family:var(--font-body); font-size:14px; background:rgba(255,255,255,0.1); color:var(--blanco); outline:none; width:240px; }
.newsletter-form input::placeholder { color:rgba(255,255,255,0.4); }
.newsletter-form input:focus { background:rgba(255,255,255,0.15); }

@media (max-width:1024px) { .blog-featured { grid-template-columns:1fr; gap:36px; } .blog-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px) { .blog-grid { grid-template-columns:1fr; } .newsletter-inner { flex-direction:column; align-items:flex-start; } .newsletter-form { flex-direction:column; width:100%; } .newsletter-form input { width:100%; } }