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

/* DOCUMENTOS */
.documentos-guardados {
    width : 100%;
}

/* HEADER */
.documentos-header {
    display       : flex;
    align-items   : center;
    gap           : 1rem;
    margin-bottom : 3rem;
}

.icono-documentos {
    width            : 56px;
    height           : 56px;
    border-radius    : 16px;
    background-color : rgba(255,255,255,.6);
    display          : flex;
    align-items      : center;
    justify-content  : center;
    font-size        : 1.3rem;
    color            : var(--uct-blue);
    flex-shrink      : 0;
}

.documentos-header h5 {
    margin      : 0;
    font-weight : 700;
    color       : var(--uct-navy);
}

.documentos-header small {
    color : #64748b;
}

/* LISTADO */
.documentos-listado {
    display        : flex;
    flex-direction : column;
    gap            : .9rem;
    margin-top     : 1.2rem;
}

/* ITEM */
.item-documento {
    display          : flex;
    align-items      : center;
    background-color : rgba(255,255,255,.55);
    border           : 1px solid rgba(255,255,255,.7);
    border-radius    : 14px;
    padding          : .9rem 1rem;
    transition       : all .2s ease;
}

.item-documento {
    transform        : translateY(-2px);
    background-color : rgba(255,255,255,.78);
    box-shadow       : 0 6px 18px rgba(13,43,94,.08);
    }

/* INFO */
.doc-info {
    display        : flex;
    flex-direction : column;
    gap            : .2rem;
}

.doc-tipo {
    display     : flex;
    align-items : center;
    gap         : .55rem;
    font-size   : .78rem;
    font-weight : 700;
    color       : var(--uct-navy);
    line-height : 1.2;
}

.doc-tipo i {
    color     : var(--uct-blue);
    font-size : .72rem;
}

.doc-archivo {
    display      : flex;
    align-items  : center;
    gap          : .45rem;
    padding-left : 1.35rem;
    font-size    : .72rem;
    font-weight  : 500;
    color        : var(--uct-navy);
    opacity      : .72;
    line-height  : 1.2;
    word-break   : break-word;
}

.doc-archivo i {
    color     : var(--uct-blue);
    opacity   : .75;
    font-size : .68rem;
}

/* SEPARADOR */
.separador-documentos {
    height : 1.5rem;
}