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: #0f766e; /* Teal 700 */
            --color-secondary: #be123c; /* Rose 700 */
            --color-accent: #0ea5e9; /* Sky 500 */
            --color-background: #f8fafc; /* Slate 50 */
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--color-background);
            color: #334155;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        h1, h2, h3, h4, h5 {
            font-family: 'Poppins', sans-serif;
        }

        /* Animação suave na entrada */
        .fade-in-up {
            opacity: 0;
            transform: translateY(20px);
            animation: fadeInUp 0.6s ease-out forwards;
        }

        @keyframes fadeInUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .delay-100 { animation-delay: 100ms; }
        .delay-200 { animation-delay: 200ms; }
        .delay-300 { animation-delay: 300ms; }

        /* Estilos personalizados para a Checklist */
        .checklist-label input[type="checkbox"]:checked + div {
            background-color: #f0fdf4;
            border-color: #22c55e;
            box-shadow: 0 4px 6px -1px rgba(34, 197, 94, 0.1), 0 2px 4px -1px rgba(34, 197, 94, 0.06);
        }
        .checklist-label input[type="checkbox"]:checked + div .check-icon {
            color: #22c55e;
            transform: scale(1);
            opacity: 1;
        }
        .check-icon {
            transform: scale(0.5);
            opacity: 0;
            transition: all 0.2s ease-in-out;
        }
/* Opção 2: Gradiente Vibrante Animado */
        .hero-banner {
            background: linear-gradient(-45deg, #0f172a, #115e59, #881337, #020617);
            background-size: 300% 300%;
            animation: gradientBG 15s ease infinite;
            position: relative;
        }
        
        @keyframes gradientBG {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        .hero-banner::after {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="noiseFilter"><feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noiseFilter)"/></svg>');
            opacity: 0.05; /* Dá uma textura de "ruído" subtil que fica muito elegante */
            pointer-events: none;
        }
                        #cusdis_thread iframe {
                min-height: 500px !important; /* Altura mínima garantida */
                height: auto !important;
            }