.elementor-7535 .elementor-element.elementor-element-858900c{--display:flex;--min-height:110vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS */.categorias-container {
  display: flex;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.categoria {
 height: 100%;
  width: 100%;
  flex: 1;
  position: relative;
  transition: flex 0.5s ease;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  overflow: hidden;
}
.categoria:hover {
  flex: 2;
}
.categoria-texto {
  writing-mode: vertical-rl;   
  transform: rotate(180deg);
  position: absolute;
  bottom: 80px;
  right: 50px;
  transition: all 0.8s ease;
  font-size: 36px;
  color: #fff;
  border-radius: 4px;
}
.categoria:hover .categoria-texto {
  writing-mode: horizontal-tb;
  transform: none;       
  bottom: 50%; 
  right: 50%;  
  transform: translate(50%, 50%);
  font-size: 30px;
}
.categoria-img{
    height: 100%!important;
    width: 100%;
    object-fit: cover;
}

@media (max-width: 767px) {
    .categorias-container{
        flex-direction: column;
    }
    .categoria{
        height:150px;
        align-items:center;
        justify-content:center;
    }
    .categoria-texto{
        writing-mode: horizontal-tb;
        transform:none;
        width:100%;
        right:-40px;
        bottom:0;
    }
    .categoria:hover .categoria-texto{
        bottom:50%;
        right:30%;
    }
    
    
}/* End custom CSS */