body.modal-blur::before {
        content         : '';
        position        : fixed;
        inset           : 0;
        backdrop-filter : blur(8px);
        background-color: rgba(255, 255, 255, 0.2);
        z-index         : 1040;
    }

    .modal-content.translucent {
        background     : rgba(255, 255, 255, 0.85);
        backdrop-filter: blur(12px);
        border-radius  : 1rem;
        border         : none;
        box-shadow     : 0 0 30px rgba(0, 0, 0, 0.1);
    }

    body {
        background-color: #f4f6f9;
        font-family     : 'Segoe UI', sans-serif;
    }

    .card {
        border       : none;
        border-radius: 1rem;
        box-shadow   : 0 0 15px rgba(0, 0, 0, 0.05);
    }

    .btn-primary {
        background-color: #0d6efd;
        border          : none;
        border-radius   : 0.5rem;
        padding         : 0.75rem;
        font-size       : 1rem;
    }

    .progress-bar {
        transition : width 0.4s ease;
        color      : white;
        font-weight: 500;
    }

    .page-title {
        font-size  : 2rem;
        font-weight: 600;
        color      : #343a40;
    }

    .bg-indigo {
        background-color: #6610f2 !important;
    }

    .bg-teal {
        background-color: #20c997 !important;
    }

    .bg-pink {
        background-color: #e83e8c !important;
    }

    #mainContent {
        display: none;
    }

    .codigo-input {
        width        : 60px;
        height       : 60px;
        font-size    : 2rem;
        text-align   : center;
        border       : 2px solid #ccc;
        border-radius: 0.5rem;
        margin       : 0 0.3rem;
    }

    @media (max-width: 576px) {
        .page-title {
            font-size: 1.5rem;
        }

        .modal-content.translucent {
            margin: 1rem;
        }

        .card {
            padding: 1rem !important;
        }

        .btn {
            font-size: 1rem;
        }

        .codigo-input {
            width    : 50px;
            height   : 50px;
            font-size: 1.5rem;
            margin   : 0 0.2rem;
        }
    }