/*=============================================
RESTABLECIMIENTO DE DISEÑO DRUPAL 11 (BOOTSTRAP FIXES)
Debido a cambios en las plantillas core de D11,
forzamos comportamientos perdidos del Grid y Blocks
=============================================*/

/* 1. Evitar imágenes desbordadas y rotas */
img,
.field--type-image img,
.media img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* 2. Reparación de regiones y bloques (Fix de row/col perdidas de Bootstrap) */
.region {
  width: 100%;
}

/* Fix para Vistas que perdieron el div.row envolvente */
.view-content .views-row {
  margin-bottom: 30px;
}

.view-sala-prensa .view-content,
.view-galeria-de-video .view-content,
.view-sitios-turisticos-parrilla .view-content {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.view-sala-prensa .view-content .views-row,
.view-galeria-de-video .view-content .views-row,
.view-sitios-turisticos-parrilla .view-content .views-row {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (max-width: 991px) {
  .view-sala-prensa .view-content .views-row,
  .view-galeria-de-video .view-content .views-row,
  .view-sitios-turisticos-parrilla .view-content .views-row {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 767px) {
  .view-sala-prensa .view-content .views-row,
  .view-galeria-de-video .view-content .views-row,
  .view-sitios-turisticos-parrilla .view-content .views-row {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* 3. Limpieza de elementos huérfanos del editor CKEditor */
figure.align-left {
  float: left;
  margin-right: 20px;
}

figure.align-right {
  float: right;
  margin-left: 20px;
}

figure.align-center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* 4. Asegurar que contenedores principales no pierdan forma */
.contenedorPrincipal section,
.contenedorPrincipal aside {
  position: relative;
  width: 100%;
  min-height: 1px;
}

/* Asegurar que el sidebar use Float si Flex no engancha */
.sideBarActive {
  display: flex;
  flex-wrap: wrap;
}