/* =========================================================
GALERIA GLOBAL (LAYOUT CONSISTENTE EN TODOS LOS DISPOSITIVOS)
========================================================= */

.gs-galeria-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: repeat(2, 170px);
    gap: 16px;
}

/* ITEM BASE */
.gs-galeria-item {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-md);
    cursor: pointer;
}

/* IMG */
.gs-galeria-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

/* IMAGEN GRANDE */
.gs-galeria-item.is-featured {
    grid-row: span 2;
}

/* HOVER */
.gs-galeria-item:hover img {
    transform: scale(1.06);
}

/* OVERLAY */
.gs-galeria-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.2);
    opacity: 0;
    transition: opacity .3s ease;
}

.gs-galeria-item:hover::before {
    opacity: 1;
}

/* SHINE */
.gs-galeria-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.15) 30%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0.15) 70%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    filter: blur(8px);
    opacity: 0;
}

.gs-galeria-item:hover::after {
    opacity: 1;
    animation: gs-shine 1s ease forwards;
}

@keyframes gs-shine {
    0% { left: -100%; }
    100% { left: 140%; }
}

/* =========================================================
MOBILE (MISMO LAYOUT, SOLO MÁS COMPACTO)
========================================================= */

@media (max-width: 768px) {

    .gs-galeria-grid {
        grid-template-columns: 2fr 1fr 1fr; /* se mantiene igual */
        grid-template-rows: repeat(2, 80px); /* más compacto */
        gap: 8px;
    }

}