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 */
}
        :root {
            --color-primary: #0d9488; /* Teal 600 */
            --color-secondary: #f59e0b; /* Amber 500 */
            --color-text: #1f2937; /* Gray 800 */
            --color-dark-blue: #1e3a8a; /* Indigo 900 */
            --color-danger-bg: #111827; /* Gray 900 */
            --color-danger-accent: #ef4444; /* Red 500 */
        }
        
        html { scroll-behavior: smooth; }
        body {
            opacity: 0;
            transition: opacity 0.5s ease-in-out;
            font-family: 'Inter', sans-serif;
            background-color: white;
            color: var(--color-text);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        body.ready { opacity: 1; }

        h1, h2, h3, h4, h5 { font-weight: 800; letter-spacing: -0.025em; }
        p, li { font-size: 1.125rem; line-height: 1.8; color: #374151; }
        strong { font-weight: 700; color: var(--color-dark-blue); }

        /* --- Header & Footer (Mantidos) --- */
        footer p { font-size: initial; line-height: initial; }

        /* --- NOVO DESIGN --- */
        
.hero {
    color: white;
    padding: 6rem 1rem; /* Padding horizontal diminuído de 1.5rem para 1rem */
    text-align: center;
    position: relative;
    background-image: linear-gradient(rgba(18, 24, 39, 0.7), rgba(18, 24, 39, 0.7)), url('https://images.unsplash.com/photo-1521791136064-7986c2920216?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1769&q=80');
    background-size: cover;
    background-position: center;
}
.hero h1 {
    color: white;
    font-size: 2.25rem; /* Tamanho da letra diminuído de 2.5rem para 2.25rem */
    line-height: 1.2;
    text-shadow: 0 3px 6px rgba(0,0,0,0.4);
}
        @media (min-width: 768px) { .hero h1 { font-size: 3.75rem; } } /* text-6xl do Tailwind */

        .intro-section {
            background-color: white;
            padding: 4rem 1.5rem;
        }
        .intro-paragraph {
            text-align: justify; /* Justificado em mobile */
            max-w-4xl mx-auto;
            font-size: 1.25rem;
            line-height: 1.8;
            color: var(--color-dark-blue);
        }
        @media (min-width: 768px) {
            .intro-paragraph {
                text-align: center; /* Centrado em ecrãs maiores */
            }
        }
        .intro-paragraph strong { color: var(--color-primary); }

        .section-title {
            font-size: 1.875rem;
            line-height: 1.2;
            color: var(--color-dark-blue);
            text-align: center;
            margin-bottom: 1rem;
        }
        @media (min-width: 768px) { 
            .section-title { font-size: 3rem; }
        }
        .section-subtitle {
            text-align: center;
            max-w-4xl mx-auto;
            margin-bottom: 4rem;
        }
        
        .highlight-card-grid {
            background-color: #f8fafc;
            border-radius: 0.75rem;
            padding: 2rem;
            border: 1px solid #e2e8f0;
            display: flex;
            flex-direction: column;
        }
        .highlight-card-grid h3 { color: var(--color-dark-blue); font-size: 1.25rem; }
        .highlight-card-grid h3 span { margin-right: 0.75rem; font-size: 1.5rem; display: inline-block; transform: translateY(2px); }

        .interactive-card {
            background: white;
            border-radius: 1rem;
            border: 2px solid var(--color-primary);
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            display: flex;
            flex-direction: column;
            height: 100%;
        }
        .interactive-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);
        }
        .card-content {
            padding: 1.5rem;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }
        .interactive-card .card-title {
            font-size: 1.5rem;
            color: var(--color-dark-blue);
            margin-bottom: 1rem;
        }
        .interactive-card .card-title span { margin-right: 0.75rem; }
        .interactive-card .card-description {
            flex-grow: 1;
            color: #4b5563;
            margin-bottom: 1rem;
        }
        .benefits-list {
            list-style: none;
            padding: 0;
            margin-top: auto;
        }
        .benefits-list li {
            position: relative;
            padding-left: 1.75rem;
            font-size: 1rem;
            color: #374151;
            margin-bottom: 0.5rem;
        }
        .benefits-list li::before {
            content: '✓';
            position: absolute;
            left: 0;
            top: 5px;
            color: var(--color-primary);
            font-weight: 900;
            font-size: 1.2rem;
        }
        
        .history-card {
            background: #f0f9ff; /* Sky-50 */
            padding: 2rem;
            border-radius: 0.75rem;
            border-left: 5px solid #0ea5e9; /* Sky-500 */
        }
        .history-card h3 {
            color: #0369a1; /* Sky-700 */
            font-size: 1.5rem;
            margin-bottom: 1rem;
        }
        
        .danger-zone { background-color: var(--color-danger-bg); border-radius: 1rem; padding: 2rem 1.5rem; margin-top: 4rem; }
        @media (min-width: 768px) { .danger-zone { padding: 3rem; } }
        .danger-zone h2, .danger-zone h3 { color: white; }
        .danger-zone p, .danger-zone li { color: #d1d5db; }
        .danger-zone strong { color: var(--color-danger-accent); }
        .danger-point-new { background: rgba(239, 68, 68, 0.1); padding: 1.5rem; border-radius: 0.5rem; }
        .danger-point-new h3 { font-size: 1.25rem; margin-bottom: 0.5rem; color: #fca5a5; }
        .danger-point-new h3 span { margin-right: 0.75rem; }

        .action-card {
            background-color: white;
            border-radius: 0.75rem;
            border: 1px solid #e2e8f0;
            padding: 1.5rem;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
            transition: all 0.3s ease;
            border-top: 4px solid var(--color-secondary);
        }
        .action-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px -5px rgba(0,0,0,0.1);
        }
        .action-card h3 {
            font-size: 1.25rem;
            color: var(--color-dark-blue);
            margin-bottom: 0.75rem;
        }

        .final-cta { 
            background: linear-gradient(135deg, var(--color-dark-blue), var(--color-primary)); 
            color: white; 
            text-align: center; 
            border-radius: 1rem; 
            padding: 3rem 1.5rem; 
        }
        .final-cta h2, .final-cta p, .final-cta strong { color: white; }
        .final-cta strong { color: var(--color-secondary); }