/* ─────────────────────────────────────────────
   Global custom styles for Claro Web Studio
   Loaded on every page alongside Tailwind CDN
───────────────────────────────────────────── */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

/* ── Portfolio card ── */
.portfolio-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    display: block;
    transition: transform 0.35s ease;
}
.portfolio-card:hover img {
    transform: scale(1.04);
}
.portfolio-card .overlay {
    opacity: 0;
    transition: opacity 0.25s ease;
}
.portfolio-card:hover .overlay {
    opacity: 1;
}

.portfolio-card > div {
    height: 28rem !important;
}

@media (min-width: 768px) {
    .portfolio-card > div {
        height: 30rem !important;
    }
}

/* ── GLightbox — hide caption/description, show image only ── */
.glightbox-clean .gslide-description,
.glightbox-clean .gdesc-inner {
    display: none !important;
}

/* ── GLightbox brand colours ── */
.glightbox-clean .gclose,
.glightbox-clean .gnext,
.glightbox-clean .gprev {
    background-color: #191F58;
}
.glightbox-clean .gclose svg,
.glightbox-clean .gnext svg,
.glightbox-clean .gprev svg {
    color: #BDBDFE;
}