:root {
            --viaven-dark: #001c34;     /* Color 1 */
            --viaven-blue-dark: #3f6d7d; /* Color 2 */
            --viaven-blue: #188092;      /* Color 3 */
            --viaven-teal: #14b1b3;      /* Color 4 */
            --viaven-white: #ffffff;     /* Color 5 */
        }
        body {
            font-family: 'Franklin Gothic Demi Cond', sans-serif; /* **Nueva tipografía** */
        }
        .bg-viaven {
            background: linear-gradient(135deg, var(--viaven-dark), var(--viaven-blue));
        }
        .btn-viaven {
            background-color: var(--viaven-teal);
            color: var(--viaven-white);
            font-weight: bold;
            border: none;
        }
        .btn-viaven:hover {
            background-color: var(--viaven-blue);
            color: var(--viaven-white);
        }
        .hero-section {
            background: url('https://via.placeholder.com/1920x600') no-repeat center center;
            background-size: cover;
            padding: 100px 0;
            color: var(--viaven-white);
        }
        .navbar-brand img {
            height: 40px; /* **Ajusta según el tamaño del logo** */
        }
        .navbar-brand img {
            height: 65px; /* Aumenté de 40px a 50px */
            width: auto; /* Mantiene la proporción */
            transition: all 0.3s ease; /* Efecto suave al hacer hover */
        }

        /* Efecto hover opcional */
        .navbar-brand img:hover {
            transform: scale(1.2); /* Crece un 5% al pasar el mouse */
        }

        .bg-viaven {
            background: linear-gradient(135deg, var(--viaven-dark), var(--viaven-blue));
        }
        .btn-viaven {
            background-color: var(--viaven-teal);
            color: var(--viaven-white);
            font-weight: bold;
            border: none;
        }
        .btn-viaven:hover {
            background-color: var(--viaven-blue);
        }
        .navbar-brand img {
            height: 50px;
            width: auto;
        }
        .login-container {
            max-width: 400px;
            margin: 100px auto;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
            background-color: var(--viaven-white);
        }
        .form-control:focus {
            border-color: var(--viaven-teal);
            box-shadow: 0 0 0 0.25rem rgba(20, 177, 179, 0.25);
        }

        /* Estilos para el dashboard */
.avatar-circle {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.avatar-circle-sm {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.avatar-initials {
    color: white;
    font-weight: bold;
    font-size: 1.5rem;
}

.avatar-initials-sm {
    color: var(--viaven-dark);
    font-weight: bold;
    font-size: 0.9rem;
}

.bg-viaven-teal {
    background-color: var(--viaven-teal);
}

/* Estilos para elementos del dashboard */
.status-badge {
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 0.8rem;
}

.status-completed {
    background-color: #d4edda;
    color: #155724;
}

.status-pending {
    background-color: #fff3cd;
    color: #856404;
}

.status-failed {
    background-color: #f8d7da;
    color: #721c24;
}