/* ---------- Header ---------- */

.header img#svg {
    position: absolute;
    width: clamp(8rem, 12vw, 15rem);
    left: clamp(2.4rem, 6vw, 6rem);
    transition: ease 0.5s;
}

/* ---------- Galeria ---------- */

.main #gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: clamp(0.4rem, 0.8vw, 0.8rem);
    padding: var(--global-padding);
}

.main #gallery img {
    height: clamp(140px, 20vw, 260px);
    width: auto;
    flex-grow: 1;
    max-width: 400px;
    object-fit: cover;
    border-radius: calc(var(--global-radius) / 2);
    transition: transform 0.3s, box-shadow 0.3s;
}

.main #gallery img:hover {
    transform: scale(1.02);
    box-shadow: 0 6px 18px rgba(from var(--accent-color-3) r g b / 30%);
}


/* ---------- Footer ---------- */

.footer svg {
    transform: translateX(-0.2rem);
    width: 1.1rem;
    height: 1.1rem;
    vertical-align: middle;
}