/*
Theme Name: Legal VJK Child
Theme URI: http://morrito.com.br/
Author: Morrito
Author URI: http://morrito.com.br/
Description: Tema filho para Legal VJK, baseado no tema Hello Elementor, com suporte a múltiplos idiomas.
Version: 1.0.0
Template: hello-elementor
Text Domain: legalvjk-child
*/

/*
Aqui você pode adicionar seus estilos personalizados.
As classes do Tailwind CSS já estão sendo usadas no HTML.
Qualquer estilo adicional ou sobrescrita pode ir aqui.
Exemplo:
.minha-classe-personalizada {
    color: #333;
}
*/.gradient-overlay {
            background: linear-gradient(135deg, rgba(123, 121, 121, 0.8) 0%, rgba(139, 24, 27, 0.9) 100%);
        }
        .dark-overlay {
            background-color: rgba(10, 10, 10, 0.85);
        }
        .text-shadow { text-shadow: 2px 2px 4px rgba(0,0,0,0.3); }
        .hover-scale { transition: transform 0.3s ease; }
        .hover-scale:hover { transform: scale(1.05); }
        .floating-whatsapp {
            position: fixed;
            bottom: 30px;
            right: 30px;
            z-index: 1000;
            animation: pulse 2s infinite;
        }
        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.1); }
            100% { transform: scale(1); }
        }
        .scroll-smooth { scroll-behavior: smooth; }
        html {
            scroll-padding-top: 80px; /* Altura do header fixo */
        }
        .parallax {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        /* Estilos para Abas de Serviços */
        .service-tab {
            transition: all 0.3s ease;
        }
        .service-tab.active {
            background-color: #8B181B; /* legal-red */
            color: #FFFFFF; /* legal-white */
            transform: scale(1.05);
        }
        .service-tab.active i {
            color: #FFFFFF;
        }

        /* Fade + slide do navbar */
        #navbar {
            /* estado inicial (invisível) */
            opacity: 0;
            transform: translateY(-8px);
            pointer-events: none;         /* evita clicks quando escondido */
            transition: opacity 330ms ease, transform 330ms ease;
            will-change: opacity, transform;
        }

        /* estado visível */
        #navbar.show {
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
        }

        /* respeitar usuários que preferem reduzir animações */
        @media (prefers-reduced-motion: reduce) {
        #navbar, #navbar.show {
            transition: none;
            transform: none;
        }
        }