body {
            font-family: 'Inter', sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            /* Ensure body default is dark mode */
            background-color: #1a202c; /* bg-gray-900 equivalent */
            color: #e2e8f0; /* text-gray-200 equivalent */
        }
        /* Custom Tailwind Colors (Optional, using defaults for now) */
        .text-accent-blue {
            color: #3b82f6; /* Tailwind blue-500 */
        }
        .hover-bg-accent-blue:hover {
            background-color: #2563eb; /* Tailwind blue-600 */
        }
        .animate-fade-in-up {
            animation: fadeInUp 1s ease-out;
        }
        .animate-fade-in {
            animation: fadeIn 1.5s ease-out;
        }
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        @keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }
        
        /* Ensure grayscale transition applies correctly on hover */
        .grayscale-hover-effect {
            filter: grayscale(100%);
            transition: filter 0.3s ease-in-out;
        }
        .grayscale-hover-effect:hover {
            filter: grayscale(0%);
        }

        .logo-svg {
            width: 200px; /* Ajusta el tamaño según sea necesario */
            height: auto; /* Mantiene la proporción */
            background-color: transparent; /* Asegura que el fondo sea transparente */
        }