.elementor-7620 .elementor-element.elementor-element-5338970{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7620 .elementor-element.elementor-element-1352fee .elementor-button{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:600;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );background-color:#61CE7000;padding:0px 25px 5px 0px;}.elementor-7620 .elementor-element.elementor-element-1352fee .elementor-button:hover, .elementor-7620 .elementor-element.elementor-element-1352fee .elementor-button:focus{border-color:var( --e-global-color-secondary );}.elementor-7620 .elementor-element.elementor-element-1352fee > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7620 .elementor-element.elementor-element-1352fee{width:var( --container-widget-width, 6% );max-width:6%;--container-widget-width:6%;--container-widget-flex-grow:0;}.elementor-7620 .elementor-element.elementor-element-0da2fe7{--display:flex;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-7620 .elementor-element.elementor-element-89f69d6{--display:flex;--min-height:20vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7620 .elementor-element.elementor-element-13ce68e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-7620 .elementor-element.elementor-element-13ce68e:not(.elementor-motion-effects-element-type-background), .elementor-7620 .elementor-element.elementor-element-13ce68e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zarkin.com/wp-content/uploads/2025/05/TELAS_Categoria-22A-22.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7620 .elementor-element.elementor-element-13ce68e.e-con:hover{--e-con-transform-scale:1.2;}.elementor-7620 .elementor-element.elementor-element-9fc869e{text-align:center;}.elementor-7620 .elementor-element.elementor-element-9fc869e .elementor-heading-title{font-weight:500;}.elementor-7620 .elementor-element.elementor-element-fc0124c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-7620 .elementor-element.elementor-element-fc0124c:not(.elementor-motion-effects-element-type-background), .elementor-7620 .elementor-element.elementor-element-fc0124c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zarkin.com/wp-content/uploads/2025/05/TELAS_Categoria-22B-22.webp");background-repeat:no-repeat;background-size:cover;}.elementor-7620 .elementor-element.elementor-element-fc0124c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7620 .elementor-element.elementor-element-fc0124c.e-con:hover{--e-con-transform-scale:1.2;}.elementor-7620 .elementor-element.elementor-element-9b682d0{text-align:center;}.elementor-7620 .elementor-element.elementor-element-9b682d0 .elementor-heading-title{font-weight:500;}@media(min-width:768px){.elementor-7620 .elementor-element.elementor-element-13ce68e{--width:50%;}.elementor-7620 .elementor-element.elementor-element-fc0124c{--width:50%;}}@media(max-width:767px){.elementor-7620 .elementor-element.elementor-element-5338970{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:20px;}.elementor-7620 .elementor-element.elementor-element-1352fee > .elementor-widget-container{padding:20px 0px 0px 0px;}}/* Start custom CSS */.sub-cat {
    font-weight: 700 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
}
.desc-cat{
    font-size: 13px;
    line-height: 17.29px;
    padding: 20px 0;
    color: #636365;
}
.imagenes-categoria{
    display: flex;
    column-gap: 15px;
    flex-wrap: wrap;
}
.img-pieles{
    height: 250px!important;
    width: 250px!important;
}

.slug-color {
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.5px;
}
.categorias-container{
    display: flex;
    height: 300px;
    width: 100%;
    overflow: hidden;
}

 .categoria {
    height: 100%;
    width: 100%;
    position: relative;
    flex: 1;
    transition: flex 1s ease;
}
.categoria:hover{
    flex: 2;
}

.categoria-img{
    height: 100%!important;
    width: 100%;
    object-fit: cover;
}

.categoria-texto {
  writing-mode: vertical-rl;
  transform: rotate(180deg); 
  position: absolute;
  bottom: 80px;
  right: 50px;
  transition: all 0.8s ease;
  font-size: 30px;
  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;
}
.btn-hoverline::after{
content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: currentColor; /* Toma el color del texto */
    position: absolute;
    bottom: 0;
    left: 0;
    transition: width 0.3s ease-in-out;
}
.btn-hoverline:hover::after{
    width: 50%; 
}


.lightbox .lb-image {
    border-radius: 0 !important;
    border: 0 !important;
}
.lb-data .lb-caption {
    font-size: 12px !important;
    font-weight: 600 1important;
    line-height: 1.5em !important;
    text-transform: uppercase !important;
}
.lb-number{ display: none !important;}

@media (max-width: 767px) {
    .imagenes-categoria{
        justify-content:center;
    }
    .img-pieles{
        height:160px!important;
        width:160px!important;
    }
    .categorias-container{
        height:100vh;
        flex-direction: column;
    }
    .categoria{
        height:150px;
        align-items:center;
        justify-content:center;
    }
    .categoria-texto{
        writing-mode: horizontal-tb;
        transform:none;
        width:100%;
        left:40px;
        bottom: 15px;
    }
    .categoria:hover .categoria-texto{
        bottom:40%;
        left : -30%;
    }
    
    
}/* End custom CSS */