/* Biblioteca de Documentos */
.documents-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 30px; margin-top: 30px; padding: 20px 0; }
.document-card { background-color: var(--bg-medium); border-radius: 12px; border: 2px solid var(--border-color); overflow: hidden; transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s; display: flex; flex-direction: column; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.document-card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,0.3); border-color: var(--accent-primary); }
.document-card-header { padding: 20px; display: flex; align-items: flex-start; gap: 15px; border-bottom: 2px solid var(--border-color); flex-wrap: wrap; background: linear-gradient(135deg, var(--bg-medium) 0%, var(--bg-light) 100%); }
.document-icon { font-size: 2.5rem; line-height: 1; flex-shrink: 0; }
.document-title-section { flex: 1; min-width: 0; }
.document-title { font-family: var(--font-display); font-size: 1.5rem; color: var(--text-light); margin: 0 0 5px 0; word-wrap: break-word; }
.document-category { display: inline-block; padding: 4px 12px; background-color: var(--bg-light); color: var(--accent-primary); border-radius: 12px; font-size: 0.85rem; font-weight: 600; }
.document-badge { display: inline-block; padding: 4px 10px; border-radius: 12px; font-size: 0.8rem; font-weight: 600; margin-left: auto; }
.document-badge.expired { background-color: rgba(239, 68, 68, 0.2); color: var(--error-color); }
.document-badge.expiring { background-color: rgba(251, 191, 36, 0.2); color: var(--accent-secondary); }
.document-badge.valid { background-color: rgba(52, 211, 153, 0.2); color: var(--accent-primary); }
.document-card-body { padding: 20px; flex: 1; background-color: var(--bg-medium); }
.document-description { color: var(--text-medium); line-height: 1.6; margin-bottom: 15px; }
.document-info { display: flex; flex-direction: column; gap: 8px; }
.document-info-item { color: var(--text-medium); font-size: 0.9rem; }
.document-info-item strong { color: var(--text-light); margin-right: 5px; }
.document-card-actions { padding: 15px 20px; border-top: 2px solid var(--border-color); display: flex; gap: 10px; justify-content: flex-end; background-color: var(--bg-light); }
.document-card-actions .action-btn { flex: 1; max-width: 150px; }

/* Modal de preview de documentos */
#document-preview-modal .modal-content {
    max-width: 90% !important;
    max-height: 90vh !important;
    display: flex;
    flex-direction: column;
}

#document-preview-content {
    flex: 1;
    overflow: auto;
    min-height: 400px;
    max-height: calc(90vh - 200px);
}

#document-preview-content img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 8px;
}

#document-preview-content iframe {
    width: 100%;
    height: 100%;
    min-height: 500px;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    background: white;
}