body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
/* Desabilitar seleção de texto */
body {
-webkit-user-select: none; /* Chrome/Safari */
-moz-user-select: none;    /* Firefox */
-ms-user-select: none;     /* IE/Edge */
user-select: none;         /* Padrão */
}
        /* Estilos base */
        html, body {  
            overflow-x: hidden;
        }  
        html {
            scroll-behavior: smooth;
        }
        body {
            opacity: 0;
            transition: opacity 0.4s ease-in-out;
            font-family: 'Inter', sans-serif;
            background-color: #f1f5f9; /* Cor de fundo slate-100 */ 
            color: #1e293b;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        body.ready {
            opacity: 1;
        }
        .grid { perspective: 1000px; }
        .nav-button {  
            transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;  
            position: relative;
            z-index: 1;
        }
        .nav-button:hover { transform: translateY(-8px) rotateX(10deg); }
        
        @keyframes letter-swoop-in {
            from { opacity: 0; transform: skewX(-30deg) translateX(50px); }
            to { opacity: 1; transform: skewX(0deg) translateX(0); }
        }
        .animate-letter {
            display: inline-block;
            opacity: 0;
            animation: letter-swoop-in 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
        }

        /* Animação de pulsação */
        .animate-pulse-highlight {
            position: relative;
        }
        .animate-pulse-highlight::before {
            content: '';
            position: absolute;
            inset: 0;  
            background-color: inherit;  
            border-radius: inherit;  
            z-index: -1;  
            pointer-events: none;  
            animation: pulse-highlight 2s ease-in-out infinite;
            transition: opacity 0.3s ease-out;
        }
        .animate-pulse-highlight:hover::before {
            opacity: 0;
        }
        @keyframes pulse-highlight {
            0%, 100% {
                transform: scale(1);
                box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
            }
            50% {
                transform: scale(1.05);
                box-shadow: 0 0 40px 15px rgba(239, 68, 68, 0.6), 0 10px 15px -3px rgba(0, 0, 0, 0.2);
            }
        }
        
        .visitor-count-placeholder {
            display: inline-block;
            min-width: 60px;
            text-align: left;
        }

        .grid-uniform-rows {
            grid-auto-rows: 1fr;
        }