/* Estilos para enlaces de archivos */
.archivo-link {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: #0066cc;
    text-decoration: none;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    transition: all 0.2s ease;
}

.archivo-link:hover {
    color: #0052a3;
    background-color: #f8f9fa;
    text-decoration: none;
}

.archivo-link:focus {
    outline: 2px solid #0066cc;
    outline-offset: 2px;
}

.archivo-link[disabled] {
    pointer-events: none;
    opacity: 0.6;
}

.archivo-link.loading {
    opacity: 0.6;
    cursor: wait;
}

.archivo-link.error {
    color: #dc3545;
}

/* Iconos para diferentes tipos de archivo */
.archivo-link::before {
    content: "📎";
    font-size: 0.9em;
}

.archivo-link[data-file-type="pdf"]::before {
    content: "📄";
}

.archivo-link[data-file-type="image"]::before {
    content: "🖼️";
}

.archivo-link[data-file-type="document"]::before {
    content: "📝";
}