#galeria { width: 100%; height: 100%; overflow-y: auto; }
.search-bar_container {
    padding: 1em;
    display: flex; gap:0.4em;
    flex-direction: column;
}
#gallery-search {
    width: 100%;
    padding: 1em;
    border: 1px solid #2B2B2B;
    border-radius: 0.4rem;
    background: #0B0B0B;
    font-size: 1rem;
    outline: none;
}
#gallery-filters{
    display: flex; gap: 0.4em;
    overflow-x: auto;
    scrollbar-width: none;
}
#gallery-filters::-webkit-scrollbar{
    display: none;
}
.filter-btn.active{
    background:#FFF;
    color:#000;
}
/* ----- GALLERY CONTAINER ----- */
#gallery-grid {
    padding: 1em;
    display: grid; gap: 0.4rem;
    grid-template-columns: repeat(2,1fr);
}
.gallery-card { 
    border-radius: 1em;
    border: 1px solid #2B2B2B;
    overflow: hidden;
    cursor: pointer;
}
.gallery-image {
    position: relative;
    overflow: hidden;
}
.gallery-image img {
    width: 100%;
    display: block;
    object-fit: cover;
    transition: .35s;
            background:linear-gradient(
        to top,
        rgba(0,0,0,.95) 0%,
        rgba(0,0,0,.80) 18%,
        rgba(0,0,0,.35) 45%,
        rgba(0,0,0,0) 70%
    );
}
.gallery-card:hover img {
    transform:scale(1.03);
}
.gallery-card.portrait img{
    aspect-ratio:3/4;
}
.gallery-card.landscape{
    grid-column:1/-1;
}
.gallery-card.landscape img{
    aspect-ratio:16/9;
}
.gallery-info{
    position:absolute;
    left:0;
    right:0;
    bottom:0;

    display:flex;
    flex-direction:column;
    justify-content:flex-end;

    padding:1rem;

    background:linear-gradient(
        to top,
        rgba(0,0,0,.85) 0%,
        rgba(0,0,0,.45) 45%,
        rgba(0,0,0,0) 100%
    );
}