.treos-b0u-wrap{
  width:min(calc(100% - 32px), var(--b0u-max,1320px));
  margin:var(--b0u-mt,28px) auto var(--b0u-mb,36px);
  position:relative;
  z-index:1;
}

/*
 * IMAGEN
 * La imagen conserva su proporción real. No hay caja, fondo gris ni alto
 * forzado alrededor del banner.
 */
.treos-b0u-wrap.is-image .treos-b0u-inner{
  width:100%;
  height:auto;
  overflow:hidden;
  border-radius:var(--b0u-radius,18px);
  background:transparent;
}
.treos-b0u-wrap.is-image .treos-b0u-link,
.treos-b0u-wrap.is-image picture{
  display:block;
  width:100%;
  height:auto;
}
.treos-b0u-wrap.is-image .treos-b0u-image{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  background:transparent;
}

/* VIDEO: mantiene los altos configurables del panel. */
.treos-b0u-wrap.is-video .treos-b0u-inner{
  width:100%;
  height:var(--b0u-h,360px);
  overflow:hidden;
  border-radius:var(--b0u-radius,18px);
  background:#000;
}
.treos-b0u-wrap.is-video .treos-b0u-link{
  width:100%;
  height:100%;
  display:block;
}
.treos-b0u-wrap.is-video .treos-b0u-video{
  width:100%;
  height:100%;
  display:block;
  object-fit:var(--b0u-fit,cover);
}

.treos-b0u-link{
  cursor:pointer;
  text-decoration:none!important;
}

@media (max-width:767px){
  .treos-b0u-wrap{
    width:min(calc(100% - 24px), var(--b0u-max,1320px));
  }
  .treos-b0u-wrap.is-image .treos-b0u-inner{
    border-radius:min(var(--b0u-radius,18px),14px);
  }
  .treos-b0u-wrap.is-video .treos-b0u-inner{
    height:var(--b0u-hm,220px);
    border-radius:min(var(--b0u-radius,18px),14px);
  }
}