/* MoveMente/CSS/style.css */

/* 1. Ajustes para a Animação do Caos à Clareza */
#caos-clareza-container {
    transition: filter 0.5s ease-in-out;
    cursor: pointer;
}

#caos-clareza-container:hover {
    filter: drop-shadow(0 0 10px rgba(204, 163, 0, 0.4));
}

/* 2. Correção para Visualização em Telemóvel */
@media (max-width: 768px) {
    h1 { font-size: 2.5rem !important; }
    .max-w-7xl { padding-left: 1rem; padding-right: 1rem; }
    /* Garante que imagens não transbordam */
    img { max-width: 100%; height: auto; }
}

/* 3. Textura de Fundo (conforme os ficheiros HTML) */
body { 
    background-color: #FDFBF7; 
    background-image: url("https://www.transparenttextures.com/patterns/cream-paper.png"); 
}
/* ========================================== */
/* CORREÇÃO DA COR DO VÍDEO */
/* ========================================== */
/* Garante que se o vídeo estiver a tocar, a imagem não volta a preto e branco */
.perfil-ativo.grayscale {
    filter: grayscale(0) !important;
}
/* Garante que a imagem de fundo (a estática) desaparece enquanto o vídeo roda */
.perfil-ativo .foto-formal {
    opacity: 0;
}