/** Shopify CDN: Minification failed

Line 18:15 Expected identifier but found whitespace
Line 18:17 Unexpected "{"
Line 18:26 Expected ":"
Line 18:59 Expected ":"
Line 19:16 Expected identifier but found whitespace
Line 19:18 Unexpected "{"
Line 19:27 Expected ":"
Line 19:60 Expected ":"

**/
.blogs-foros-section {
  background-color: #ffffff;
  color: #121212;
  width: 100%;
  /* Aplicación dinámica del padding horizontal configurado */
  padding-left: {{ section.settings.padding_horizontal }}px;
  padding-right: {{ section.settings.padding_horizontal }}px;
}

/* 1. Estilos Banner Superior */
.main-banner-grid {
  display: flex;
  flex-direction: row;
  align-items: stretch; /* Estira la imagen a la altura del texto */
  gap: 50px;
}

.main-banner-content {
  flex: 1;
}

.main-banner-image-wrapper {
  flex: 1;
  position: relative;
  overflow: hidden;
  border-radius: 20px 80px 20px 80px; 
}

.main-banner-image-wrapper img {
  width: 100%;
  height: 100%; /* Ocupa toda la altura disponible */
  object-fit: cover; /* Mantiene proporción sin deformar */
  display: block;
}

/* 2. Sección Cards */
.cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* Responsive */
@media screen and (max-width: 768px) {
  .main-banner-grid {
    flex-direction: column-reverse;
  }
  .main-banner-image-wrapper {
    height: 300px;
  }
  .cards-grid {
    grid-template-columns: 1fr;
  }
}