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 */
}
        html, body {
            overflow-x: hidden;
            scroll-behavior: smooth;
        }
        body {
            opacity: 0;
            transition: opacity 0.5s ease-in-out;
            font-family: 'Inter', sans-serif;
            background-color: #f8fafc;
            background-image: radial-gradient(circle at top left, #ffffff, #f0f4f8);
            color: #1e2b3b;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        body.ready {
            opacity: 1;
        }
        h1, h2, h3, h4 {
            font-weight: 800;
            color: #0f172a;
            letter-spacing: -0.025em;
        }
        p, li {
            font-size: 1.125rem; /* 18px */
            line-height: 1.8;
            color: #334155;
        }
        strong {
            font-weight: 700;
            color: #1e293b;
        }
        footer p {
            font-size: initial;
            line-height: initial;
        }
        .brand-red { color: #c92a2a; }
        .brand-green { color: #2f9e44; }
        
        /* === ANIMAÇÃO E COR DO TÍTULO === */
        .animated-gradient-text {
            background: linear-gradient(90deg, #0f172a, #c92a2a, #15803d, #0f172a);
            background-size: 300% 100%;
            -webkit-background-clip: text;
            -moz-background-clip: text;
            background-clip: text;
            color: transparent;
            animation: move-gradient 10s linear infinite;
        }
        @keyframes move-gradient {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        /* === NOVA ANIMAÇÃO DE ATENÇÃO PARA O TÍTULO INTEIRO === */
        @keyframes pulse-attention {
            0%, 100% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.02); /* Aumenta ligeiramente o tamanho */
            }
        }
        .title-attention-animation {
            animation: pulse-attention 5s ease-in-out infinite;
        }

        /* === ANIMAÇÕES DE SCROLL === */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }
        .reveal.visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* === BARRA DE PROGRESSO DE LEITURA === */
        #reading-progress-bar {
            position: fixed;
            top: 0;
            left: 0;
            height: 5px;
            background: linear-gradient(90deg, #10b981, #2dd4bf);
            width: 0%;
            z-index: 100;
            transition: width 0.1s linear;
        }
    