html,
body {
    font-family: 'Poppins', sans-serif;
    /* Ajuste fino: reducimos el padding para acercar el banner al header fijo */
    padding-top: 3rem;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Raleway', sans-serif;
}

body.modal-open {
    overflow: hidden;
}

.hero-banner {
    animation: banner-pan 30s ease-in-out infinite alternate;
    transform-origin: center;
}

@keyframes banner-pan {
    0% {
        transform: scale(1.1) translateX(-2%);
    }
    50% {
        transform: scale(1.1) translateX(2%);
    }
    100% {
        transform: scale(1.1) translateX(-2%);
    }
}

.portfolio-thumb-active {
    border-color: #3b82f6;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15);
}

.client-logo-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    background-color: #ffffff;
    padding: 1.5rem;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
}