/* =========================================================
  ESTILOS GENERALES
  ========================================================= */
.mensaje{
  position: relative;
  background-image: url("../img/bg/chile-693056_1280.jpg");
  background-size: cover;
  background-position: center;
  min-height: 65vh;
}
.mensaje .bg-opacity{
  background: linear-gradient(180deg, rgba(11,29,38,.55) 0%, rgba(11,29,38,.8) 100%);
}
.mensaje_blog{
    text-align: center;
    background: var(--bg-2, #f6f6f2);
    padding-bottom: 3em;
}
.mensaje_blog .text-top{
  font-weight: 700;
  color: var(--header-orange, #d9722c);
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: .8em;
}
.mensaje_blog h2{
  font-family: "Playfair Display", "Poppins", serif;
  font-weight: 800;
  color: var(--header-maroon, #711c2e);
}
/* ===== 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;}
}