/* xl - DESKTOP STYLES */ 
/* Animação do gradiente */
@keyframes gradient-pan {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Animação de zoom */
@keyframes zoom-effect {
    0% { transform: scale(5); }
    50% { transform: scale(3.05); }
    100% { transform: scale(3); }
}

/* Aplica apenas na Home usando body.page-id-XX */
body.page-id-32 .wp-block-cover.has-background {
    position: relative;
    background: linear-gradient(270deg, rgba(106,17,203,0.6), rgba(37,117,252,0.6), rgba(255,106,0,0.6)) !important;
    background-size: 600% 600%;
    animation: gradient-pan 15s ease infinite, zoom-effect 10s ease-in-out infinite;
    background-image: url('WhatsApp-Image-2025-11-18-at-09.54.05-1.jpeg') !important;
    background-blend-mode: overlay;
    background-position: center;
    color: #fff;
    padding: 80px 20px;
    text-align: center;
    overflow: hidden;
}

/* Overlay para legibilidade */
body.page-id-32 .wp-block-cover.has-background::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

body.page-id-32 .wp-block-cover.has-background > * {
    position: relative;
    z-index: 2;
}

/* Efeito hover */
body.page-id-32 .wp-block-cover.has-background:hover {
    filter: blur(3px);
}

/* Responsividade: remove blur no mobile e ajusta animação */
@media (max-width: 768px) {
    body.page-id-32 .wp-block-cover.has-background:hover {
        filter: none;
    }
    body.page-id-32 .wp-block-cover.has-background {
        animation: gradient-pan 20s ease infinite; /* mais lento no mobile */
    }
}