/* Anular estilos por defecto de WordPress para la galería */ 
.wp-block-gallery.has-nested-images {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    margin: 0 !important;
}

.wp-block-gallery.has-nested-images .wp-block-image {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

.wp-block-gallery.has-nested-images .wp-block-image figure {
    margin: 0 !important;
    height: 100%;
}

.wp-block-gallery.has-nested-images .wp-block-image img {
    width: 100% !important;
    height: 500px;
    object-fit: cover;
}

/* Contenedor de la galería Pixelfed */
.pixelfed-gallery {
    position: relative;
    width: 100%;
    max-width: 900px;
    margin: 12px auto 10px auto;
    overflow: hidden;
 /*   border-radius: 8px; */
 /*   box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5); */
    touch-action: pan-y;
}

/* Slides container */
.pixelfed-gallery .wp-block-gallery {
    display: flex;
    transition: transform 0.5s ease;
    cursor: grab;
    margin: 0;
    padding: 0;
    height: 100%;
}

.pixelfed-gallery .wp-block-gallery:active {
    cursor: grabbing;
}

/* Elementos individuales de la imagen */
.pixelfed-gallery .wp-block-image {
    min-width: 100%;
    position: relative;
    user-select: none;
    margin: 0;
}

/* Navegación */
.pixelfed-gallery .gallery-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-55%);
    z-index: 10;
}

.pixelfed-gallery button {
    box-shadow: none !important;
    text-shadow: none;
}

.pixelfed-gallery .nav-btn {
    opacity: 0.3;
    background: none;
    border: 0;
    width: 60px;
    border-radius: 50%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0 8px;
    transition: all 0.3s ease;
    z-index: 20;
    text-shadow: none !important;
    box-shadow: none !important;
    outline: none;
}

.pixelfed-gallery .nav-btn:hover {
    transform: scale(1.1);
    border: none;
    opacity: 0.3;
}

.pixelfed-gallery .nav-btn.disabled {
    visibility: hidden;
}

.fa-chevron-left::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='60' width='60' viewBox='0 0 640 640'%3E%3Cpath d='M576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576C461.4 576 576 461.4 576 320zM188.7 308.7L292.7 204.7C297.3 200.1 304.2 198.8 310.1 201.2C316 203.6 320 209.5 320 216L320 272L416 272C433.7 272 448 286.3 448 304L448 336C448 353.7 433.7 368 416 368L320 368L320 424C320 430.5 316.1 436.3 310.1 438.8C304.1 441.3 297.2 439.9 292.7 435.3L188.7 331.3C182.5 325.1 182.5 314.9 188.7 308.7z'/%3E%3C/svg%3E");
}

.fa-chevron-right::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='60' width='60' viewBox='0 0 640 640'%3E%3Cpath d='M64 320C64 461.4 178.6 576 320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320zM451.3 331.3L347.3 435.3C342.7 439.9 335.8 441.2 329.9 438.8C324 436.4 320 430.5 320 424L320 368L224 368C206.3 368 192 353.7 192 336L192 304C192 286.3 206.3 272 224 272L320 272L320 216C320 209.5 323.9 203.7 329.9 201.2C335.9 198.7 342.8 200.1 347.3 204.7L451.3 308.7C457.5 314.9 457.5 325.1 451.3 331.3z'/%3E%3C/svg%3E");
}

/* Puntos de navegación */
.pixelfed-gallery .gallery-dots {
    display: flex;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    z-index: 15;
    justify-content: center;
    transform: none;
   gap: 10px;
}

.pixelfed-gallery .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(224, 224, 224, 0.35);
    cursor: pointer;
    transition: all 0.3s ease;
}

.pixelfed-gallery .dot.active {
    background: rgba(224, 224, 224, 0.75);
    transform: scale(1.2);
}

/* Leyenda de imagen */
.pixelfed-gallery .slide-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    color: white;
    padding: 20px;
    text-align: center;
}

/* Indicador de swipe para móviles */
.pixelfed-gallery .swipe-hint {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
    opacity: 0.8;
    display: none;
}

/* Responsive */
@media (max-width: 768px) {
    .wp-block-gallery.has-nested-images .wp-block-image img {
        height: 350px;
    }
    
    .pixelfed-gallery .nav-btn {
        width: 45px;
        height: 45px;
        margin: 0 10px;
    }
    
    .pixelfed-gallery .swipe-hint {
        display: block;
    }

.fa-chevron-left::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='45' width='45' viewBox='0 0 640 640'%3E%3Cpath d='M576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576C461.4 576 576 461.4 576 320zM188.7 308.7L292.7 204.7C297.3 200.1 304.2 198.8 310.1 201.2C316 203.6 320 209.5 320 216L320 272L416 272C433.7 272 448 286.3 448 304L448 336C448 353.7 433.7 368 416 368L320 368L320 424C320 430.5 316.1 436.3 310.1 438.8C304.1 441.3 297.2 439.9 292.7 435.3L188.7 331.3C182.5 325.1 182.5 314.9 188.7 308.7z'/%3E%3C/svg%3E");
}

.fa-chevron-right::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='45' width='45'  viewBox='0 0 640 640'%3E%3Cpath d='M64 320C64 461.4 178.6 576 320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320zM451.3 331.3L347.3 435.3C342.7 439.9 335.8 441.2 329.9 438.8C324 436.4 320 430.5 320 424L320 368L224 368C206.3 368 192 353.7 192 336L192 304C192 286.3 206.3 272 224 272L320 272L320 216C320 209.5 323.9 203.7 329.9 201.2C335.9 198.7 342.8 200.1 347.3 204.7L451.3 308.7C457.5 314.9 457.5 325.1 451.3 331.3z'/%3E%3C/svg%3E");
}

}

@media (max-width: 480px) {
    .wp-block-gallery.has-nested-images .wp-block-image img {
        height: 280px;
    }
    
    .pixelfed-gallery .slide-caption {
        padding: 10px;
        font-size: 0.9rem;
    }
    
    .pixelfed-gallery .nav-btn {
        width: 35px;
        height: 35px;
        margin: 0 5px;
    }
}