/* Estilo base para usar la fuente Inter */
        body {
            font-family: 'Inter', sans-serif;
            position: relative; /* Necesario para la superposición */
        }
        /* Estilo para el fondo con imagen */
        .main-bg {
            background-image: url('https://app.kodex.global/public/images/background-kodex-2.png');
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
        }
        /* Superposición oscura para mejorar la legibilidad del texto */
        .main-bg::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 0;
        }
        /* Asegurarse de que el contenido esté por encima de la superposición */
        .content-wrapper {
            position: relative;
            z-index: 1;
        }
        .carousel-container {
            height: 70vh;
            max-height: 500px; /* Limitar la altura máxima en pantallas grandes */
        }
        .carousel-image {
            transition: opacity 0.5s ease-in-out;
        }
        .nav-indicator {
            transition: background-color 0.3s ease;
        }
        .nav-indicator.active {
            background-color: white;
        }