.tax-gallery_categories h1.entry-title{
    margin-top: 70px;
}

.we-buttons{
    display: flex;
    justify-content: left;
    align-items: left;
    margin-bottom: 20px;
}

.we-buttons button{
    margin: 0 5px;
}

/* ocultar miniaturas */
.fancybox-show-thumbs .fancybox-thumbs {
    display: none !important; /* Oculta el contenedor de miniaturas */
}
.fancybox-show-thumbs .fancybox-inner {
    right: 0 !important; /* Restablece el valor a auto o a 0 según necesites */
}
/* fin ocultar miniaturas */
    
    
.we-isotope-gallery .filters {
    padding: 0px 3px;
} 

/* Estilo por defecto (1 columna) */
.we-isotope-gallery .grid-item {
    width: calc(33.33% - 6px); /* Restamos el espacio de margen total (3px * 2) */
    margin: 3px;
    position: relative;
    overflow: hidden;
}

.we-isotope-gallery .grid-item img {
    width: 100%;
    height: auto;
    display: block;
    max-width: 100%;
    transition: transform 0.3s; /* Efecto zoom al pasar el ratón por encima */
}

.we-isotope-gallery .grid-item:hover img {
    transform: scale(1.05); /* Zoom de la imagen al pasar el ratón por encima */
}

/* 3 columnas para dispositivos con ancho de 768px o más */
@media (min-width: 768px) {
    .we-isotope-gallery .grid-item {
        width: calc(33.33% - 6px); /* Restamos el espacio de margen total (3px * 2) */
    }
}

/* 4 columnas para dispositivos con ancho de 1280px o más */
@media (min-width: 1280px) {
    .we-isotope-gallery .grid-item {
        width: calc(25% - 6px); /* Restamos el espacio de margen total (3px * 2) */
    }
}

/* 5 columnas para dispositivos con ancho de 1680px o más */
@media (min-width: 1680px) {
    .we-isotope-gallery .grid-item {
        width: calc(20% - 6px); /* Restamos el espacio de margen total (3px * 2) */
    }
}



/* overlay */

.we-isotope-gallery .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6); /* Overlay semi-transparente */
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0; /* Inicialmente transparente */
    transition: opacity 0.3s; /* Efecto fade */
    pointer-events: none; /* Asegura que el usuario pueda interactuar con el elemento subyacente (por ejemplo, un enlace en la imagen) */
}

.we-isotope-gallery .overlay h3 {
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    color: #fff;
}

.we-isotope-gallery .overlay p {
    margin-top: 0.5em;
    font-size: 0.9em;
}

.we-isotope-gallery .grid-item:hover .overlay {
    opacity: 1; /* Muestra el overlay al pasar el ratón por encima */
}

/* fin overlay*/

/* fancibox */

/* Estilo para el contenedor de Fancybox personalizado */
.fancybox-content {
    height: calc(100% - 30px) !important;
    max-width: 80% !important;
    padding:0px !important;
}

.admin-bar .fancybox-content {
    height: calc(100% - 60px) !important;
}

.fancybox-content img {
    height: 100% !important;
    flex: 0 0 60% !important; 
    float: left;
    max-width: 60%;
    object-fit: contain;
    background-color: black !important;
}

.fancybox-sidebar {
    float: left;
    width:40%;
}

/* Estilo para pantallas menores de 768px */
@media (max-width: 767px) {

    .we-isotope-gallery .grid-item:hover .overlay {
        display: none;
    }

    .fancybox-content, .fancybox-content img, .fancybox-sidebar {
        flex: 0 0 100% !important;
        width: 100% !important;
        /* max-width: 100% !important; */
        float: none;
    }

    .fancybox-content img{
        max-width: 100% !important;
    }

    div .fancybox-content {
        margin: 0px;
        max-width: 100% !important;
    }
    
    .fancybox-content {
        height: auto !important;
    }
}


.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
    color: #000;
    background-color: rgba(255, 255, 255, 0.8);
}

/* .fancybox-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100vh !important;
}

.fancybox-content {
    width: 70% !important;
    margin: 0 auto !important;
    height: 100vh !important;
    display: flex !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
}

.fancybox-content img {
    height: 100% !important;
    flex: 0 0 70% !important; 
    margin-right: 20px !important;
} */

.fancybox-sidebar {
    flex: 1 !important;
    background: #ffffff !important;
    padding: 20px !important;
    /* box-shadow: 0 0 20px rgba(0,0,0,0.15) !important; */
    overflow-y: auto !important;
}

/* fin fancibox */

/* Filters */
.filter-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
}

.filter-list .form-check {
    margin-right: 20px;
}

div .filter-list input{
    margin: -3px 0px 0 0;
}

.gallery-filter {
    margin-bottom: 20px;
}

.gallery-filter h6 {
    margin-bottom: 5px;
}
/* Fin Filters */