/* DEVARTIVA SOPORTE TI FASE1 FIX3
   Corrige conflicto de especificidad con .visual>img del CSS base.
*/
.visual.visual-photo{
  position:relative;
  padding:0!important;
  min-height:360px;
  overflow:hidden;
  background:#061728!important;
  display:block;
}
.visual.visual-photo > img.support-hero-img{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:360px!important;
  min-height:360px!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:0!important;
}
.visual.visual-photo .support-brand-panel{
  position:absolute;
  left:22px;
  bottom:20px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 14px;
  border-radius:9px;
  background:#06182be8;
  border:1px solid #285676;
  max-width:calc(100% - 44px);
}
.visual.visual-photo .support-brand-panel img{
  width:150px!important;
  height:34px!important;
  min-height:0!important;
  margin:0!important;
  object-fit:contain!important;
}
.visual.visual-photo .support-brand-panel small{
  padding-left:12px;
  border-left:1px solid #325c7a;
  color:#d6e4ef;
  font-size:10px;
  font-weight:900;
  letter-spacing:.11em;
  line-height:1.3;
}
@media(max-width:1100px){
  .visual.visual-photo,
  .visual.visual-photo > img.support-hero-img{
    min-height:320px;
    height:320px!important;
  }
}
@media(max-width:700px){
  .visual.visual-photo,
  .visual.visual-photo > img.support-hero-img{
    min-height:260px;
    height:260px!important;
  }
  .visual.visual-photo .support-brand-panel small{display:none}
  .visual.visual-photo .support-brand-panel img{width:135px!important}
}