.kcg-popup-wrapper{
    display:flex;
    gap:40px;
    align-items:flex-start;
}

.kcg-popup-left{
    width:35%;
}

.kcg-popup-right{
    width:65%;
}

.kcg-logo{
    width:220px;
    height:auto;
    margin-bottom:30px;
}

.kcg-descripcion{
    color:#FFF;
    line-height:1.8;
    font-size:16px;
}

/* ==========================
   GALERÍA
========================== */

.kcg-galeria-layout{
    display:flex;
    gap:20px;
    align-items:flex-start;
}

.kcg-imagen-principal{
    flex:1;
}

.kcg-imagen-principal a{
    display:block;
    text-decoration:none;
}

.kcg-galeria.principal{
    width:100%;
    height:420px;
    object-fit:cover;
    border-radius:10px;
    display:block;
}

.kcg-miniaturas{
    width:140px;
    display:flex;
    flex-direction:column;
    gap:15px;
}

.kcg-miniaturas a{
    display:block;
    text-decoration:none;
}

.kcg-miniaturas img{
    width:140px;
    height:130px;
    object-fit:cover;
    border-radius:8px;
    display:block;
    cursor:pointer;
    transition:.25s ease;
}

.kcg-miniaturas img:hover{
    transform:scale(1.05);
    opacity:.85;
}

.kcg-thumb.activa{
    border:3px solid #ffffff;
}

.kcg-popup-right a img{
    transition:.25s ease;
}

.kcg-imagen-principal a:hover img{
    transform:scale(1.01);
    cursor:zoom-in;
}

/*==========================
BOTON CERRAR
============================*/

.elementor-popup-modal .dialog-close-button{
    color:#FFFFFF !important;
    opacity:1 !important;
    top:15px !important;
    right:15px !important;
}

.elementor-popup-modal .dialog-close-button:hover{
    opacity:.8 !important;
}

.elementor-popup-modal .dialog-close-button svg{
    fill:#FFFFFF !important;
    width:32px;
    height:32px;
}

.elementor-popup-modal .dialog-close-button svg path{
    fill:#FFFFFF !important;
}

/* ==========================
   RESPONSIVE
========================== */

@media(max-width:768px){

    .kcg-popup-wrapper{
        flex-direction:column;
    }

    .kcg-popup-left,
    .kcg-popup-right{
        width:100%;
    }

    .kcg-galeria-layout{
        flex-direction:column;
    }

    .kcg-miniaturas{
        width:100%;
        flex-direction:row;
        flex-wrap:wrap;
    }

    .kcg-miniaturas img{
        width:90px;
        height:90px;
    }

    .kcg-galeria.principal{
        height:280px;
    }

}

.elementor-popup-modal,
.dialog-close-button{
    font-size:26px !important;
    color:#FFF !important;
}