/* =========================================================
  ESTILOS GENERALES
  ========================================================= */
.mensaje{
  position: relative;
  background-image: url("../img/bg/chile-693056_1280.jpg");
  background-size: cover;
  min-height: 65vh;}
.mensaje_blog{
    text-align: center;
}
.mensaje_blog .text-top{font-weight: bolder;color: var(--brand);}
.mensaje_blog h2{color: var(--brand-dark);}
/* ===== Sección últimas 3 (sin carrusel) ===== */
.blog_grid--latest{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  transform: none !important;
  transition: none !important;
}

@media (max-width: 1024px){
  .blog_grid--latest{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px){
  .blog_grid--latest{ grid-template-columns: 1fr; }
}
.mensaje_bot{text-align: center;padding-top: 0; padding-bottom: 5%;}
/* =========================================================
  RESPONSIVE: MÓVILES / TABLET (≤ 959px)
  ========================================================= */
@media (max-width:959px){
    .mensaje_blog{padding: 2em 5% 0;}
    .mensaje .seccion_container{padding: 1em 5%}
    .mensaje .seccion_container p{margin: 0;}
}

/* =========================================================
  RESPONSIVE: ESCRITORIO (≥ 960px)
  ========================================================= */
@media (min-width:960px){
    .mensaje_blog{padding: 3em 10% 0;}
    .mensaje .seccion_container{padding: 1em;}
}