/* ========================================
   BLOG — estilos específicos
   ======================================== */

/* HERO BLOG */
.blog-hero {
  background:#f0f0ec;
  padding:80px 60px 60px;
  text-align:center;
  border-radius:0 0 18px 18px;
  margin:0 16px 40px;
}
.blog-hero h1 {
  font-family:'Gabarito', sans-serif; font-size:64px; font-weight:800;
  color:#1a1e2e; letter-spacing:-1px; margin-bottom:14px;
}
.blog-hero p {
  font-size:14px; font-weight:300; color:#666;
  max-width:500px; margin:0 auto; line-height:1.7;
}

/* GRID ARTÍCULOS */
.blog-grid-wrap { max-width:1100px; margin:0 auto; padding:0 40px 80px; }

/* ARTÍCULO DESTACADO */
.articulo-destacado {
  display:grid; grid-template-columns:1fr 1fr; gap:0;
  border-radius:18px; overflow:hidden;
  margin-bottom:40px;
  background:#1a1e2e;
  text-decoration:none;
  transition:transform .3s;
}
.articulo-destacado:hover { transform:translateY(-4px); }
.dest-img {
  height:460px; background:linear-gradient(160deg,#2a2e3e,#3a3e4e);
  display:flex; align-items:center; justify-content:center;
  color:rgba(255,255,255,0.2); font-size:11px; letter-spacing:2px; text-transform:uppercase;
}
.dest-img img { width:100%; height:100%; object-fit:cover; }
.dest-info {
  padding:60px 50px;
  display:flex; flex-direction:column; justify-content:center;
}
.dest-tag {
  font-size:10px; letter-spacing:2px; text-transform:uppercase;
  color:#c4a4a4; margin-bottom:16px;
}
.dest-info h2 {
  font-family:'Gabarito', sans-serif; font-size:32px; font-weight:800;
  color:#fff; line-height:1.2; margin-bottom:16px;
}
.dest-info p {
  font-size:13px; font-weight:300; line-height:1.8;
  color:rgba(255,255,255,0.65); margin-bottom:28px;
}
.dest-meta { font-size:11px; color:rgba(255,255,255,0.35); letter-spacing:1px; }
.leer-mas {
  display:inline-block; margin-top:20px;
  font-size:11px; letter-spacing:2px; text-transform:uppercase;
  color:#fff; border-bottom:1px solid rgba(255,255,255,0.4);
  padding-bottom:2px;
}

/* GRID 3 COL */
.grid3 { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.card {
  text-decoration:none; display:block;
  border-radius:14px; overflow:hidden;
  transition:transform .3s;
}
.card:hover { transform:translateY(-4px); }
.card-img {
  height:220px;
  background:linear-gradient(160deg,#e8e5dc,#d0cdc4);
  display:flex; align-items:center; justify-content:center;
  color:#aaa; font-size:10px; letter-spacing:2px; text-transform:uppercase;
  overflow:hidden;
}
.card-img img { width:100%; height:100%; object-fit:cover; }
.card-body { padding:20px 0; }
.card-tag {
  font-size:10px; letter-spacing:2px; text-transform:uppercase;
  color:#c4a4a4; margin-bottom:8px; display:block;
}
.card-title {
  font-family:'Gabarito', sans-serif; font-size:18px; font-weight:700;
  color:#1a1e2e; line-height:1.3; margin-bottom:10px;
}
.card-excerpt {
  font-size:12px; font-weight:300; line-height:1.7;
  color:#666; margin-bottom:12px;
}
.card-meta { font-size:11px; color:#aaa; letter-spacing:.5px; }

/* SEPARADOR */
.seccion-titulo {
  font-family:'Gabarito', sans-serif; font-size:13px; font-weight:600;
  letter-spacing:3px; text-transform:uppercase; color:#1a1e2e;
  margin:50px 0 28px; padding-bottom:12px;
  border-bottom:1px solid #e8e8e8;
}

@media(max-width:900px) {
  .blog-hero { padding:60px 24px 40px; margin:0 8px 30px; }
  .blog-hero h1 { font-size:42px; }
  .blog-grid-wrap { padding:0 20px 60px; }
  .articulo-destacado { grid-template-columns:1fr; }
  .dest-img { height:280px; }
  .dest-info { padding:30px 24px; }
  .grid3 { grid-template-columns:1fr; }
}