/* Header geral */
header {
        text-align: center;
        padding: 10px 5px;
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(10px);
        border-bottom: 2px solid #FFDF00;
}

header .logo {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
}

header .logo img {
        height: 3.2em;
        transition: transform 0.3s ease;
}

header .logo img:hover {
        animation: fa-spin 5s infinite linear;
}

header h1 {
        font-size: 2.8em;
        background: linear-gradient(45deg, #FFDF00, #009B3A);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin: 0;
}