/* Estilos mejorados para columnas de Gutenberg */

/* Forzar comportamiento de columnas independientemente de otros frameworks */
.wp-block-columns {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
    width: calc(100% + 30px) !important;
    box-sizing: border-box !important;
  }
  
  .wp-block-column {
    flex: 1 0 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
    margin-left: 0 !important; /* Anular cualquier margen predeterminado */
  }
  
  /* Responsive: en pantallas medianas y grandes, mostrar como columnas */
  @media (min-width: 768px) {
    .wp-block-columns {
      flex-wrap: nowrap !important;
    }
  
    .wp-block-column {
      flex: 1 !important;
      max-width: none !important; /* Anular cualquier ancho máximo de Bootstrap */
    }
  }
  
  /* Asegurarse de que las columnas no se rompan por Bootstrap u otros frameworks */
  .container .wp-block-columns,
  .row .wp-block-columns,
  .col-12 .wp-block-columns,
  [class*="col-"] .wp-block-columns {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }
  
  /* Estilos para columnas anidadas dentro de contenedores Bootstrap */
  .container .wp-block-columns .wp-block-column,
  .row .wp-block-columns .wp-block-column,
  .col-12 .wp-block-columns .wp-block-column,
  [class*="col-"] .wp-block-columns .wp-block-column {
    padding: 0 15px !important;
  }