/* ==========================================================================
   HERO 12: MEDIOS DIGITALES CMS (3 COLUMNS DYNAMIC)
   Estilos específicos y aislados para el layout Hero 12
   ========================================================================== */

/* Imagen Principal Responsiva */
@media (max-width: 1023px) {
  .hero12-main-image {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 220px !important;
    display: block !important;
  }
}

@media (min-width: 1024px) {
  .hero12-main-image {
    aspect-ratio: auto !important;
    min-height: 0 !important;
    height: auto !important;
    flex: 1 1 0% !important;
    display: block !important;
  }
}