/* Definindo a paleta de cores personalizada com variáveis CSS */
        :root {
            --color-primary: #A02020; /* Borgonha Profissional */
            --color-text-main: #2A2A2A; /* Preto Carvão (Esta cor define o fundo do footer 'bg-main') */
            --color-text-secondary: #6C757D; /* Cinza Chumbo */
            --color-bg-secondary: #F0F4F8; /* Cinza Gelo Claro */
            --color-primary-dark: #851A1A; /* Hover do Primário */
        }
        .bg-primary { background-color: var(--color-primary); }
        .text-primary { color: var(--color-primary); }
        .text-main { color: var(--color-text-main); }
        .bg-main { background-color: var(--color-text-main); } /* Adicionando o mapeamento bg-main */
        .bg-secondary { background-color: var(--color-bg-secondary); }
        .border-primary { border-color: var(--color-primary); }

        /* Estilo para a fonte Inter e reset básico */
        body {
            font-family: 'Inter', sans-serif;
            background-color: #fff;
            color: var(--color-text-main);
        }

        /* Estilo para o botão flutuante de WhatsApp no mobile */
        #whatsapp-float {
            position: fixed;
            bottom: 20px;
            right: 20px;
            z-index: 50;
            transition: transform 0.3s;
        }
        #whatsapp-float:hover {
            transform: scale(1.05);
            background-color: var(--color-primary-dark);
        }
        .hover\:bg-primary-dark:hover {
            background-color: var(--color-primary-dark);
        }

        /* Animações das Logos */
        @keyframes fadeInDown {
            from {
                opacity: 0;
                transform: translateY(-20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes slideInLogo {
            from {
                opacity: 0;
                transform: scale(0.95);
            }
            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        header img {
            animation: slideInLogo 0.6s ease-out;
        }

        /* Header Animation - Hide/Show on Scroll */
        header {
            transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
        }

        header.header-hide {
            transform: translateY(-100%);
        }

        header.header-show {
            transform: translateY(0);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        }

        /* Footer Logo Animation */
        footer img {
            animation: slideInLogo 0.8s ease-out;
            transition: transform 0.3s ease-out;
        }

        footer img:hover {
            transform: scale(1.05);
        }

        /* Logo Principal - Hover Effect */
        header a img:hover {
            transform: scale(1.02);
        }