/*---------------------------------------------------------------------------------------------------------------
   AUTOR          : DIEGO BUSTOS PEÑA
   FECHA CREACIÓN : 09-06-2026
   DESCRIPCIÓN    : CSS DE LOS INPUT UPLOAD
----------------------------------------------------------------------------------------------------------------*/

/* FILE UPLOAD BOX */
.file-upload-box {
    border        : 2px dashed #c8d0da;
    border-radius : var(--uct-radius-input);
    padding       : 1.1rem 1.2rem;
    text-align    : center;
    cursor        : pointer;
    transition    : border-color .2s, background .2s;
    position      : relative;
}

.file-upload-box {
    border-color : var(--uct-blue);
    background   : #f4f7fb;
}

.file-upload-box input[type="file"] {
    position : absolute;
    inset    : 0;
    opacity  : 0;
    cursor   : pointer;
    width    : 100%;
    height   : 100%;
}

.file-upload-box i {
    font-size : 1.5rem;
    color     : #a0aab5;
}

.file-upload-box p {
    margin    : .3rem 0 0;
    font-size : .82rem;
    color     : #778;
}

/* BADGE */
.file-badge {
    display       : inline-flex;
    align-items   : center;
    gap           : .4rem;
    background    : #eaf4ff;
    border        : 1px solid #b3d4f0;
    border-radius : 6px;
    padding       : .25rem .65rem;
    font-size     : .78rem;
    color         : var(--uct-navy);
    font-weight   : 600;
}