/* The7 Banner Flex */
.the7-fb{
  --gap: 0;
  position: relative;
  display: flex;
  align-items: stretch;
  gap: var(--gap);
  overflow: hidden;
}

.the7-fb-content{
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.the7-fb-icon{
  display: block;
  margin-left: auto;
  margin-bottom: 12px;
}

.the7-fb-image{
  flex: 1 1 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0 12px;
}

.the7-fb-image img{
  max-width: 100%;
  height: auto;
  display: block;
  align-self: flex-end;
  object-fit: contain;
}

.the7-fb--text_only .the7-fb-content{ flex: 1 1 100%; }

/* Altura mínima sugerida para desktop (puedes editar en tu tema) */
@media (min-width: 992px){
  .the7-fb{ min-height: 360px; }
}

/* En tablet vertical y móvil apila el contenido */
@media (max-width: 991.98px){
  .the7-fb{
    min-height: 0;
    flex-direction: column;
  }
  .the7-fb-image{ padding-top: 16px; }
}