:root {
    --st-gray-03: #A57F2C;
    --st-gray-07: #611232;
    --gris03: #c9c9cwhite white;
    /* // Guindas 4T */
    --guinda02: #691c32;
    --guinda03: #9f2241;
    --guinda04: #a17882;
}

.select-file-container {
    width: 100%;
    background-color: var(--st-gray-03);
    filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.25));
    border-radius: 20px;
    padding: 1.25rem;

    .first-label {
        color: white;
        font-size: 16px;
        font-weight: normal;
        line-height: normal;
        margin: 0;

        &.required {
            &::after {
                content: "*";
                color: var(--st-red-02);
                font-weight: 500;
                margin-left: 0.25rem;
            }
        }
    }

    .archivo {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--st-purple-01);
        border-radius: 100px;
        padding: 0.8rem 1rem;
        cursor: pointer;

        &.disabled {
            background-color: var(--gris03);
            cursor: no-drop;
        }

        &:hover {
            filter: saturate(2.25);
        }

        span {
            color: white;
            font-size: 13px;
            font-weight: 700;
            line-height: normal;
            margin: 0 0 0 0.5rem;
        }
    }

    .upload-from-expediente {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 3px solid var(--st-purple-03);
        border-radius: 100px;
        padding: 0.3rem 1rem;
        margin: 0;
        cursor: pointer;

        &:hover {
            filter: contrast(0.25);
        }

        span {
            max-width: 65px;
            color: var(--st-purple-03);
            font-size: 13px;
            font-weight: 600;
            line-height: normal;
            text-align: right;
            margin: 0 0.5rem 0 0;
        }

        img {
            max-width: 70px;
        }
    }

    .cont-actions {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        flex-wrap: wrap;

        .name {
            color: white;
            font-weight: 700;
            width: 74% !important;
            line-height: normal;
            word-wrap: break-word;
        }

        a {
            img {
                width: 35px;
            }
        }
    }

    progress {
        accent-color: var(--st-purple-01);
    }

    .success-file {
        color: white;
        font-weight: 500;
    }

    span {
        &.note {
            display: block;
            color: white;
            font-size: 15px;
            font-style: italic;
            font-weight: 400;
        }
    }
}


.progress-bar {
    background-color: #28a745;
    /* Verde para la barra de progreso */
}

.progress {
    height: 30px;
    /* Ajuste del tamaño de la barra de progreso */
    border-radius: 10px;
    /* Bordes redondeados para la barra */
}

.form-control-file {
    border-radius: 10px;
    /* Bordes redondeados para el input de archivo */
    border: 1px solid #ced4da;
    padding: 12px;
    cursor: pointer;
}

.form-control-file:hover {
    border-color: #80bdff;
    /* Efecto al pasar el mouse sobre el input */
}

.text-primary {
    color: #007bff !important;
    /* Color principal del encabezado */
}

.font-weight-semibold {
    font-weight: 600;
}

.text-muted {
    color: #6c757d !important;
}

.error_form {
    color: red;
    font-weight: 700;
}