.glightbox-container .gclose {
    width: 40px !important;
    height: 40px !important;
    background: rgba(0, 0, 0, 0.7) !important;
    border: 2px solid #fff !important;
    border-radius: 50% !important;
    position: absolute !important;
    right: 20px !important;
    top: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.glightbox-container .gclose:hover {
    background: rgba(0, 0, 0, 0.9) !important;
    transform: scale(1.1) !important;
}

.glightbox-container .gclose svg {
    width: 20px !important;
    height: 20px !important;
}

.glightbox-container .gclose svg path {
    fill: #fff !important;
}

/* Mejoras adicionales para el lightbox */
.glightbox-clean .gslide-description {
    background: rgba(0, 0, 0, 0.7) !important;
}

.glightbox-clean .gslide-title {
    color: #fff !important;
    font-size: 1.2em !important;
    font-weight: bold !important;
    margin-bottom: 5px !important;
}

.glightbox-clean .gslide-desc {
    color: #ddd !important;
}

/* Estilos para los botones de navegación */
.glightbox-clean .gnext,
.glightbox-clean .gprev {
    background: rgba(0, 0, 0, 0.7) !important;
    border: 2px solid #fff !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    transition: all 0.3s ease !important;
}

.glightbox-clean .gnext:hover,
.glightbox-clean .gprev:hover {
    background: rgba(0, 0, 0, 0.9) !important;
    transform: scale(1.1) !important;
}

.glightbox-clean .gnext svg,
.glightbox-clean .gprev svg {
    width: 20px !important;
    height: 20px !important;
}

.glightbox-clean .gnext svg path,
.glightbox-clean .gprev svg path {
    fill: #fff !important;
}

/* Estilo del fondo */
.glightbox-clean .goverlay {
    background: rgba(0, 0, 0, 0.9) !important;
}